:root{
  --scai-blue:#004c99;
  --scai-orange:#ff8000;
  --scai-gray:#f4f6f8;
  --scai-text:#1f2937;
  --scai-border:#e5e7eb;
}

/* Card look */
.shipcheck {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color: var(--scai-text);
}
.shipcheck .dropzone {
  border: 2px dashed var(--scai-blue) !important;
  background: #f8fafc !important;
  border-radius: 16px !important;
}
.shipcheck .files { gap: 8px !important; }
.shipcheck .file {
  border:1px solid var(--scai-border) !important;
  border-radius:14px !important;
  padding:10px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.04);
}
.shipcheck .file .name {
  font-weight:600; color:#004c99;
  margin-bottom:6px;
}
.shipcheck .file .progress { height:7px !important; background:#e5e7eb !important; border-radius:8px !important; }
.shipcheck .file .progress > div { background: var(--scai-orange) !important; }

/* Buttons */
.shipcheck .actions { gap:10px !important; }
.shipcheck button {
  background: var(--scai-blue) !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  font-weight:600 !important;
}
.shipcheck button:hover { transform: translateY(-1px); }

/* Hide extra buttons (keep in DOM to avoid JS errors) */
.shipcheck .actions .get-results,
.shipcheck .actions .gen-pdf { display:none !important; }

/* Status pills */
.shipcheck .pill.GREEN { background:#dcfce7 !important; color:#166534 !important; }
.shipcheck .pill.YELLOW{ background:#fef9c3 !important; color:#854d0e !important; }
.shipcheck .pill.RED   { background:#fee2e2 !important; color:#991b1b !important; }

/* Align header fields nicer */
.shipcheck input[type=text]{
  border:1px solid var(--scai-border);
  border-radius:12px;
  padding:10px 12px;
}