#main > main:has(.invoice-rollouts) { overflow: visible; }

.rollout-feedback {
    position: sticky;
    top: 0;
    z-index: 10;
    border: 1px solid currentColor;
    border-radius: 0.375rem;
    padding: 1rem;
    overflow-wrap: anywhere;
}

.rollout-feedback p + p { margin-top: 0.5rem; }
.rollout-feedback [role] { font-weight: 600; }
.rollout-feedback.feedback-busy { color: #075985; background: #f0f9ff; }
.rollout-feedback.feedback-success { color: #065f46; background: #ecfdf5; }
.rollout-feedback.feedback-warning { color: #92400e; background: #fffbeb; }
.rollout-feedback.feedback-error { color: #991b1b; background: #fef2f2; }
.rollout-feedback progress { display: block; width: 100%; margin-top: 0.75rem; accent-color: #0369a1; }
.rollout-details { scroll-margin-top: 12rem; }
.invoice-rollouts button:disabled { cursor: not-allowed; opacity: 0.6; }
.invoice-rollouts button:focus-visible, .rollout-details:focus-visible { outline: 2px solid #0369a1; outline-offset: 3px; }