/* ==========================================================================
   HỒ SƠ NHA KHOA v3 — /nha-khoa/<slug> (pages/clinic.ejs, chỉ kind=clinic: body.cl3).
   Ngôn ngữ trang chủ v3 / danh mục: token --ds-* (p-ds.css), pastel tươi, bo nhỏ (khung 6–8px, nút 4px, chỉ logo/avatar tròn).
   Màu chủ đạo theo hạng: nha khoa = mint · VIP = vàng · Super VIP = tím · Tài trợ = cam (biến --cl-ac / --cl-ac-d / --cl-ac-s).
   Chỉ ĐỔI VỎ: giữ nguyên hook (#datHen, #hoi, #danhgia…, data-tel, data-book-open, data-gb…), không đụng booking-box (bk3).
   Tiền tố cl3-. Chỉ desktop 1440 (mobile làm đợt sau). Không vạch trái, không thanh cuộn, chữ nguyên px 11–24.
   ========================================================================== */

body.cl3 { --cl-ac: var(--ds-mint-500); --cl-ac-d: var(--ds-mint-700); --cl-ac-s: var(--ds-mint-50); --cl-cv: linear-gradient(115deg, #0b8a6b 0%, #12ae8a 55%, #2a7fd0 100%); }
body.cl3-vip { --cl-ac: var(--ds-gold-500); --cl-ac-d: #8a6410; --cl-ac-s: #fffaeb; --cl-cv: linear-gradient(115deg, #4a3408 0%, #8a6410 50%, #cc9c2c 100%); }
body.cl3-super { --cl-ac: var(--ds-violet-500); --cl-ac-d: var(--ds-violet-700); --cl-ac-s: var(--ds-violet-50); --cl-cv: linear-gradient(115deg, #2c1d6e 0%, #5b3fd0 52%, #8a5a3c 100%); }
body.cl3-sponsor { --cl-ac: var(--ds-orange-500); --cl-ac-d: var(--ds-orange-700); --cl-ac-s: var(--ds-orange-50); --cl-cv: linear-gradient(115deg, #0b8a6b 0%, #12ae8a 50%, #ef7d1a 130%); }
body.cl3-unverified { --cl-ac: var(--ds-ink-500); --cl-ac-d: var(--ds-ink-700); --cl-ac-s: var(--ds-bg); --cl-cv: linear-gradient(115deg, #5d6678 0%, #7c8597 100%); }

/* ---------- thanh báo đầu hồ sơ ---------- */
.cl3 .claimbar { gap: 14px; margin-top: 12px; padding: 12px 16px; border: 1px solid var(--ds-orange-100); border-radius: var(--ds-rd-lg); background: var(--ds-orange-50); color: var(--ds-ink-800); }
.cl3 .claimbar .ic { width: 36px; height: 36px; background: var(--ds-orange-100); color: var(--ds-orange-700); animation: none; }
.cl3 .claimbar b { font-size: var(--ds-fs-15); font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .claimbar small { font-size: var(--ds-fs-12); line-height: 1.55; opacity: 1; color: var(--ds-ink-700); }
.cl3 .claimbar .btn-mint { height: 36px; border-radius: var(--ds-rd-sm); }
.cl3 .claimbar .btn-ghost { height: 36px; border-radius: var(--ds-rd-sm); background: #fff !important; color: var(--ds-ink-800) !important; border-color: var(--ds-line-strong) !important; }
.cl3 .closedbar, .cl3 .bkdone, .cl3 .lockline { border-radius: var(--ds-rd-md); }
.cl3 .lockline { background: var(--ds-bg); border: 0; color: var(--ds-ink-700); font-size: var(--ds-fs-12); line-height: 1.5; padding: 10px 12px 10px 38px; }
.cl3 .lockline > i { left: 12px; top: 10px; font-size: 16px; line-height: 1.5; color: var(--ds-ink-400); }

/* ---------- đầu hồ sơ: bìa + thẻ nhận diện = MỘT khung ---------- */
.cl3 .pcover { height: 176px; margin-top: 12px; border-radius: var(--ds-rd-lg) var(--ds-rd-lg) 0 0; background: var(--cl-cv); }
.cl3 .pcover::before { background-size: 22px 22px; opacity: .8; }
.cl3 .pcover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cl3 .pcover.has-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 20, 40, .52), rgba(10, 20, 40, 0) 62%); }
.cl3 .pcover .gh { right: 56px; top: -18px; font-size: 220px; color: rgba(255, 255, 255, .13); }
.cl3 .pcover .txt { z-index: 1; left: 24px; top: 20px; max-width: 560px; display: grid; gap: 3px; }
.cl3 .pcover .txt small { font-size: var(--ds-fs-11); font-weight: var(--ds-fw-600); letter-spacing: .08em; opacity: .9; }
.cl3 .pcover .txt b { margin: 0; font-size: 22px; font-weight: var(--ds-fw-800); letter-spacing: -.3px; line-height: 1.25; }
.cl3 .pcover .txt span { font-size: var(--ds-fs-12); opacity: .92; }

.cl3 .pid { margin: 0; padding: 16px 20px 18px; gap: 20px; align-items: start; grid-template-columns: 96px minmax(0, 1fr) auto; border: 1px solid var(--ds-line); border-top: 0; border-radius: 0 0 var(--ds-rd-lg) var(--ds-rd-lg); box-shadow: none; background: #fff; }
.cl3 .pid.spon { border-color: var(--ds-line); }
.cl3 .pid .lg { width: 96px; height: 96px; margin-top: -56px; font-size: 28px; font-weight: var(--ds-fw-800); box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--cl-ac); }
.cl3 .pid.plain { margin-top: 12px; border-top: 1px solid var(--ds-line); border-radius: var(--ds-rd-lg); grid-template-columns: 80px minmax(0, 1fr) auto; }
.cl3 .pid.plain .lg { width: 80px; height: 80px; margin-top: 0; box-shadow: 0 0 0 1px var(--ds-line); }
.cl3 .pid h1 { gap: 8px; font-size: 24px; font-weight: var(--ds-fw-800); letter-spacing: -.4px; line-height: 1.2; color: var(--ds-ink-900); }
.cl3 .pid h1 > i { font-size: 20px; color: var(--ds-mint-500); }
.cl3 .pid .sub { margin-top: 5px; font-size: var(--ds-fs-13); color: var(--ds-ink-700); }
.cl3 .pid .oldaddr { margin-top: 1px; font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .pid .facts { gap: 5px 18px; margin-top: 10px; font-size: var(--ds-fs-13); color: var(--ds-ink-700); }
.cl3 .pid .facts > span, .cl3 .pid .facts > a { display: inline-flex; align-items: center; gap: 5px; }
.cl3 .pid .facts i { font-size: 15px; color: var(--ds-ink-400); }
.cl3 .pid .facts .open, .cl3 .pid .facts .open i { color: var(--ds-mint-700); font-weight: var(--ds-fw-600); }
.cl3 .pid .facts .rate b { font-weight: var(--ds-fw-800); color: var(--ds-ink-900); }
.cl3 .pid .facts .rate i { color: var(--ds-gold-400); }
.cl3 .pid .facts .rate span { font-size: var(--ds-fs-12); font-weight: var(--ds-fw-400); color: var(--ds-ink-500); }
.cl3 .pid .facts > a:hover { color: var(--ds-blue-600); }
.cl3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.cl3-chips > span, .cl3-chips > a { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: var(--ds-rd-sm); background: var(--ds-bg); font-size: var(--ds-fs-12); font-weight: var(--ds-fw-500); color: var(--ds-ink-700); }
.cl3-chips i { font-size: 14px; color: var(--cl-ac); }
.cl3-chips .hire-chip { background: var(--ds-cyan-100); color: var(--ds-cyan-700) !important; }
.cl3-chips .hire-chip i { color: var(--ds-cyan-500); }
.cl3 .pid .acts { align-items: center; gap: 6px; padding-top: 2px; }
.cl3 .pid .acts .btn { height: 36px; padding: 0 14px; border-radius: var(--ds-rd-sm); font-size: var(--ds-fs-13); font-weight: var(--ds-fw-700); }
.cl3 .pid .acts .ibtn, .cl3 .pid .acts .sv-b, .cl3 .pid .acts button.ibtn, .cl3 .pid .acts a.ibtn { width: 36px; height: 36px; border-radius: var(--ds-rd-sm); border: 1px solid var(--ds-line); background: #fff; box-shadow: none; }
.cl3 .pid .acts .ibtn:hover { border-color: var(--cl-ac); background: var(--cl-ac-s); }

/* ---------- thanh tab ---------- */
.cl3 .ptabs { margin-top: 14px; background: #fff; border-top: 1px solid var(--ds-line); border-bottom: 1px solid var(--ds-line); backdrop-filter: none; }
.cl3 .ptabs .in { justify-content: flex-start; gap: 0; }
.cl3 .ptabs a { gap: 6px; padding: 0 14px; height: 44px; font-size: var(--ds-fs-13); font-weight: var(--ds-fw-600); color: var(--ds-ink-500); transition: color .2s var(--ds-ease); }
.cl3 .ptabs a i { font-size: 16px; color: var(--ds-ink-400) !important; transition: color .2s var(--ds-ease); }
.cl3 .ptabs a:hover { color: var(--ds-ink-900); }
.cl3 .ptabs a.on { color: var(--ds-ink-900); }
.cl3 .ptabs a.on i { color: var(--cl-ac) !important; }
.cl3 .ptabs a.on::after { left: 10px; right: 10px; height: 2px; background: var(--cl-ac); border-radius: 0; }
.cl3 .ptabs a .n { height: 18px; display: inline-grid; place-items: center; padding: 0 6px; border-radius: var(--ds-rd-xs); background: var(--ds-bg-soft); font-size: var(--ds-fs-11); font-weight: var(--ds-fw-600); color: var(--ds-ink-500); }

/* ---------- lưới 2 cột + hộp ---------- */
.cl3 .pgrid { gap: 16px; margin-top: 16px; }
.cl3 .pgrid > div > .box, .cl3 .pside > .box { margin-bottom: 16px; }
.cl3 .box { border: 1px solid var(--ds-line); border-radius: var(--ds-rd-lg); box-shadow: none; background: #fff; }
.cl3 .box > .bh { gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--ds-line); }
.cl3 .box > .bh .ic { width: 28px; height: 28px; border-radius: var(--ds-rd-md); font-size: 16px; }
.cl3 .box > .bh h2 { font-size: var(--ds-fs-17); font-weight: var(--ds-fw-700); letter-spacing: -.2px; color: var(--ds-ink-900); }
.cl3 .pside .box > .bh h2 { font-size: var(--ds-fs-15); }
.cl3 .box > .bh .r { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .box > .bh .r a { font-weight: var(--ds-fw-600); color: var(--ds-blue-600); }
.cl3 .box > .bb { padding: 16px; }

/* ---------- thư viện ảnh: bỏ khung hộp, ảnh là chủ ---------- */
.cl3 section#anh.box { border: 0; background: transparent; margin-bottom: 16px; }
.cl3 section#anh.box > .bb { padding: 0; }
.cl3 .gal { padding: 0; }
.cl3 .gal .main { border-radius: var(--ds-rd-lg); }
.cl3 .gal .nav { width: 34px; height: 34px; }
.cl3 .gal .count { border-radius: var(--ds-rd-sm); font-size: var(--ds-fs-12); padding: 3px 8px; }
.cl3 .gal .slide .cap { border-radius: var(--ds-rd-sm); }
.cl3 .gal .thumbs button { border-radius: var(--ds-rd-sm); }
.cl3 .gs-i, .cl3 .gs-track img { border-radius: var(--ds-rd-md); }
.cl3 .gs-note { border-radius: var(--ds-rd-md); }

/* ---------- giới thiệu ---------- */
.cl3 .intro .bb > p, .cl3 .intro .rich { margin: 0; font-size: var(--ds-fs-14); line-height: 1.7; color: var(--ds-ink-700); max-width: 76ch; }
.cl3 .intro .rich p { margin: 0 0 10px; }
.cl3 .intro .bb > p + .hl, .cl3 .intro .rich + .hl { margin-top: 14px; }
.cl3 .hl { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ds-line); }
.cl3 .hl > div { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; height: 28px; border: 0; border-radius: var(--ds-rd-sm); background: var(--ds-bg); }
.cl3 .hl i { font-size: 15px; color: var(--cl-ac) !important; }
.cl3 .hl b { font-size: var(--ds-fs-12); font-weight: var(--ds-fw-500); color: var(--ds-ink-800); }
.cl3 .enr-src { border-radius: var(--ds-rd-md); }

/* ---------- ưu đãi ---------- */
.cl3 .vlist { gap: 12px; }
.cl3 .tk { border-radius: var(--ds-rd-md); box-shadow: none; border: 1px solid var(--ds-line); }
.cl3 .tk:hover { border-color: var(--cl-ac); }
.cl3 .tk .stub { border-radius: 0; }
.cl3 .uhint { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .fsrow { border-radius: var(--ds-rd-md); }

/* ---------- tuyển dụng ---------- */
.cl3 .job { grid-template-columns: 44px minmax(0, 1fr) 150px; gap: 14px; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: var(--ds-rd-md); box-shadow: none; }
.cl3 .job:hover { border-color: var(--ds-cyan-500); box-shadow: none; }
.cl3 .job.hot { background: var(--ds-orange-50); border-color: var(--ds-orange-100); box-shadow: none; }
.cl3 .job .lg { width: 44px; height: 44px; font-size: var(--ds-fs-13); font-weight: var(--ds-fw-800); box-shadow: none; }
.cl3 .job .ti { font-size: var(--ds-fs-15); font-weight: var(--ds-fw-700); letter-spacing: 0; color: var(--ds-ink-900); }
.cl3 .job .co { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .job .act { border-left: 0; padding-left: 0; }
.cl3 .rlist { gap: 10px; }

/* ---------- dịch vụ & bảng giá ---------- */
.cl3 .price-g h3 { display: flex; align-items: center; gap: 6px; margin: 20px 0 2px; font-size: var(--ds-fs-14); font-weight: var(--ds-fw-700); letter-spacing: 0; text-transform: none; color: var(--ds-ink-900); }
.cl3 .price-g h3:first-child { margin-top: 0; }
.cl3 .price-g h3 i { font-size: 16px; }
.cl3 .prow { gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--ds-line); }
.cl3 .prow:last-of-type { border-bottom: 0; }
.cl3 .prow b { font-size: var(--ds-fs-14); font-weight: var(--ds-fw-600); color: var(--ds-ink-900); }
.cl3 .prow small { margin-top: 1px; font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .prow .pr { font-size: var(--ds-fs-15); font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .prow .pr small { display: inline; margin-left: 2px; font-weight: var(--ds-fw-400); }
.cl3 .prow .btn { height: 30px; padding: 0 11px; border-radius: var(--ds-rd-sm); font-size: var(--ds-fs-12); }
.cl3 .pnote { margin-top: 12px; padding: 0; background: none; border: 0; font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .links a { border-radius: var(--ds-rd-md); }

/* ---------- đội ngũ nha sĩ: thẻ ngang, tên + chức danh sát nhau, một lề trái ---------- */
.cl3 .docs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cl3 .docs:has(.doc:only-child) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.cl3 .doc { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: start; padding: 12px; text-align: left; border: 1px solid var(--ds-line); border-radius: var(--ds-rd-md); background: #fff; }
.cl3 a.doc:hover { border-color: var(--cl-ac); box-shadow: none; }
.cl3 .doc .av { width: 56px !important; height: 72px !important; margin: 0; border-radius: var(--ds-rd-sm) !important; font-size: 24px !important; align-items: center; padding: 0; }
.cl3 .doc .dtx { display: grid; gap: 2px; min-width: 0; align-content: start; }
.cl3 .doc b { font-size: var(--ds-fs-15); font-weight: var(--ds-fw-700); line-height: 1.3; color: var(--ds-ink-900); }
.cl3 .doc .ro { font-size: var(--ds-fs-12); font-weight: var(--ds-fw-600); color: var(--ds-blue-600); }
.cl3 .doc small { margin: 0; font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .doc .tgs { justify-content: flex-start; margin-top: 8px; gap: 4px; }

/* ---------- chi nhánh ---------- */
.cl3 .brn { border-radius: var(--ds-rd-md); border-color: var(--ds-line); }
.cl3 .brn .bd b { font-size: var(--ds-fs-14); font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .brn .ln { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .brn .ft .btn { height: 30px; border-radius: var(--ds-rd-sm); font-size: var(--ds-fs-12); }

/* ---------- đánh giá ---------- */
.cl3 .rvsum { grid-template-columns: 150px 1fr 1fr; gap: 24px; padding-bottom: 14px; }
.cl3 .rvsum .big { border-right: 1px solid var(--ds-line); }
.cl3 .rvsum .big b { font-size: 40px; font-weight: var(--ds-fw-800); letter-spacing: -1px; color: var(--ds-ink-900); }
.cl3 .rvsum .crit b { font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .rvi { padding: 14px 0; border-top: 1px solid var(--ds-line); }
.cl3 .rvi .h b { font-size: var(--ds-fs-14); font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .rvi .h small { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3 .rvi p { font-size: var(--ds-fs-14); line-height: 1.6; color: var(--ds-ink-700); }
.cl3 .rvi .reply { border-radius: var(--ds-rd-md); background: var(--ds-bg); }
.cl3 .rvnote { border-radius: var(--ds-rd-md); }
.cl3 .legal { font-size: var(--ds-fs-13); color: var(--ds-ink-700); gap: 8px; }

/* ---------- nha khoa khác gần đây (chuyển sang cột trái, lưới 2×2) ---------- */
.cl3-ng { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cl3-ng .it { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--ds-line); border-radius: var(--ds-rd-md); color: inherit; transition: border-color .2s var(--ds-ease); }
.cl3-ng .it:hover { border-color: var(--cl-ac); }
.cl3-ng .lg { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: var(--ds-fs-12); font-weight: var(--ds-fw-800); }
.cl3-ng .lg.vipr { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ds-gold-400); }
.cl3-ng .lg.spr { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ds-orange-500); }
.cl3-ng .it > div { display: grid; gap: 2px; min-width: 0; justify-items: start; }
.cl3-ng b { max-width: 100%; font-size: var(--ds-fs-13); font-weight: var(--ds-fw-700); line-height: 1.3; color: var(--ds-ink-900); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cl3-ng small { font-size: var(--ds-fs-12); color: var(--ds-ink-500); }
.cl3-ng .bdg { font-size: var(--ds-fs-11); margin-top: 2px; }

/* ---------- cột phải ---------- */
.cl3 .pside { gap: 0; }
.cl3-info .bh .r.open { gap: 4px; font-weight: var(--ds-fw-600); color: var(--ds-mint-700); }
.cl3-info .bh .r.open i { font-size: 8px; }
.cl3-info .bb { padding: 14px 16px 16px; }
.cl3-ct { display: grid; gap: 10px; font-size: var(--ds-fs-13); color: var(--ds-ink-700); }
.cl3-ct > div { display: flex; gap: 8px; align-items: center; }
.cl3-ct > div > i { font-size: 16px; flex: none; color: var(--ds-ink-400) !important; }
.cl3-ct .btn-sm { height: 28px; border-radius: var(--ds-rd-sm); font-size: var(--ds-fs-12); }
.cl3-ct .ownsite { padding: 8px 10px; border-radius: var(--ds-rd-sm); background: var(--ds-bg); font-size: var(--ds-fs-12); }
.cl3-ct .vip-perk { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border: 0; border-radius: var(--ds-rd-sm); background: var(--ds-gold-100); font-size: var(--ds-fs-12); line-height: 1.5; color: #6b4d0c; }
.cl3-ct .vip-perk i { margin-top: 1px; color: var(--ds-gold-500); }
.cl3-ct .lockline { padding: 10px 12px 10px 38px; }
.cl3-info .hours { margin-top: 0; font-size: var(--ds-fs-13); }
.cl3-ct + .hours { margin-top: 14px; padding-top: 4px; border-top: 1px solid var(--ds-line); }
.cl3-info .hours td { padding: 7px 0; border-bottom: 0; color: var(--ds-ink-500); }
.cl3-info .hours td:last-child { font-weight: var(--ds-fw-600); color: var(--ds-ink-900); }
.cl3-info .hours tr.off td:last-child { color: var(--ds-rose-700); }
.cl3 .noads { margin-bottom: 16px; border: 0; border-radius: var(--ds-rd-md); background: var(--ds-orange-50); }
.cl3 .noads b { font-weight: var(--ds-fw-700); color: var(--ds-ink-900); }
.cl3 .noads small { font-size: var(--ds-fs-12); color: var(--ds-ink-700); }

/* khối nổi bật từ nha khoa VIP / tin mới: bỏ khối nền tối + ảnh to, thành danh sách gọn cùng khung */
.cl3 .sidep > .bh { padding: 12px 16px; border-bottom: 1px solid var(--ds-line); }
.cl3 .sidep-vip > .bh { background: var(--ds-gold-100); }
.cl3 .sidep-vip > .bh h2 { color: #6b4d0c; font-size: var(--ds-fs-15); }
.cl3 .sidep-i { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 12px 16px; }
.cl3 .sidep-i .th { width: 84px; border-radius: var(--ds-rd-sm); }
.cl3 .sidep-i .tx b { font-size: var(--ds-fs-13); font-weight: var(--ds-fw-600); color: var(--ds-ink-900); }
.cl3 .sidep-i.hero { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 12px 16px; }
.cl3 .sidep-i.hero .th { width: 84px; aspect-ratio: 3/2; border-radius: var(--ds-rd-sm); font-size: 24px; }
.cl3 .sidep-i.hero .tx { padding: 0; }
.cl3 .sidep-i.hero .tx b { font-size: var(--ds-fs-13); }
.cl3 .sidep-i.hero + .sidep-i { border-top: 1px solid var(--ds-line); }
.cl3 .sidep-i .lb { border-radius: var(--ds-rd-xs); font-size: var(--ds-fs-11); }
.cl3 .sidep-i .tx small { font-size: var(--ds-fs-11); color: var(--ds-ink-500); }

/* ---------- nguồn thông tin + báo sai (hồ sơ chưa xác thực): khối gọn ---------- */
.cl3 .baosai { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--ds-line); border-radius: var(--ds-rd-md); background: var(--ds-bg); }
.cl3 .baosai textarea { min-height: 60px; }
.cl3 .baosai .form-control, .cl3 .baosai input, .cl3 .baosai textarea { border-radius: var(--ds-rd-sm); }
.cl3 .baosai .form-label { font-size: var(--ds-fs-12); font-weight: var(--ds-fw-600); color: var(--ds-ink-700); }
.cl3 .bs-seg { border-radius: var(--ds-rd-sm); }
.cl3 .bs-seg button { border-radius: var(--ds-rd-xs); }

/* ---------- an toàn cho màn hẹp (mobile làm đợt sau): không tràn ngang ---------- */
.cl3 .pgrid > * { min-width: 0; }
@media (max-width: 1100px) {
  .cl3 .pid, .cl3 .pid.plain { grid-template-columns: auto minmax(0, 1fr); }
  .cl3 .pid .acts { grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; }
  .cl3 .docs, .cl3-ng { grid-template-columns: minmax(0, 1fr); }
}