/* pvn-pha-he 2.0.0 — giao diện sổ phả hệ (độc lập theme) */
.pvn-ph{--pvn-chu:#1f2328;--pvn-mo:#656d76;--pvn-vien:#e3e6ea;--pvn-nen:#fff;--pvn-nen2:#faf7f2;--pvn-nhan:#c2410c;--pvn-xanh:#15803d;color:var(--pvn-chu);box-sizing:border-box;min-width:0;max-width:100%}
.pvn-ph *,.pvn-ph *::before,.pvn-ph *::after{box-sizing:border-box}
.pvn-ph-khung{max-width:1140px;margin:0 auto;padding:16px}
.pvn-ph h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:.2em 0 .3em}
.pvn-ph h2{font-size:1.3rem;margin:0 0 .7em}
.pvn-mo{color:var(--pvn-mo);font-size:.9em}
.pvn-an{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pvn-duong{font-size:.88rem;color:var(--pvn-mo);margin-bottom:10px;overflow-wrap:anywhere}
.pvn-duong a{color:inherit}
.pvn-dau{margin-bottom:16px}
.pvn-dh{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 8px;padding:0}
.pvn-dh li{background:var(--pvn-nhan);color:#fff;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:600}
.pvn-xm{display:inline-block;color:var(--pvn-xanh);background:#ecfdf3;border:1px solid #b7ebc6;border-radius:6px;padding:3px 10px;font-weight:600;font-size:.92rem;margin:0}
.pvn-sua-ct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 0}
.pvn-sua-ct .pvn-sua-wp{font-size:.85rem;color:var(--pvn-mo);text-decoration:underline dotted}
.pvn-chep{display:inline-block;color:#7a5a12;background:#fff8e6;border:1px solid #f1d9a0;border-radius:6px;padding:4px 10px;font-size:.92rem;margin:0;line-height:1.5}.pvn-chep a{color:inherit;font-weight:600}
.pvn-tt{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:24px}
@media (min-width:760px){.pvn-tt{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.pvn-tt-anh img.pvn-anh-chinh{width:100%;height:auto;border-radius:10px;display:block}
.pvn-tt-anh span.pvn-anh-chinh{aspect-ratio:auto;height:180px;font-size:4rem;border-radius:10px}
.pvn-bst{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.pvn-bst img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}
.pvn-bang{display:grid;grid-template-columns:max-content minmax(0,1fr);margin:0;border:1px solid var(--pvn-vien);border-radius:10px;overflow:hidden;align-self:start}
.pvn-bang dt,.pvn-bang dd{margin:0;padding:8px 12px;border-bottom:1px solid var(--pvn-vien)}
.pvn-bang dt{background:var(--pvn-nen2);color:var(--pvn-mo);font-weight:600;font-size:.92rem}
.pvn-bang dd{overflow-wrap:anywhere}
.pvn-bang dt:nth-last-of-type(1),.pvn-bang dd:last-child{border-bottom:0}
.pvn-muc{margin:28px 0}
.pvn-nd{margin:0 0 24px}
.pvn-anh-trong{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:var(--pvn-nen2);color:#d6a77a;font-size:2rem;border-radius:8px}
/* Cây 3 đời */
.pvn-cay-cuon{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.pvn-cay{display:grid;grid-template-columns:repeat(4,minmax(165px,1fr));grid-auto-rows:minmax(58px,auto);gap:6px;min-width:700px}
.pvn-o{display:flex;gap:8px;align-items:center;border:1px solid var(--pvn-vien);border-radius:8px;padding:6px 8px;background:var(--pvn-nen);color:inherit;text-decoration:none;font-size:.85rem;line-height:1.25;min-width:0}
a.pvn-o:hover{border-color:var(--pvn-nhan);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pvn-o-d0{border-color:var(--pvn-nhan);background:#fff7ed}
.pvn-o-ten{background:#f6f7f8;color:#4b5563}
.pvn-o-trong{justify-content:flex-start;flex-direction:column;align-items:flex-start;background:#fbfbfc;border-style:dashed}
.pvn-o-anh{flex:0 0 auto;width:44px}
.pvn-o-d0 .pvn-o-anh,.pvn-o-d1 .pvn-o-anh{width:72px}
.pvn-o-d3 .pvn-o-anh{width:34px}
.pvn-o-anh img,.pvn-o-anh .pvn-anh-trong{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;display:flex;font-size:1rem}
.pvn-o-chu{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.pvn-o-chu strong{font-size:.9rem}
.pvn-vai{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--pvn-mo)}
.pvn-dh-nho{color:var(--pvn-nhan);font-weight:600;font-size:.8rem}
/* Lưới thẻ */
.pvn-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
@media (min-width:600px){.pvn-luoi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.pvn-luoi{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pvn-the{display:flex;flex-direction:column;border:1px solid var(--pvn-vien);border-radius:10px;overflow:hidden;background:var(--pvn-nen);color:inherit;text-decoration:none;transition:box-shadow .15s}
.pvn-the:hover{box-shadow:0 2px 10px rgba(0,0,0,.1)}
.pvn-the-anh img,.pvn-the-anh .pvn-anh-trong{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:flex;border-radius:0}
.pvn-the-chu{display:flex;flex-direction:column;gap:2px;padding:8px 10px;font-size:.88rem;line-height:1.3;overflow-wrap:anywhere}
.pvn-the-chu strong{font-size:.95rem}
.pvn-giay{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pvn-giay img{width:100%;height:auto;border:1px solid var(--pvn-vien);border-radius:8px}
/* Ô tìm */
.pvn-tim{display:flex;gap:8px;margin:12px 0 18px;max-width:640px}
.pvn-tim input{flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid #c9ced4;border-radius:8px;font-size:1rem}
.pvn-tim button{flex:0 0 auto;padding:10px 18px;border:0;border-radius:8px;background:var(--pvn-nhan);color:#fff;font-weight:600;font-size:1rem;cursor:pointer}
.pvn-ghi{font-size:.85rem;color:var(--pvn-mo);border-top:1px solid var(--pvn-vien);padding-top:12px;margin-top:28px}
.pvn-so-lieu{font-size:1.05rem}
.pvn-ph .nav-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.pvn-khoi{margin:28px 0}
.pvn-khoi h2{font-size:1.35rem;margin:0 0 .5em}
.pvn-xem-het{margin:8px 0 0;font-weight:600}
.pvn-so-lieu strong{color:#584084}
/* 1.1.0 — ảnh trượt, nhãn giấy tờ, danh hiệu */
.pvn-truot{position:relative;border-radius:12px;overflow:hidden;background:var(--pvn-nen2)}
.pvn-truot-ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pvn-truot-ray::-webkit-scrollbar{display:none}
.pvn-truot-o{flex:0 0 100%;scroll-snap-align:center;display:block}
.pvn-truot-o img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pvn-truot-nut{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#1f2328;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.2)}
.pvn-truot-truoc{left:10px}.pvn-truot-sau{right:10px}
.pvn-truot-cham{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}
.pvn-truot-cham span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer}
.pvn-truot-cham span.dang{background:#fff}
.pvn-nhan-ds{display:flex;flex-wrap:wrap;gap:6px}
.pvn-nhan{background:#EEE8F6;color:#584084;border-radius:6px;padding:1px 8px;font-size:.82rem;font-weight:600}
.pvn-dh-the{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pvn-dh-the li{display:flex;gap:10px;align-items:center;border:1px solid #e9d9a8;background:linear-gradient(135deg,#fffaf0,#fff);border-radius:10px;padding:10px 12px}
.pvn-dh-the li.pvn-dh-chua-ro{border-color:var(--pvn-vien);background:#fafafa;color:var(--pvn-mo)}
.pvn-dh-co{font-size:1.6rem;line-height:1}
.pvn-dh-the strong{display:block;font-size:.95rem}
.pvn-dh-the small{color:var(--pvn-mo);font-size:.78rem}
.pvn-giai{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pvn-giai li{padding:8px 12px 8px 38px;position:relative;border-radius:8px;background:var(--pvn-nen2)}
.pvn-giai li::before{content:"🏆";position:absolute;left:10px;top:7px}
/* 1.2.0 — khối Pom tiêu biểu (layout duyệt October 26, 2026) */
.pvn-tb{margin:32px 0}
.pvn-tb-dau{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.pvn-tb-mat{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#584084;font-weight:600}
.pvn-tb-dau h2{margin:2px 0;font-size:clamp(1.3rem,3vw,1.7rem)}
.pvn-tb-dau p{margin:0;color:var(--pvn-mo);font-size:.9rem}
.pvn-tb-het{white-space:nowrap;font-weight:600}
.pvn-tb-lon{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #d9cfe8;border-radius:14px;overflow:hidden;background:#fff}
@media (min-width:760px){.pvn-tb-lon{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.pvn-tb-anh{position:relative;display:block;background:var(--pvn-nen2);min-height:260px;text-decoration:none}
.pvn-tb-anh .pvn-anh-trong,.pvn-tb-anh-nho .pvn-anh-trong{align-items:center;justify-content:center;text-decoration:none}
.pvn-tb-anh img,.pvn-tb-anh .pvn-anh-trong{width:100%;height:100%;min-height:260px;max-height:520px;object-fit:cover;display:flex;border-radius:0;font-size:3rem}
.pvn-tb-nhan{position:absolute;top:12px;left:12px;background:#FAEEDA;color:#633806;border:1px solid #EF9F27;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:600}
.pvn-tb-so-anh{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:#1f2328;border-radius:8px;padding:3px 8px;font-size:.78rem}
.pvn-tb-chu{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.pvn-tb-ten{margin:0;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.25}
.pvn-tb-ten a{color:inherit;text-decoration:none}
.pvn-tb-phu{font-size:.88rem;color:var(--pvn-mo)}
.pvn-tb-phu strong{color:var(--pvn-chu);font-weight:600}
.pvn-tb-chip{display:flex;flex-wrap:wrap;gap:6px}
.pvn-tb-chip span{background:#EEE8F6;color:#3C2A63;border-radius:8px;padding:3px 9px;font-size:.8rem;font-weight:600}
.pvn-tb-chip span.vang{background:#FAEEDA;color:#633806}
.pvn-tb-giai{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--pvn-vien);display:grid;gap:6px;font-size:.9rem}
.pvn-tb-giai li::before{content:"🏆 "}
.pvn-tb-cuoi{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto}
.pvn-tb-nut{background:#584084;color:#fff;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none}
.pvn-tb-nut:hover{background:#45306a;color:#fff}
.pvn-tb-xm{color:var(--pvn-xanh);font-size:.85rem;font-weight:600}
.pvn-tb-nho{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
@media (min-width:760px){.pvn-tb-nho{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pvn-tb-the{display:flex;flex-direction:column;border:1px solid var(--pvn-vien);border-radius:12px;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
.pvn-tb-the:hover{border-color:#9D86CC}
.pvn-tb-anh-nho{position:relative;display:block}
.pvn-tb-anh-nho img,.pvn-tb-anh-nho .pvn-anh-trong{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;display:flex;border-radius:0}
.pvn-tb-dem{position:absolute;top:8px;left:8px;background:#FAEEDA;color:#633806;border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:600}
.pvn-tb-the-chu{display:flex;flex-direction:column;gap:2px;padding:10px 12px;font-size:.82rem;color:var(--pvn-mo);overflow-wrap:anywhere}
.pvn-tb-the-chu strong{color:var(--pvn-chu);font-size:.95rem}
.pvn-vd-ds{display:grid;gap:20px;margin-top:8px}
.pvn-tb-dau-trang p{color:var(--pvn-mo)}
/* 1.4.0 — trang /quan-ly/ */
.pvn-ql{max-width:1180px;margin:0 auto}
.pvn-ql h1{margin-top:0}
.pvn-ql-dau{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#EEE8F6;border-radius:10px;margin-bottom:12px}
.pvn-ql-mat{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#584084}
.pvn-ql-vai{background:#584084;color:#fff;border-radius:6px;padding:1px 8px;font-size:.75rem;margin-left:6px}
.pvn-ql-tab{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;border-bottom:1px solid var(--pvn-vien)}
.pvn-ql-tab a{padding:9px 14px;border-radius:8px 8px 0 0;text-decoration:none;color:var(--pvn-chu);font-weight:600}
.pvn-ql-tab a.dang{background:#584084;color:#fff}
.pvn-ql-bao{padding:10px 14px;border-radius:8px;margin:0 0 12px;border:1px solid #b7ebc6;background:#ecfdf3;color:#14532d}
.pvn-ql-bao.loi{border-color:#f7c1c1;background:#fcebeb;color:#791f1f}
.pvn-ql-bao.canh{border-color:#fac775;background:#faeeda;color:#633806}
.pvn-ql-bao ul{margin:6px 0 6px 18px}
.pvn-ql-hai{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:900px){.pvn-ql-hai{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.pvn-ql-hop{border:1px solid var(--pvn-vien);border-radius:12px;padding:16px 18px;background:#fff}
.pvn-ql-hep{max-width:560px}
.pvn-ql label{display:block;font-weight:600;font-size:.9rem}
.pvn-ql input[type=text],.pvn-ql input[type=email],.pvn-ql input[type=password],.pvn-ql input[type=number],.pvn-ql input[type=url],.pvn-ql select,.pvn-ql textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #c9ced4;border-radius:8px;font-size:1rem;font-weight:400;background:#fff}
.pvn-ql input[readonly]{background:#f3f4f6;color:#6b7280}
.pvn-ql small{display:block;color:var(--pvn-mo);font-weight:400;font-size:.8rem;margin-top:2px}
.pvn-ql-nut{display:inline-block;background:#584084;color:#fff !important;border:0;border-radius:8px;padding:10px 18px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer}
.pvn-ql-nut.phu{background:#fff;color:#584084 !important;border:1px solid #584084}
.pvn-ql-nut.nho{padding:5px 12px;font-size:.88rem}
.pvn-ql-hang{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pvn-ql-bang{width:100%;border-collapse:collapse}
.pvn-ql-bang td{padding:8px;border-bottom:1px solid var(--pvn-vien);vertical-align:middle}
.pvn-ql-anh{width:64px}
.pvn-ql-anh img,.pvn-ql-anh .pvn-anh-trong{width:56px;height:56px;object-fit:cover;border-radius:8px;font-size:1.2rem}
.pvn-ql-nut-o{text-align:right;white-space:nowrap}
.pvn-tt-nhan{display:inline-block;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:600;background:#f1efe8;color:#444}
.pvn-tt-nhan.ok{background:#ecfdf3;color:#15803d}.pvn-tt-nhan.cho{background:#faeeda;color:#633806}.pvn-tt-nhan.loi{background:#fcebeb;color:#791f1f;white-space:normal}
.pvn-ql fieldset{border:1px solid var(--pvn-vien);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.pvn-ql legend{font-weight:700;padding:0 6px}
.pvn-ql-luoi-o{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 12px}
.pvn-ql-luoi-o p{margin:6px 0}
.pvn-nghi input,.pvn-nghi select{background:#fff7d6 !important;border-color:#EF9F27 !important}
.pvn-nghi-mau{background:#fff7d6;border:1px solid #EF9F27;padding:0 4px;border-radius:4px}
.pvn-ql-cay{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.pvn-ql-to-tien{border:1px solid var(--pvn-vien);border-radius:8px;padding:8px;display:grid;gap:4px}
.pvn-ql-to-tien input{padding:6px 8px !important;font-size:.9rem !important;margin-top:0 !important}
.pvn-ql-to-tien.pvn-nghi{border-color:#EF9F27;background:#fffbeb}
.pvn-ql-co{color:var(--pvn-xanh);font-size:.78rem;font-weight:600}
.pvn-ql-giay{margin:0 0 12px}
.pvn-ql-giay img{width:100%;height:auto;border:1px solid var(--pvn-vien);border-radius:8px}
.pvn-ql-giay figcaption{font-size:.8rem;color:var(--pvn-mo)}
.pvn-ql-gui{position:sticky;bottom:0;background:#fff;padding:10px 0;border-top:1px solid var(--pvn-vien);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pvn-ql-chon{display:block;border:2px dashed #9D86CC;border-radius:12px;padding:22px;text-align:center;cursor:pointer;margin:12px 0;background:#faf7fd}
.pvn-ql-chon input{position:absolute;opacity:0;width:1px;height:1px}
.pvn-ql-chon span{font-weight:700;color:#584084;font-size:1.05rem}
.pvn-ql-xem-truoc img{max-width:100%;max-height:320px;border-radius:8px;border:1px solid var(--pvn-vien)}
.pvn-ql-ss{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:14px}
.pvn-ql-ss th,.pvn-ql-ss td{border-bottom:1px solid var(--pvn-vien);padding:6px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.pvn-ql-ss thead th{background:var(--pvn-nen2)}
.pvn-ql-ss tr.khac td{background:#fff7d6}
.pvn-ql-sua{color:#854F0B;font-size:.78rem;font-weight:600}
.pvn-ql-quyet{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--pvn-vien);padding:12px 0;display:grid;gap:10px}
.pvn-ql-tra{display:flex;gap:8px}.pvn-ql-tra input{flex:1;margin-top:0 !important}
.pvn-ql-inline{display:inline}
.pvn-ql-dong-y label{font-weight:400}
@media (min-width:900px){.pvn-ql-duyet>div:first-child{position:sticky;top:12px;align-self:start}}
.pvn-ql-ai-phi{margin:0 0 10px;font-size:.88rem;color:var(--pvn-mo)}
/* 1.7.0 — quản trị breeder: menu bên + Tổng quan + 3 bước; trang vào; khối mời tham gia */
.pvn-ql-khung{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:900px){.pvn-ql-khung{grid-template-columns:220px minmax(0,1fr)}.pvn-ql-menu{position:sticky;top:16px;align-self:start}}
.pvn-ql-menu{border:1px solid var(--pvn-vien);border-radius:12px;padding:14px 10px;background:#fff}
.pvn-ql-toi{padding:0 8px 10px;border-bottom:1px solid var(--pvn-vien);margin-bottom:8px}
.pvn-ql-toi strong{display:block;font-size:1rem}
.pvn-ql-toi .pvn-ql-vai{display:inline-block;margin:4px 0 0}
.pvn-ql-mn-ds{display:grid;gap:2px}
.pvn-ql-mn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--pvn-chu)!important;text-decoration:none!important;font-weight:600;font-size:.95rem}
.pvn-ql-mn:hover{background:#f6f2fb}
.pvn-ql-mn.dang{background:#EEE8F6;color:#584084!important}
.pvn-ql-mn-i{width:22px;text-align:center}
.pvn-ql-dem{margin-left:auto;background:#584084;color:#fff;border-radius:999px;font-size:.75rem;padding:1px 8px}
.pvn-ql-mn-gach{height:1px;background:var(--pvn-vien);margin:6px 4px}
.pvn-ql-menu-chan{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--pvn-vien);margin-top:10px;padding:10px 8px 0;font-size:.88rem}
.pvn-ql-menu-chan a{color:var(--pvn-mo)}
@media (max-width:899px){
 .pvn-ql-menu{border:0;padding:0;background:transparent}
 .pvn-ql-toi{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}
 .pvn-ql-toi .pvn-ql-mat{display:none}
 .pvn-ql-menu-chan{flex-direction:row;flex-wrap:wrap;border:0;margin:4px 0 0;padding:0;gap:14px}
 .pvn-ql-mn-ds{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;background:#fff;border-top:1px solid var(--pvn-vien);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 8px rgba(0,0,0,.06)}
 .pvn-ql-mn{flex:1;flex-direction:column;gap:2px;padding:6px 2px;font-size:.72rem;text-align:center;position:relative}
 .pvn-ql-mn-i{width:auto;font-size:1.15rem}
 .pvn-ql-dem{position:absolute;top:2px;right:18%;margin:0}
 .pvn-ql-mn-gach{display:none}
 .pvn-ql{padding-bottom:76px}
}
.pvn-ql-noi>h2:first-child,.pvn-ql-noi .pvn-ql-hang h2{margin-top:0}
.pvn-ql-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 16px}
.pvn-ql-o-so{display:block;background:#faf7f2;border:1px solid var(--pvn-vien);border-radius:10px;padding:12px 14px;color:var(--pvn-chu)!important;text-decoration:none!important}
.pvn-ql-o-so b{display:block;font-size:1.6rem;line-height:1.2}
.pvn-ql-o-so span{color:var(--pvn-mo);font-size:.88rem}
.pvn-ql-o-so.loi b{color:#a32d2d}
.pvn-ql-noi .pvn-ql-hop{margin:0 0 14px}
.pvn-ql-hop h3{margin:0 0 8px;font-size:1.05rem}
.pvn-ql-viec{list-style:none;margin:0;padding:0}
.pvn-ql-viec li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--pvn-vien)}
.pvn-ql-viec li:first-child{border-top:0}
.pvn-ql-viec li.loi>span:first-child::before{content:"⚠️ "}
.pvn-ql-viec li.cho>span:first-child::before{content:"⏳ "}
.pvn-ql-viec .pvn-ql-ai-phi{margin:0}
.pvn-ql-loc{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.pvn-ql-chip{display:flex;flex-wrap:wrap;gap:6px}
.pvn-ql-chip a{border:1px solid var(--pvn-vien);border-radius:999px;padding:5px 12px;font-size:.88rem;color:var(--pvn-chu)!important;text-decoration:none!important;background:#fff}
.pvn-ql-chip a span{color:var(--pvn-mo)}
.pvn-ql-chip a.dang{background:#584084;border-color:#584084;color:#fff!important}
.pvn-ql-chip a.dang span{color:#e5dcf3}
.pvn-ql-loc input[type=search]{flex:1;min-width:180px;max-width:280px;margin-left:auto;padding:8px 10px;border:1px solid #c9ced4;border-radius:8px}
.pvn-ql-trong{text-align:center;padding:28px}
.pvn-ql-buoc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 16px;padding:0}
.pvn-ql-buoc li{border:1px solid var(--pvn-vien);border-top:4px solid var(--pvn-vien);border-radius:0 0 8px 8px;padding:8px 10px;background:#fff}
.pvn-ql-buoc li span{display:block;font-size:.75rem;color:var(--pvn-mo)}
.pvn-ql-buoc li strong{font-size:.92rem}
.pvn-ql-buoc li.dang{border-top-color:#584084;background:#f6f2fb}
.pvn-ql-buoc li.xong{border-top-color:#15803d}
.pvn-ql-buoc li.xong strong::after{content:" ✓";color:#15803d}
.pvn-ql-vao{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;max-width:1040px;margin:0 auto}
@media (min-width:900px){.pvn-ql-vao{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.pvn-ql-loi-ich h1{margin:4px 0 8px}
.pvn-ql-loi-ich ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.pvn-ql-loi-ich li{display:flex;gap:12px;align-items:flex-start}
.pvn-ql-loi-ich li b{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;background:#EEE8F6;border-radius:10px;font-size:1.2rem}
.pvn-ql-loi-ich li strong{display:block}
.pvn-ql-loi-ich li span{color:var(--pvn-mo);font-size:.92rem}
.pvn-ql-loi-ich li span strong{color:var(--pvn-chu);font-size:1rem}
.pvn-ql-chuyen{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f3f0f8;border-radius:10px;padding:4px;margin:0 0 16px}
.pvn-ql-chuyen a{text-align:center;padding:8px;border-radius:8px;font-weight:600;color:#584084!important;text-decoration:none!important}
.pvn-ql-chuyen a.dang{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pvn-ql-vao-form p{margin:0 0 10px}
.pvn-ql-vao-form #wp-submit,.pvn-ql-vao-form .button-primary{background:#584084;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:600;font-size:1rem;cursor:pointer}
.pvn-ql-vao-form .login-remember label{font-weight:400}
.pvn-ql-phu-vao{font-size:.9rem;color:var(--pvn-mo)}
.pvn-tham-gia{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #d9cdee;background:#f6f2fb;border-radius:14px;padding:18px 20px;margin:18px 0}
.pvn-tham-gia strong{display:block;font-size:1.1rem;color:#3c2a5e}
.pvn-tham-gia span{color:#5b4a7a;font-size:.95rem}
.pvn-tham-gia p{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.pvn-tg-nut{display:inline-block;background:#584084;color:#fff!important;border:1px solid #584084;border-radius:999px;padding:9px 18px;font-weight:600;text-decoration:none!important}
.pvn-tg-nut.phu{background:#fff;color:#584084!important}
.pvn-ql-viec a{overflow-wrap:anywhere;min-width:0}
/* 1.8.0 — khối trượt nhà vô địch (trang chủ) + mục Nhà vô địch trong quản lý */
.pvn-tb-truot{position:relative}
.pvn-tb-ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px;outline-offset:3px}
.pvn-tb-ray::-webkit-scrollbar{display:none}
.pvn-tb-slide{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.pvn-tb-slide .pvn-tb-lon{height:100%}
.pvn-tb-mui{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border-radius:999px;border:1px solid #d9cfe8;background:rgba(255,255,255,.95);color:#584084;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.pvn-tb-mui:hover{background:#584084;color:#fff}
.pvn-tb-mui.truoc{left:-14px}.pvn-tb-mui.sau{right:-14px}
@media (max-width:759px){.pvn-tb-mui{top:120px;width:38px;height:38px}.pvn-tb-mui.truoc{left:8px}.pvn-tb-mui.sau{right:8px}}
.pvn-tb-cham{display:flex;justify-content:center;gap:8px;margin-top:12px}
.pvn-tb-cham button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#d9cfe8;cursor:pointer;transition:width .2s}
.pvn-tb-cham button.dang{width:26px;background:#584084}
@media (prefers-reduced-motion:reduce){.pvn-tb-ray{scroll-behavior:auto}}
.pvn-ql-vd-so{width:56px;text-align:center;font-weight:700;font-size:1.1rem;color:#584084}
.pvn-ql-vd-so small{display:block;font-weight:400;font-size:.7rem;color:var(--pvn-mo)}
.pvn-ql-vd select{width:auto;display:inline-block;margin:0;padding:5px 8px;font-size:.88rem}
.pvn-ql-chon-hai{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.pvn-ql-chon-hai .pvn-ql-chon{margin:0;padding:18px 10px;position:relative}
.pvn-ql-chon small{display:block;margin-top:2px;font-weight:400;color:var(--pvn-mo)}
.pvn-ql-chon.phu{border-style:solid;border-color:#cbbde6;background:#fff}
.pvn-ql-chon:focus-within{outline:2px solid #584084;outline-offset:2px}
.pvn-ql-nhieu{margin-top:16px}
.pvn-ql-nhieu-ds{margin:8px 0 0;padding-left:22px;display:grid;gap:6px}
.pvn-ql-nhieu-ds li{padding:8px 10px;border:1px solid var(--pvn-vien);border-radius:8px;background:#fff;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between}
.pvn-ql-nhieu-ds li .ten{font-size:.85rem;color:var(--pvn-mo);overflow-wrap:anywhere}
.pvn-ql-nhieu-ds li.ok{border-color:#b7ebc6;background:#f3fdf6}
.pvn-ql-nhieu-ds li.canh{border-color:#fac775;background:#fffbeb}
.pvn-ql-nhieu-ds li.loi{border-color:#f7c1c1;background:#fcebeb}
.pvn-ql-nhieu-ds li.dang{border-color:#cbbde6;background:#f6f2fb}
/* 1.9.1 — bảng trong quản lý trên điện thoại: nút xuống dòng dưới tên (anh Năng: nút bị khuất bên phải) */
@media (max-width:699px){
 .pvn-ql-bang,.pvn-ql-bang tbody{display:block}
 .pvn-ql-bang tr{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--pvn-vien)}
 .pvn-ql-bang td{display:block;border:0;padding:0;min-width:0}
 .pvn-ql-bang td.pvn-ql-anh{grid-row:span 3}
 .pvn-ql-bang td:not(.pvn-ql-anh){grid-column:2}
 .pvn-ql-nut-o{text-align:left;white-space:normal}
 .pvn-ql-nut-o .pvn-ql-nut,.pvn-ql-nut-o form{margin:2px 6px 2px 0}
 .pvn-ql-vd tr{grid-template-columns:36px 60px minmax(0,1fr)}
 .pvn-ql-vd td.pvn-ql-vd-so{grid-column:1;grid-row:span 3}
 .pvn-ql-vd td.pvn-ql-anh{grid-column:2}
 .pvn-ql-vd td:not(.pvn-ql-anh):not(.pvn-ql-vd-so){grid-column:3}
}
.pvn-ql-nhieu-luu{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--pvn-vien);padding:10px 0;margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.pvn-ql-nhieu-luu small{flex-basis:100%}
.pvn-ql-nhieu-luu .pvn-ql-nut:disabled{opacity:.5;cursor:not-allowed}
.pvn-ql-duyet-luon{font-weight:600;font-size:.9rem}
.pvn-ql-chon-o{display:inline;font-weight:400}
.pvn-ql-nhieu-ds li.da-mo{box-shadow:inset 4px 0 0 #9D86CC}
.pvn-ql-nhieu-ds li.xong{border-color:#b7ebc6;background:#ecfdf3}
.pvn-ql-nhieu-ds li small{flex-basis:100%;color:#633806}
.pvn-ql-o-chon-nhan{display:inline;font-weight:400;font-size:.85rem}
.pvn-ql-chon-het label{font-weight:400}
@media (max-width:899px){.pvn-ql-nhieu-luu{bottom:64px}}
/* 1.9.5 — hướng dẫn chiều giấy: khối nhạt, tách khỏi nút bấm (anh Năng) */
.pvn-ql-chieu-khung{background:#f6f7f9;border-radius:10px;padding:8px 10px 6px;margin:12px 0}
.pvn-ql-chieu-tieu{margin:0 0 4px;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#8a8f98;font-weight:600}
.pvn-ql-chieu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pvn-ql-chieu-o{margin:0;padding:4px 2px;text-align:center;background:transparent;border:0;opacity:.8}
.pvn-ql-chieu-o svg{display:block;margin:0 auto 2px;max-width:100%;height:auto}
.pvn-ql-chieu-o figcaption{font-size:.74rem;line-height:1.3;color:#8a8f98}
.pvn-ql-chieu-o figcaption strong{font-weight:600;color:#6b7280}
.pvn-ql-chieu-o figcaption b{display:block;font-size:.8rem;margin-bottom:1px}
.pvn-ql-chieu-o.dung{opacity:1}
.pvn-ql-chieu-o.dung b{color:#3f8f5f}
.pvn-ql-chieu-o.sai svg{filter:grayscale(1);opacity:.6}
.pvn-ql-chieu-o.sai b{color:#b07a7a}
/* 2.0.0 — đóng góp ảnh / giấy */
.pvn-gop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0;padding:12px 14px;border:1px dashed #cbbde6;border-radius:10px;background:#faf7fd}
.pvn-gop-nut{display:inline-block;background:#584084;color:#fff!important;border-radius:999px;padding:8px 16px;font-weight:600;text-decoration:none!important}
.pvn-gop-nut:hover{background:#43306a}
.pvn-gop span{font-size:.85rem;color:var(--pvn-mo)}
.pvn-ql-gop-dau{display:flex;gap:12px;align-items:center}
.pvn-ql-dg-anh{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.pvn-ql-dg-anh a{position:relative;display:block}
.pvn-ql-dg-anh img{width:110px;height:110px;object-fit:cover;border-radius:8px;border:1px solid var(--pvn-vien)}
.pvn-ql-dg-anh a.giay span{position:absolute;left:4px;bottom:4px;background:#633806;color:#fff;font-size:.7rem;border-radius:4px;padding:1px 6px}
.pvn-ql-dg-ghi{background:#fffbeb;border:1px solid #fac775;border-radius:8px;padding:8px 10px;font-size:.92rem}
.pvn-ql-dg-nut{display:flex;flex-wrap:wrap;gap:8px}
/* 2.3.1: trang Thành viên — ô chọn nhiều, hàng nút, nút nguy hiểm */
.pvn-ql-tv-chon{width:34px;text-align:center;vertical-align:middle}.pvn-ql-tv-chon input{width:20px;height:20px;margin:0;appearance:auto;-webkit-appearance:checkbox;accent-color:#584084;cursor:pointer}
.pvn-ql-hang-nut{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 22px}
.pvn-ql-nut.nguy{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
.pvn-ql-trang a,.pvn-ql-trang strong{display:inline-block;padding:4px 9px;border:1px solid #d9cfe8;border-radius:6px;margin:0 2px}
/* 2.6.0: nút Google + chữ "hoặc" */
.pvn-ql-google{margin:0 0 14px}.pvn-ql-google .g_id_signin{display:flex;justify-content:center}
.pvn-ql-hoac{display:flex;align-items:center;gap:10px;color:#9a9a9a;font-size:.85rem;margin:12px 0 0}.pvn-ql-hoac::before,.pvn-ql-hoac::after{content:"";flex:1;border-top:1px solid #e3e6ea}