/* V2.1.31: deterministic labels for mobile WebView review buttons. */
@media (max-width: 820px) {
  .document-review-card, .document-review-card * { min-width: 0 !important; box-sizing: border-box !important; }
  .document-review-card .review-actions { width: 100% !important; max-width: 100% !important; overflow: visible !important; }
  .document-review-card .review-actions button { position: relative !important; width: 100% !important; max-width: 100% !important; min-height: 52px !important; font-size: 0 !important; text-align: center !important; overflow: hidden !important; }
  .document-review-card .review-actions button::after { display: block !important; width: 100% !important; color: currentColor !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; white-space: normal !important; }
  .document-review-card .review-actions [data-approve-driver-document]::after { content: "✓ Duyệt và đưa vào Booking" !important; color: #fff !important; }
  .document-review-card .review-actions [data-reupload-driver-document]::after { content: "Yêu cầu tài xế gửi lại" !important; color: var(--text) !important; }
  .document-review-card .review-actions [data-reject-driver-document]::after { content: "Từ chối chứng từ" !important; color: var(--red) !important; }
}