/* ============================================================
   Villa Plumbing Field Portal — Bid Tracker Navigation Repair
   Layered on top of bid_tracker_workspace.css + bid_package_support.css.

   Styles for:
     - .btnr-conv-pending — Conversion Pending / Awaiting Approval
       badge that surfaces on queue cards and the bid preview head
       without altering the underlying BID_STATUSES enum.
     - .btnr-preview-badge — small pill that flags actions as
       preview-only (no backend persistence).
   ============================================================ */

.btnr-conv-pending-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:6px 0 4px;
  width:100%;
}

.btnr-conv-pending{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff7ea;
  color:#7a4e00;
  border:1px solid #f3d8a8;
  text-transform:uppercase;
  line-height:1.2;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media (max-width: 640px){
  .btnr-conv-pending{
    font-size:10px;
    padding:3px 7px;
  }
}

.btnr-preview-badge{
  display:inline-flex;
  align-items:center;
  font-size:10px;
  font-weight:700;
  letter-spacing:.4px;
  padding:3px 7px;
  border-radius:999px;
  background:#eef4f3;
  color:#141310;
  border:1px solid #d8e8e5;
  text-transform:uppercase;
  margin-left:auto;
  line-height:1.2;
}

/* Print: badges should remain visible so a printed bid sheet still
   tells the reader what's pending. */
@media print{
  .btnr-conv-pending{
    background:#fff;
    color:#7a4e00;
    border:1px solid #7a4e00;
  }
  .btnr-preview-badge{
    background:#fff;
    color:#141310;
    border:1px solid #141310;
  }
}