/* Module Tài liệu — khung tour hướng dẫn (driver.js, document-guide.js; spec 2026-09-30-document-guided-tour-design.md) */
.driver-popover.doc-guide-popover {
  min-width: 360px;
  max-width: 460px;
  padding: 20px;
  border-radius: 12px;
}
/* Không ép font lên icon Material (sẽ hiện thành chữ "description", "link"...) */
.driver-popover.doc-guide-popover *:not(.material-icons-outlined):not(.material-icons) { font-family: 'Inter', sans-serif; }
.driver-popover.doc-guide-popover .driver-popover-title { font-size: 17px; font-weight: 700; }
.driver-popover.doc-guide-popover .driver-popover-description { font-size: 14px; line-height: 1.6; color: #3c4043; }
.driver-popover.doc-guide-popover .driver-popover-footer button { padding: 6px 14px; font-size: 13px; border-radius: 6px; }
.driver-popover.doc-guide-popover .driver-popover-next-btn { background: #346BDA; color: #fff; border-color: #346BDA; text-shadow: none; }

/* 4 loại tài liệu trong bước "Thêm tài liệu" */
.doc-guide-kinds { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.doc-guide-kinds li { display: flex; align-items: flex-start; gap: 8px; }
.doc-guide-kinds .material-icons-outlined { font-size: 20px; line-height: 22px; flex: none; }

/* Chip màu trường giống màu HighlightMarks (xanh = trường hệ thống, đỏ = trường tự do) */
.doc-guide-mark { display: inline-block; padding: 0 6px; border-radius: 4px; font-weight: 600; }
.doc-guide-mark-valid { color: rgb(21, 128, 61); background: #e6f4ea; }
.doc-guide-mark-unknown { color: rgb(224, 40, 40); background: #fdecea; }