.rag-status-toast{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1050;
  max-width: 360px;
}
.rag-status-inner{
  display: flex; align-items: center; gap: 8px;
  background: #ffffff; color: #333; border: 1px solid #e5e7eb;
  padding: 10px 12px; border-radius: 10px; box-shadow: 0 6px 24px rgba(0,0,0,.08);
}
.rag-status-inner .spinner-border{ width: 1rem; height: 1rem; }
.rag-status-inner .msg{ flex: 1; font-size: 13px; }
.rag-status-inner .close-btn{
  border: 0; background: transparent; font-size: 18px; line-height: 1;
  color: #666; cursor: pointer;
}
.rag-status-inner.error{ border-color: #f1c0c0; background: #fff6f6; color: #a33; }

/* doc process card */
.doc-card { border-radius: 0.75rem; }
.doc-card .card-body { padding-left: 1rem; padding-right: 1rem; }
.doc-card h6 { font-weight: 600; }
.doc-card .progress {
  height: 8px; background-color: #f1f3f5; border-radius: 999px;
}
.doc-card .progress-bar {
  transition: width .3s ease; border-radius: 999px;
  background-image: linear-gradient(90deg, rgba(13,110,253,.9), rgba(32,201,151,.9));
}