/* GoForge Quick Order modal styles */
#gfq-modal { position: fixed; inset: 0; background: rgba(0,0,0,.5); display: none; z-index: 9999; }
#gfq-modal .gfq-dialog { max-width: 560px; margin: 5% auto; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 60px rgba(0,0,0,.24); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
#gfq-modal .gfq-header { padding: 16px 20px; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; }
#gfq-modal .gfq-title { font-weight: 600; font-size: 18px; }
#gfq-modal .gfq-close { background: none; border: 0; font-size: 22px; line-height: 1; cursor: pointer; padding: 4px 8px; }
#gfq-modal .gfq-body { padding: 20px; }
#gfq-modal .gfq-footer { padding: 16px 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; gap: 12px; }

#gfq-modal .gfq-field { margin-bottom: 14px; }
#gfq-modal .gfq-label { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font-size: 14px; color: #333; }
#gfq-modal .gfq-required-star { color: #b00020; font-weight: 700; }
#gfq-modal .gfq-hidden { display: none; }

#gfq-modal .gfq-input, #gfq-modal .gfq-file { width: 100%; box-sizing: border-box; border: 1px solid #d6d6dc; border-radius: 8px; padding: 10px 12px; font-size: 14px; outline: none; }
#gfq-modal .gfq-input:focus, #gfq-modal .gfq-file:focus { border-color: #5a8cff; box-shadow: 0 0 0 3px rgba(90,140,255,.18); }

#gfq-modal .gfq-error { color: #b00020; font-size: 12px; margin-top: 6px; display: none; }
#gfq-modal .gfq-field.gfq-has-error .gfq-input,
#gfq-modal .gfq-field.gfq-has-error .gfq-file { border-color: #b00020; box-shadow: 0 0 0 3px rgba(176,0,32,.12); }

#gfq-modal .gfq-actions .gfq-btn { border: 0; border-radius: 8px; padding: 10px 14px; font-weight: 600; cursor: pointer; }
#gfq-modal .gfq-btn-primary { background: #111827; color: #fff; }
#gfq-modal .gfq-btn-secondary { background: #f3f4f6; color: #111827; }
#gfq-modal .gfq-btn:disabled { opacity: .6; cursor: not-allowed; }

/* Success screen */
#gfq-modal .gfq-success { text-align: center; padding: 30px 10px; }
#gfq-modal .gfq-success .gfq-check {
  width: 64px; height: 64px; margin: 0 auto 12px auto; border-radius: 50%;
  background: #10b981; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px;
}
#gfq-modal .gfq-success .gfq-title { font-weight: 700; font-size: 18px; margin-bottom: 6px; }
#gfq-modal .gfq-success .gfq-caption { color: #4b5563; }

@media (max-width: 480px){
  #gfq-modal .gfq-dialog { margin: 10% 12px; }
}