/* ============================================================
   Villa Plumbing Field Portal — Bid Package Support
   Layered on top of bid_tracker_workspace.css.

   Styles for:
     - .vbps-panel — Bid Package panel inside the bid preview
     - .vbps-viewer — In-shell PDF viewer
     - .vbps-overlay — Replace + Version History overlays
   ============================================================ */

.vbps-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#f5fbfa;
  border:1px solid #d8e8e5;
  border-radius:12px;
  padding:14px 16px;
  margin:12px 0 4px;
  color:#1A1916;
}
.vbps-panel-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  border-bottom:1px solid #e2eeec;
  padding-bottom:8px;
}
.vbps-panel-head h5{
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:15px;
  color:#141310;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.vbps-state{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  padding:3px 9px;
  border-radius:999px;
  background:#eef4f3;
  color:#141310;
  text-transform:uppercase;
  border:1px solid #d8e8e5;
}
.vbps-state.state-uploaded{
  background:#dff5ec;
  color:#0e5a3a;
  border-color:#9bd9bb;
}
.vbps-state.state-lily{
  background:#e8efff;
  color:#1f3a99;
  border-color:#a8bcef;
}
.vbps-tag{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  padding:2px 8px;
  border-radius:999px;
  background:#eef4f3;
  color:#4a6b65;
  text-transform:uppercase;
  border:1px solid #d8e8e5;
}
.vbps-tag.empty{
  background:#fff4d6;
  color:#7a5400;
  border-color:#e5cc88;
}
.vbps-tag.current{
  background:#dff5ec;
  color:#0e5a3a;
  border-color:#9bd9bb;
}
.vbps-tag.past{
  background:#eef4f3;
  color:#4a6b65;
  border-color:#d8e8e5;
}
.vbps-current{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.vbps-current-name{
  font-size:14px;
  color:#141310;
  line-height:1.45;
  word-break:break-word;
}
.vbps-current-note{
  font-size:12px;
  line-height:1.5;
}
.vbps-current-meta{
  font-size:11px;
  letter-spacing:.2px;
}
.vbps-empty p{
  margin:6px 0;
  font-size:13px;
  color:#1A1916;
  line-height:1.55;
}
.vbps-muted{
  color:#4a6b65;
  font-style:italic;
  font-size:12px;
  line-height:1.55;
}
.vbps-panel-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.vbps-btn{
  appearance:none;
  border:1px solid #c7dbd8;
  background:#fff;
  color:#141310;
  font-weight:600;
  font-size:12px;
  border-radius:999px;
  padding:7px 14px;
  min-height:40px;
  cursor:pointer;
  line-height:1.1;
}
.vbps-btn:hover{ filter:brightness(0.98); }
.vbps-btn:focus{ outline:2px solid #0e5a8a; outline-offset:2px; }
.vbps-btn.primary{
  background:#141310;
  color:#fff;
  border-color:#141310;
}
.vbps-btn[disabled],
.vbps-btn[aria-disabled="true"]{
  opacity:.55;
  cursor:not-allowed;
}

/* In-shell PDF viewer */
.vbps-viewer{
  display:flex;
  flex-direction:column;
  gap:0;
  background:#fff;
  border:1px solid #d8e8e5;
  border-radius:14px;
  padding:0;
  overflow:hidden;
  margin:12px 0;
  color:#1A1916;
}
.vbps-viewer-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  background:#141310;
  color:#fff;
}
.vbps-viewer-head{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:200px;
}
.vbps-viewer-head h4{
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:16px;
  color:#fff;
  letter-spacing:.4px;
  text-transform:none;
  word-break:break-word;
}
.vbps-viewer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.vbps-viewer-actions .vbps-btn{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.4);
}
.vbps-viewer-actions .vbps-btn.primary{
  background:#fff;
  color:#141310;
  border-color:#fff;
}
.vbps-viewer-body{
  background:#f4f7f6;
  padding:0;
  min-height:480px;
  display:flex;
}
.vbps-pdf,
.vbps-pdf-iframe{
  width:100%;
  height:640px;
  min-height:480px;
  border:0;
  display:block;
}
.vbps-pdf-fallback{
  padding:16px;
}
.vbps-pdf-fallback a{ color:#0e5a8a; }
.vbps-lily-draft{
  padding:18px 22px;
  width:100%;
}
.vbps-lily-draft h5{
  margin:0 0 8px;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:16px;
  color:#141310;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.vbps-lily-draft p{
  margin:6px 0;
  font-size:13px;
  color:#1A1916;
  line-height:1.55;
}
.vbps-lily-draft ul{
  margin:8px 0;
  padding-left:18px;
  font-size:13px;
  color:#1A1916;
  line-height:1.55;
}

/* Replace + Version History overlays */
.vbps-overlay{
  position:fixed;
  inset:0;
  background:rgba(20,19,16,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1080;
  padding:18px;
}
.vbps-overlay-shell{
  background:#fff;
  color:#1A1916;
  border-radius:14px;
  max-width:680px;
  width:100%;
  max-height:90vh;
  overflow:auto;
  box-shadow:0 12px 32px rgba(20,19,16,.28);
  border:1px solid #d8e8e5;
  display:flex;
  flex-direction:column;
}
.vbps-overlay-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 16px;
  border-bottom:1px solid #e2eeec;
}
.vbps-overlay-bar h4{
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:16px;
  color:#141310;
  letter-spacing:.4px;
  word-break:break-word;
}
.vbps-x{
  appearance:none;
  background:transparent;
  border:1px solid #d8e8e5;
  border-radius:999px;
  color:#141310;
  font-size:14px;
  cursor:pointer;
  width:30px;
  height:30px;
  min-height:30px;
  line-height:1;
}
.vbps-overlay-body{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.vbps-replace-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.vbps-history-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.vbps-history-row{
  border:1px solid #d8e8e5;
  border-radius:10px;
  padding:10px 12px;
  background:#f5fbfa;
}
.vbps-history-head{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#141310;
}
.vbps-history-name{
  margin-top:2px;
  font-size:13px;
  color:#1A1916;
  word-break:break-word;
}
.vbps-history-note,
.vbps-history-when{
  margin-top:2px;
  font-size:12px;
  font-style:italic;
}

/* Mobile (≤780px) */
@media (max-width: 780px){
  .vbps-panel{ padding:12px; }
  .vbps-btn{ min-height:44px; padding:8px 14px; font-size:13px; }
  .vbps-x{ width:36px; height:36px; min-height:36px; }
  .vbps-pdf,
  .vbps-pdf-iframe{ height:520px; }
  .vbps-overlay{ padding:8px; }
  .vbps-overlay-shell{ max-height:95vh; }
}

/* Print — keep the PDF body, hide chrome */
@media print{
  .vbps-no-print,
  .vbps-viewer-bar,
  .vbps-panel-actions,
  .vbps-overlay{ display:none !important; }
  .vbps-panel{ break-inside:avoid; }
  .vbps-pdf,
  .vbps-pdf-iframe{ height:auto; min-height:0; }
}