/* ======================================================================================
   Tag "Phỏng vấn cùng AI" — DÙNG CHUNG cho card tin ở trang chủ, trang tuyen-dung và trang chi tiết tin
   (thiết kế v44_28: pill nền trắng viền gradient + sao 4 cánh, giống tag "Trợ lý phỏng vấn AI").
   Nạp toàn site qua Views/Partial/_StyleVersion2.cshtml. Markup: <span class="ai-tag">Phỏng vấn cùng AI</span>
   Icon là ảnh nền của ::before -> không cần chèn <defs> gradient vào từng trang.
   ====================================================================================== */
.ai-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 4px 10px;
    border-radius: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #093468;
    white-space: nowrap;
    vertical-align: middle;
    border: .5px solid transparent;
    box-shadow: 0 4px 10px rgba(25, 25, 25, .05);
    background:
        linear-gradient(9.8deg, rgba(54, 242, 129, .15) 6.8%, rgba(143, 241, 183, 0) 52.7%) padding-box,
        linear-gradient(102.8deg, rgba(255, 255, 255, .225) 48.5%, rgba(255, 198, 165, .225) 71.3%, rgba(255, 141, 76, .45) 93%) padding-box,
        linear-gradient(127.5deg, rgba(15, 125, 255, .15) 5.3%, rgba(255, 255, 255, .0375) 39%) padding-box,
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #C8E3FC, #fff) border-box;
}
.ai-tag::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="3" y1="3" x2="13" y2="13" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2336F281"/%3E%3Cstop offset=".5" stop-color="%233471ED"/%3E%3Cstop offset="1" stop-color="%23FF6B17"/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill="url%28%23g%29" d="M7.17 2.54C7.49 1.82 8.51 1.82 8.83 2.54L10.13 5.41C10.23 5.61 10.39 5.77 10.59 5.87L13.46 7.17C14.18 7.49 14.18 8.51 13.46 8.83L10.59 10.13C10.39 10.23 10.23 10.39 10.13 10.59L8.83 13.46C8.51 14.18 7.49 14.18 7.17 13.46L5.87 10.59C5.77 10.39 5.61 10.23 5.41 10.13L2.54 8.83C1.82 8.51 1.82 7.49 2.54 7.17L5.41 5.87C5.61 5.77 5.77 5.61 5.87 5.41L7.17 2.54Z"/%3E%3C/svg%3E') center / contain no-repeat;
}

/* Trang chi tiết tin: tag to hơn một nấc, cạnh tiêu đề */
.ai-tag.ai-tag--lg { height: 28px; padding: 4px 12px; font-size: 12px; line-height: 16px; margin-bottom: 8px; }
.ai-tag.ai-tag--lg::before { width: 16px; height: 16px; }

/* Trang chủ (Top8Jobs) + trang tuyen-dung: tag nằm đầu card, trên tiêu đề. Dạng lưới: có tin AI trong danh
   sách thì MỌI card chừa 1 hàng cho tag để tiêu đề thẳng hàng;
   icon Hot/Mới (absolute góc card) dịch xuống theo để vẫn ngang hàng tiêu đề. */
.ai-tag-row { height: 24px; margin-bottom: 12px; display: flex; align-items: center; }
.card-grid-2.has-ai-row .hot-jobs,
.card-grid-2.has-ai-row .new-jobs { top: 51px; }