/* QuiConvert Uploader v2 - expanded UX */
.qc-uploader-wrap {
  max-width: 720px;
  margin: 40px auto;
  padding: 26px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(20,30,50,0.06);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.qc-title { font-size: 22px; margin: 0; color: #0b2545; text-align: center; }
.qc-subtitle { text-align: center; color: #5b6b80; margin-top: 6px; margin-bottom: 18px; }
.qc-upload-area { padding: 10px; }
.qc-drop-zone {
  border: 2px dashed #d7dde6;
  border-radius: 12px;
  padding: 34px;
  text-align: center;
  transition: all 180ms ease;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.qc-drop-zone.qc-dragover { border-color: #2b8cff; background: #f0f7ff; transform: translateY(-3px); }
.qc-drop-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.qc-pdf-icon { width: 72px; height: 72px; opacity: 0.95; }
.qc-drop-text { font-size: 16px; color: #344a63; margin: 6px 0; }
.qc-choose-btn { display: inline-block; padding: 10px 18px; border-radius: 8px; background: #2b8cff; color: white; border: none; cursor: pointer; }
.qc-actions { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.qc-btn { padding: 12px 22px; border-radius: 10px; border: none; background: #e9f2ff; color: #0b2545; min-width: 160px; cursor: pointer; transition: all 150ms ease; box-shadow: 0 3px 10px rgba(15,30,60,0.04); }
.qc-btn:hover { transform: translateY(-3px); }
.qc-btn-primary { background: linear-gradient(90deg,#2b8cff,#2265d6); color: white; }
.qc-extras { margin-top: 12px; display:flex; flex-direction: column; gap:8px; align-items:center; }
.qc-email-input { padding: 9px 12px; border-radius: 8px; border: 1px solid #d7dde6; width: 100%; max-width: 360px; }
.qc-result { margin-top: 8px; min-height: 34px; }
.qc-loading { color: #2265d6; }
.qc-error { color: #c0392b; }
.qc-message { color: #0b2545; }
.qc-download { display:inline-block; padding: 10px 16px; background: #28a745; color: #fff; border-radius: 8px; text-decoration: none; margin-top: 6px; }
@media (max-width:640px) {
  .qc-uploader-wrap { padding: 18px; margin: 20px; }
  .qc-btn { min-width: 140px; padding: 10px 14px; }
}