/* 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-storage-panel {
    overflow: hidden;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin: 0 1rem;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--aw-info) 32%, var(--aw-line));
    border-radius: .7rem;
    background: color-mix(in srgb, var(--aw-info) 7%, var(--aw-surface));
    color: var(--aw-text);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance > .ui-icon {
    flex: 0 0 auto;
    width: 1.15rem;
    margin-top: .1rem;
    color: var(--aw-info);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance > div {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance b {
    color: var(--aw-heading);
    font-size: .8rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance span {
    color: var(--aw-muted);
    font-size: .77rem;
    line-height: 1.45;
}

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

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form {
    display: grid;
    grid-template-columns: minmax(10rem, .7fr) minmax(19rem, 1.7fr) minmax(9rem, .55fr) minmax(12rem, .85fr) auto;
    align-items: end;
    gap: .75rem;
    padding: 1rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form > label {
    display: grid;
    min-width: 0;
    gap: .32rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form > label > span {
    color: var(--aw-muted);
    font-size: .69rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form :is(input[type="text"], input[type="number"]) {
    min-width: 0;
    min-height: 2.45rem;
    border: 1px solid var(--aw-line-strong);
    border-radius: .58rem;
    background: var(--aw-surface);
    color: var(--aw-heading);
    padding: .55rem .65rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form small {
    color: var(--aw-muted);
    font-size: .68rem;
    line-height: 1.25;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form .facebook-backup-storage-enabled {
    display: flex;
    align-items: center;
    min-height: 2.45rem;
    padding: .55rem .65rem;
    border: 1px solid var(--aw-line);
    border-radius: .58rem;
    background: var(--aw-surface-subtle);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form .facebook-backup-storage-enabled input {
    inline-size: 1rem;
    block-size: 1rem;
    margin: 0 .45rem 0 0;
    accent-color: var(--aw-accent);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form .facebook-backup-storage-enabled span {
    color: var(--aw-heading);
    font-size: .77rem;
    font-weight: 700;
    line-height: 1.25;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form > .table-action {
    min-height: 2.45rem;
    white-space: nowrap;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-empty {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .7rem;
    margin: 0 1rem 1rem;
    padding: 1rem;
    border: 1px dashed var(--aw-line-strong);
    border-radius: .7rem;
    background: var(--aw-surface-subtle);
    color: var(--aw-muted);
}

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

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-empty > div {
    display: grid;
    gap: .2rem;
    max-width: 52rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-empty b {
    color: var(--aw-heading);
    font-size: .84rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-empty span {
    font-size: .77rem;
    line-height: 1.45;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-list {
    overflow-x: auto;
    border-top: 1px solid var(--aw-line);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-row {
    display: grid;
    grid-template-columns: minmax(10rem, .75fr) minmax(19rem, 2fr) minmax(5rem, .35fr) minmax(8rem, .55fr) minmax(7rem, .55fr) minmax(14rem, .85fr);
    align-items: center;
    min-width: 72rem;
    gap: .75rem;
    padding: .7rem 1rem;
    border-bottom: 1px solid var(--aw-line);
    color: var(--aw-text);
    font-size: .78rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-head {
    background: var(--aw-surface-subtle);
    color: var(--aw-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-row > span:first-child {
    display: grid;
    min-width: 0;
    gap: .16rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-row > span:first-child b {
    color: var(--aw-heading);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-row small {
    color: var(--aw-muted);
    font-size: .68rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-row > code {
    color: var(--aw-info);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-status i {
    inline-size: .48rem;
    block-size: .48rem;
    border-radius: 50%;
    background: currentColor;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-status.enabled {
    color: var(--aw-success);
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-priority-form {
    display: flex;
    align-items: center;
    gap: .35rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-priority-form input {
    inline-size: 4.25rem;
    min-height: 2.1rem;
    border: 1px solid var(--aw-line-strong);
    border-radius: .5rem;
    background: var(--aw-surface);
    color: var(--aw-heading);
    padding: .35rem .42rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-priority-form .mock-secondary {
    min-height: 2.1rem;
    padding: .35rem .48rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-actions form {
    display: contents;
}

body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-actions :is(.mock-secondary, .danger-action) {
    min-height: 2.15rem;
    padding: .4rem .58rem;
    white-space: nowrap;
}

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;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form {
        grid-template-columns: minmax(10rem, 1fr) minmax(18rem, 1.6fr) minmax(8rem, .55fr) minmax(11rem, .8fr);
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form > .table-action {
        grid-column: 1 / -1;
    }
}

@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-storage-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form {
        grid-template-columns: 1fr;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-form > .table-action {
        grid-column: auto;
        width: 100%;
    }

    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-guidance,
    body.admin-surface .facebook-backup-admin-page .facebook-backup-storage-empty {
        margin-inline: .75rem;
    }

    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;
    }
}