/* Scoped by class: the rest of the application's panels are unchanged. */
.listing-export-protection { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; }
.listing-export-protection > span { flex: 1 1 20rem; }
.listing-export-protection i { margin-right: .5rem; }
.fo-listing-progress {
    /* Match the horizontal gutters of .std-hc-whiteboard in Modern.css. */
    margin: 1rem 18px;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--ui-border, #d5e1ea);
    border-radius: 10px;
    color: var(--ui-ink, #2f3e49);
    background: var(--ui-surface, #fff);
}
.fo-listing-progress__header, .fo-listing-progress__caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem 1rem;
}
.fo-listing-progress__header-actions { display: inline-flex; align-items: center; gap: .5rem; }
.fo-listing-progress__header h3 { margin: 0; font-size: 1.05rem; font-weight: 650; }
.fo-listing-progress__header h3 > i { color: var(--ui-primary, #0b75bb); margin-right: .4rem; }
.fo-collapse-toggle { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 1px solid var(--ui-border, #d5e1ea); border-radius: 50%; background: var(--ui-surface, #fff); color: var(--ui-primary, #0b75bb); font: inherit; cursor: pointer; }
.fo-collapse-toggle:hover { background: var(--ui-surface-muted, #eef4f8); }
.fo-collapse-toggle:focus-visible { outline: 2px solid var(--ui-primary, #0b75bb); outline-offset: 4px; border-radius: 2px; }
.fo-listing-progress.is-collapsed { padding-block: .3rem; }
.fo-listing-progress.is-collapsed .fo-listing-progress__header h3 { line-height: 1.2; }
.fo-listing-progress > [hidden] { display: none !important; }
.fo-listing-progress__status {
    font-size: .85rem;
    border-radius: 1rem;
    padding: .25rem .75rem;
    background: var(--ui-surface-muted, #eef4f8);
    color: var(--ui-ink, #2f3e49);
}
.fo-listing-progress__status.is-complete { color: var(--ui-success, #16835c); }
.fo-listing-progress__metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}
.fo-listing-progress__metric {
    border-radius: 7px;
    padding: .65rem .9rem;
    background: var(--ui-surface-muted, #eef4f8);
    border-left: 3px solid var(--ui-border, #d5e1ea);
}
.fo-listing-progress__metric:first-child { border-left-color: var(--ui-primary, #0b75bb); }
.fo-listing-progress__metric:last-child { border-left-color: var(--ui-success, #16835c); }
.fo-listing-progress__metric span { display: block; font-size: .82rem; color: var(--ui-muted, #5a5b5e); }
.fo-listing-progress__metric strong { display: block; font-size: 1.45rem; font-variant-numeric: tabular-nums; }
.fo-listing-progress__caption { font-size: .85rem; margin-bottom: .4rem; }
.fo-listing-progress__caption strong { font-variant-numeric: tabular-nums; }
.fo-listing-progress__track {
    height: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--ui-surface-muted, #eef4f8);
}
.fo-listing-progress__track > span { display: block; height: 100%; background: var(--ui-primary, #0b75bb); }
.fo-listing-progress__track.is-indeterminate > span {
    width: 30% !important;
    animation: fo-listing-progress-activity 1.6s ease-in-out infinite;
}
.fo-listing-progress__notice { margin: .6rem 0 0; font-size: .82rem; color: var(--ui-muted, #5a5b5e); }
.fo-listing-progress__details { margin-top: .75rem; border-top: 1px solid var(--ui-border, #d5e1ea); padding-top: .6rem; }
.fo-listing-progress__details summary { cursor: pointer; color: var(--ui-primary, #0b75bb); font-size: .85rem; }
.fo-listing-progress__details summary:focus-visible { outline: 2px solid var(--ui-primary, #0b75bb); outline-offset: 3px; }
.fo-listing-progress__details h4 { font-size: .85rem; margin: .85rem 0 .4rem; }
.fo-listing-progress__details dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .3rem 1rem; max-width: 42rem; margin: 0; font-size: .85rem; }
.fo-listing-progress__details dt { font-weight: normal; }
.fo-listing-progress__details dd { margin: 0; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
@keyframes fo-listing-progress-activity { from { transform: translateX(-100%); } to { transform: translateX(340%); } }
.fo-listing-pagination { display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap; padding: 1rem; }
.fo-listing-pagination > span { font-size: .85rem; color: var(--ui-muted, #5a5b5e); }
@media (prefers-reduced-motion: reduce) { .fo-listing-progress__track.is-indeterminate > span { animation: none; width: 100% !important; opacity: .4; } }
@media (max-width: 680px) {
    .fo-listing-progress { margin-inline: 10px; }
}
@media (max-width: 600px) {
    .fo-listing-progress { padding: .8rem; }
    .fo-listing-progress__metrics { grid-template-columns: 1fr; gap: .4rem; }
    .fo-listing-progress__metric { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
    .fo-listing-progress__metric strong { font-size: 1.2rem; }
}