/* ===== RFQ Modal CSS (V5.1.6F) ===== */
.rfq-modal-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(10,37,64,.6);
  z-index:10000;
  display:none;align-items:center;justify-content:center;
  padding:16px;
  overflow-y:auto;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
.rfq-modal-overlay.active{display:flex}
.rfq-modal{
  background:#fff;border-radius:16px;
  max-width:720px;width:100%;
  max-height:90vh;overflow-y:auto;
  box-shadow:0 20px 60px rgba(10,37,64,.25);
  position:relative;
  animation:rfqSlideIn .3s cubic-bezier(.16,1,.3,1);
}
@keyframes rfqSlideIn{
  from{opacity:0;transform:translateY(24px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.rfq-modal-header{
  padding:20px 28px 16px;
  border-bottom:1px solid #E5E7EB;
  display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(135deg,#0A2540 0%,#0B3A6E 100%);
  border-radius:16px 16px 0 0;
}
.rfq-modal-header h3{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}
.rfq-modal-header-sub{font-size:12px;color:rgba(255,255,255,.6);margin:4px 0 0}
.rfq-modal-close{
  background:rgba(255,255,255,.15);border:none;font-size:20px;cursor:pointer;
  color:rgba(255,255,255,.8);padding:8px 12px;border-radius:8px;
  transition:all .15s;line-height:1;
}
.rfq-modal-close:hover{background:rgba(255,255,255,.25);color:#fff}
.rfq-modal-body{padding:24px 28px}
.rfq-modal-field{margin-bottom:14px}
.rfq-modal-field label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:5px;letter-spacing:.01em;text-transform:uppercase}
.rfq-modal-field input,
.rfq-modal-field textarea,
.rfq-modal-field select{
  width:100%;padding:10px 12px;
  border:1.5px solid #E5E7EB;border-radius:8px;
  font-size:14px;color:#1F2937;
  outline:none;transition:all .2s;
  background:#FAFBFC;
  box-sizing:border-box;
}
.rfq-modal-field input:focus,
.rfq-modal-field textarea:focus,
.rfq-modal-field select:focus{
  border-color: #0F7CCF;
  box-shadow:0 0 0 3px rgba(15,124,207,.1);
  background:#fff;
}
.rfq-modal-field textarea{resize:vertical;min-height:72px}
.rfq-modal-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.rfq-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* File Upload Area */
.rfq-upload-field label{margin-bottom:8px}
.rfq-upload-area{
  display:flex;align-items:center;gap:14px;
  padding:16px 20px;
  border:2px dashed #D1D5DB;border-radius:10px;
  background:#FAFBFC;cursor:pointer;
  transition:all .2s;
}
.rfq-upload-area:hover{border-color:#0F7CCF;background:#F0F9FF}
.rfq-upload-area.dragover{border-color:#0F7CCF;background:#E0F2FE}
.rfq-upload-text{display:flex;flex-direction:column;gap:2px}
.rfq-upload-browse{font-size:14px;font-weight:500;color:#0F7CCF}
.rfq-upload-hint{font-size:11px;color:#9CA3AF}
.rfq-upload-fileinfo{margin-top:8px;font-size:13px;min-height:20px}
.rfq-upload-note{font-size:11px;color:#9CA3AF;margin:12px 0 0;text-align:center;line-height:1.5}
.rfq-upload-note a{color:#0F7CCF;text-decoration:none}
.rfq-upload-note a:hover{text-decoration:underline}

/* Submit + WhatsApp buttons */
.rfq-modal-actions{
  display:flex;gap:12px;margin-top:18px;align-items:stretch;
}
.rfq-modal-submit{
  flex:1;
  background:linear-gradient(135deg,#0F7CCF 0%,#005F99 100%);color:#fff;
  padding:14px 32px;border:none;border-radius:10px;
  font-size:15px;font-weight:700;cursor:pointer;
  transition:all .2s;
  box-shadow:0 4px 12px rgba(15,124,207,.25);
  letter-spacing:-.01em;
}
.rfq-modal-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(15,124,207,.35)}
.rfq-modal-submit:active{transform:translateY(0)}
.rfq-modal-submit:disabled{background:#D1D5DB;cursor:not-allowed;box-shadow:none;transform:none}
.rfq-modal-wa-btn{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:14px 20px;border:none;border-radius:10px;
  background:#25D366;color:#fff;font-size:14px;font-weight:600;
  text-decoration:none;cursor:pointer;transition:all .2s;
  white-space:nowrap;min-width:120px;
}
.rfq-modal-wa-btn:hover{background:#128C7E;transform:translateY(-1px)}

/* Status states */
.rfq-modal-loading{display:none;text-align:center;padding:20px;color:#6B7280;font-size:14px}
.rfq-modal-loading.active{display:block}
.rfq-modal-success{display:none;text-align:center;padding:28px 20px;color:#16A34A;font-size:15px;font-weight:600;line-height:1.6}
.rfq-modal-success.active{display:block}
.rfq-modal-error{display:none;text-align:center;padding:16px;color:#DC2626;font-size:14px}
.rfq-modal-error.active{display:block}

/* Trust badges inside modal */
.rfq-modal-trust{display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid #F3F4F6}
.rfq-modal-trust span{font-size:11px;color:#6B7280;display:flex;align-items:center;gap:4px}
.rfq-modal-trust span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background: #0F7CCF}

@media(max-width:768px){
  .rfq-modal{max-width:100%;max-height:95vh;border-radius:12px}
  .rfq-modal-header{border-radius:12px 12px 0 0;padding:16px 20px 12px}
  .rfq-modal-header h3{font-size:16px}
  .rfq-modal-row{grid-template-columns:1fr}
  .rfq-modal-body{padding:16px 20px}
  .rfq-modal-actions{flex-direction:column}
  .rfq-modal-wa-btn{justify-content:center}
  .rfq-upload-area{padding:12px 16px}
}