{{-- Reject confirmation, sharing the approve modal's shell styles. --}}
<div class="offer-modal-overlay" id="offerRejectModal" role="dialog" aria-modal="true"
    aria-labelledby="offerRejectTitle" hidden>
    <div class="offer-modal">
        <div class="offer-modal-head">
            <div class="offer-modal-icon reject">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </div>
            <div>
                <h4 id="offerRejectTitle">Reject Offer</h4>
                <p class="offer-modal-sub" id="offerRejectSubtitle"></p>
            </div>
            <button type="button" class="offer-modal-close" id="offerRejectClose" aria-label="Close">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2.5" stroke-linecap="round">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </button>
        </div>

        <div class="offer-modal-body">
            <label class="offer-modal-label" for="offerRejectReason">Reason for Rejection</label>
            <textarea id="offerRejectReason" class="offer-modal-input offer-modal-textarea"
                rows="3" maxlength="255" placeholder="e.g. Pricing could not be verified"></textarea>
            <p class="offer-modal-help">
                Shown against the offer in this list so the next admin can see why it was turned down.
                <span class="offer-modal-count"><span id="offerRejectCount">0</span>/255</span>
            </p>

            <p class="offer-modal-error" id="offerRejectError" hidden></p>
        </div>

        <div class="offer-modal-foot">
            <button type="button" class="offer-modal-btn secondary" id="offerRejectCancel">Cancel</button>
            <button type="button" class="offer-modal-btn reject" id="offerRejectConfirm">Reject Offer</button>
        </div>
    </div>
</div>