/* The "Review N selection(s)" bar on CaseDetail's operator workflow. It pins to the
   bottom of the viewport while the operator is above it (Map / Candidates) and flush
   under the app bar while they scroll the proposals below it.

   --mud-appbar-height stays at 64px on phones, where MudBlazor actually renders the
   app bar at 56px, so the top offset is set per breakpoint or content peeks through
   the gap.

   MudGrid spaces items with a transparent padding-top, and sticky pins the padding
   edge, so content would show through above the bar. Swapping that padding for the
   same margin keeps the layout while leaving nothing see-through inside the pinned
   box. */

.pathiq-submit-bar {
    position: sticky;
    top: var(--mud-appbar-height);
    bottom: 16px;
    z-index: 1100;
    padding-top: 0 !important;
    margin-top: 24px;
}

@media (max-width: 599.98px) {
    .pathiq-submit-bar {
        top: 56px;
    }

    /* Pinned at the top of a phone screen, the readiness caption costs ~70px of a
       short viewport. The button already carries the count and each card shows its
       own status, so drop the caption and make the button a full-width tap target. */
    .pathiq-submit-bar .pathiq-submit-bar-summary {
        display: none !important;
    }

    .pathiq-submit-bar .mud-button-root {
        width: 100%;
    }
}