/* Màu khu Tài khoản / Quản lý / Vận hành theo CẤP ĐỘ thành viên (body[data-lv], xem members/level.js).
   Mỗi cấp một bảng màu: nền thanh bên, màu nhấn, màu nhạt. Cấp càng cao càng sang (VIP đen–vàng, Super VIP một tông tím hoàng gia). */
body[data-lv]{--lv:#0c9c79;--lv-d:#077a5f;--lv-s:#e2f4ee;--lv-bg:#14213d;--lv-bg2:#1b2d52;--lv-ink:#7fe0c3} /* mọi cấp độ (kể cả chưa xác thực) dùng đúng màu gốc của website */ /* mọi cấp độ (kể cả chưa xác thực) dùng đúng màu gốc của website */

body[data-lv] .acct .dside{background:linear-gradient(180deg,var(--lv-bg) 0%,var(--lv-bg2) 100%)}
body[data-lv] .acct .dside .dbrand .lg{background:var(--lv-s)!important;color:var(--lv-d)!important;box-shadow:0 0 0 2px var(--lv)}
body[data-lv] .acct .dside .dbrand small i{color:var(--lv-ink)!important}
body[data-lv] .acct .dside .grp{color:var(--lv-ink);opacity:.75}
body[data-lv] .acct .dside a.on{background:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 var(--lv)}
body[data-lv] .acct .dside a.on i{color:var(--lv-ink)}
body[data-lv] .acct .dtop{border-bottom:2px solid var(--lv)}
body[data-lv] .acct .dtop .me .av{background:var(--lv-s)!important;color:var(--lv-d)!important}
body[data-lv] .acct .btn-mint{background:var(--lv);border-color:var(--lv)}
body[data-lv] .acct .btn-mint:hover{background:var(--lv-d);border-color:var(--lv-d)}
body[data-lv] .acct .kpi .ic.t-mint{background:var(--lv-s);color:var(--lv)}
body[data-lv] .acct .ptabs a.on{color:var(--lv-d);border-bottom-color:var(--lv)}
body[data-lv] .acct .card .ch h2{color:var(--ink)}

/* thẻ cấp độ ở đầu thanh bên */
body[data-lv] .acct .dside .dbrand small{color:var(--lv-ink)}

/* chân thanh bên: nhân viên chăm sóc (số điện thoại của người phụ trách cơ sở) */
.acct .dside .foot .care{display:grid;gap:3px;margin:0 0 10px;padding:10px 11px;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#c3cbe0;font-size:12px}
.acct .dside .foot .care b{display:flex;gap:6px;align-items:center;color:#fff;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.acct .dside .foot .care span{font-weight:var(--fw-semi);color:#fff;font-size:13px}
.acct .dside .foot .care a{display:inline-flex;gap:6px;align-items:center;color:var(--lv-ink,#8fb4f5);font-weight:var(--fw-semi);font-size:14px}
.acct .dside .foot .care small{color:#8f9ab0;font-size:11px}

/* ===== Trang quản lý / vận hành: ẩn thanh đầu trang website cho gọn, mở bằng nút nhỏ góc phải ===== */
body[data-focus="1"] .util,body[data-focus="1"] header.main{display:none}
body[data-focus="1"] .mnav{display:none}
.hdr-toggle{display:none}
body[data-focus="1"] .hdr-toggle{position:fixed;top:6px;right:12px;z-index:90;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid rgba(20,33,61,.18);border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(20,33,61,.12);color:var(--ink-2,#3f4a60);font:var(--fw-semi) 11px/1 inherit;cursor:pointer}
body[data-focus="1"] .hdr-toggle:hover{border-color:var(--lv,#0c9c79);color:var(--lv-d,#077a5f)}
body[data-focus="1"].hdr-open .util .r .hdr-toggle{position:static;height:22px;padding:0 9px;margin-left:6px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none;backdrop-filter:none;font-size:11px}
body[data-focus="1"].hdr-open .util .r .hdr-toggle:hover{background:rgba(255,255,255,.26);color:#fff}
body[data-focus="1"].hdr-open header.main{position:relative}
@media (max-width:760px){body[data-focus="1"] .hdr-toggle span{display:none}body[data-focus="1"] .hdr-toggle{padding:0 8px}}

/* ===== Biểu tượng cạnh tên chủ cơ sở / nha sĩ ở mọi nơi (header, nhận xét, đánh giá…) ===== */
.mbdg{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:5px;border-radius:50%;font-size:11px;vertical-align:1px;flex:none}
.mbdg.lv-nha-si{background:#eaf3dc;color:#476c14}
.mbdg.lv-chu-xac-thuc{background:#e2f4ee;color:#077a5f}
.mbdg.lv-chu-tai-tro{background:#fdefe1;color:#c4620d}
.mbdg.lv-chu-vip{background:#17140c;color:#f3c969}
.mbdg.lv-chu-super{background:linear-gradient(135deg,#6b4fd8,#4a31b8);color:#fff}

/* ===== Khu quản lý/vận hành: ẩn chân trang lớn, chỉ còn dòng bản quyền + lời cảm ơn ===== */
body[data-focus="1"] > footer,body[data-focus="1"] .to-top,body[data-focus="1"] .phone-r{display:none!important}
.focus-foot{display:none}
body[data-focus="1"] .focus-foot{display:block;text-align:center;padding:14px 12px 18px;font-size:12px;color:var(--ink-3,#7b8496);background:var(--bg-2,#f5f7f9);border-top:1px solid var(--line,#e2e6ec)}
body[data-focus="1"] .focus-foot b{color:var(--ink-2,#3f4a60)}

/* Bộ chọn tư cách (cá nhân / trang nha khoa) ở thanh trên cùng — kiểu chuyển trang Facebook */
.actsw{position:relative;display:inline-block}
.actsw-b{display:inline-flex;align-items:center;gap:5px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actsw-b .cv{font-size:11px;opacity:.7}
.actsw-p{position:absolute;right:0;top:calc(100% + 8px);z-index:120;width:300px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2,0 10px 30px rgba(20,33,61,.14));color:var(--ink);text-align:left;padding:6px}
.actsw-p[hidden]{display:none}
.actsw-h{font-size:11px;font-weight:var(--fw-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 4px}
.actsw-p form{margin:0}
.actsw-i{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;text-align:left;padding:8px 10px;border-radius:var(--r);cursor:pointer;color:var(--ink)}
.actsw-i:hover{background:var(--bg-2,#f5f7f9)}
.actsw-i.on{background:var(--mint-s)}
.actsw-i>i:first-child{font-size:22px;color:var(--blue);flex:none}
.actsw-i span{display:grid;min-width:0;flex:1}
.actsw-i b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actsw-i small{font-size:11px;color:var(--ink-3)}
.actsw-i .ok{color:var(--mint);font-size:16px;flex:none}
.actsw-f{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;display:grid}
.actsw-f a{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:var(--r);font-size:13px;color:var(--ink-2)}
.actsw-f a:hover{background:var(--bg-2,#f5f7f9);color:var(--ink)}
.act-note{display:grid;gap:8px;padding:14px;border:1px dashed var(--blue);border-radius:var(--r);background:var(--blue-s);font-size:13px;line-height:1.5;color:var(--ink-2)}
.act-note>i{font-size:24px;color:var(--blue)}
.act-note form{margin:0}
.util .r .actsw-b{color:inherit}

/* Trang mua gói: xem trước hạng hiện tại → sau khi thanh toán */
.buypv{display:grid;grid-template-columns:1fr auto 1fr;gap:10px 14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2,#f6f8fb)}
.buypv small{display:block;font-size:11px;color:var(--ink-3);margin-bottom:2px}
.buypv b{font-size:13px}
.buypv>i{font-size:20px;color:var(--ink-4)}
.buypv p{grid-column:1/-1;margin:0;font-size:12px;color:var(--ink-2)}
@media (max-width:600px){.buypv{grid-template-columns:1fr}.buypv>i{transform:rotate(90deg);justify-self:center}}

/* Bộ chọn tư cách trong ô tài khoản của trang quản lý */
.dtop .actsw .actsw-b{max-width:none;color:inherit}
.dtop .actsw .actsw-b .me{cursor:pointer}
.dtop .actsw .actsw-p{top:calc(100% + 6px)}

/* Ghi chú / lưu ý / thông báo nhỏ: một khuôn chung — chữ nhỏ, biểu tượng thẳng hàng dòng đầu, khoảng đệm đều */
.noads,.act-note{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:start;padding:8px 11px;border-radius:var(--r-s);font-size:12px;line-height:1.45;color:var(--ink-3)}
.noads>i,.act-note>i{grid-column:1;width:16px;margin-top:1px;font-size:15px;line-height:1.45;text-align:center}
.noads>div,.act-note>span{grid-column:2;min-width:0}
.lockline{display:block;position:relative;padding-left:35px}
.lockline>i{position:absolute;left:11px;top:8px}
.lockline>i{color:var(--ink-4)}
.noads b{display:block;font-size:12px;font-weight:var(--fw-semi);line-height:1.4;color:var(--ink-2)}
.noads small{display:block;margin-top:1px;font-size:11px;line-height:1.45;color:var(--ink-3)}
.noads>i{color:var(--orange)}
.act-note{color:var(--ink-2);padding:10px 12px}
.act-note>i{font-size:16px;color:var(--blue)}
.act-note form{grid-column:2;margin:2px 0 0}
.act-note .btn{height:30px;padding:0 12px;font-size:12px}
/* Cột bên tin tức: tiêu đề bài nhẹ hơn */
.sidep-l .sidep-i .tx b,.sidep .sidep-i .tx b{font-weight:var(--fw-medium)}
.sidep-l .sidep-i.hero .tx b,.sidep .sidep-i.hero .tx b{font-weight:var(--fw-semi)}
.rank li a{font-weight:var(--fw-medium)}
.box .rank li{font-weight:var(--fw-medium)}
.lockline{padding:8px 11px 8px 35px;border-radius:var(--r-s);font-size:12px;line-height:1.45;color:var(--ink-3)}
.lockline>i{width:16px;margin:0;font-size:15px;line-height:1.45;text-align:center}

/* Chuông thông báo ở thanh trên cùng */
.hbell{position:relative;display:inline-flex;align-items:center}
.hbell-b{position:relative;display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:none;color:inherit;font-size:17px;cursor:pointer;padding:0}
.hbell-b:hover{background:rgba(127,127,127,.14)}
.hbell-b em{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--rose);color:#fff;font-style:normal;font-size:11px;font-weight:var(--fw-semi);line-height:16px;text-align:center}
.hbell-b em[hidden]{display:none}
.hbell-p{position:absolute;right:-8px;top:calc(100% + 8px);z-index:130;width:320px;max-width:86vw;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2,0 10px 30px rgba(20,33,61,.14));color:var(--ink);text-align:left;padding:6px 0}
.hbell-p[hidden]{display:none}
.hbell-p>b{display:block;padding:6px 12px;font-size:11px;font-weight:var(--fw-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.hbell-l a{display:flex;gap:9px;align-items:flex-start;padding:8px 12px;font-size:13px;line-height:1.45;color:var(--ink)}
.hbell-l a:hover{background:var(--bg-2,#f5f7f9)}
.hbell-l a>i{flex:none;margin-top:1px;font-size:16px}
.hbell-e{display:flex;gap:8px;align-items:center;padding:10px 12px;font-size:12px;color:var(--ink-3)}
.hbell-f{display:block;padding:8px 12px;border-top:1px solid var(--line-2,#eef1f4);font-size:12px;font-weight:var(--fw-semi);color:var(--blue)}
.hbell-l .t-rose{color:var(--rose)}.hbell-l .t-mint{color:var(--mint)}.hbell-l .t-blue{color:var(--blue)}.hbell-l .t-or{color:var(--orange)}

/* dot2: nút chính đủ tương phản (>= 4.5:1 với chữ trắng) ở cấp VIP (vàng) và Tài trợ (cam) */
/* Khu quản lý: khung tràn sát đầu/cuối trang, không chừa khoảng trống; dòng bản quyền nằm TRONG khung (thanh mảnh cuối vùng nội dung) */
body[data-focus="1"] .acct .dsh{margin:0;border:0;border-radius:0;min-height:100vh}
body[data-focus="1"] main.acct{padding:0;margin:0;max-width:none}
body[data-focus="1"] .acct .dtop{margin-top:0}
body[data-focus="1"] .focus-foot{position:fixed;left:232px;right:0;bottom:0;z-index:30;border-top:1px solid var(--line,#e2e6ec);padding:7px 12px;background:rgba(245,247,249,.96)}
@media (max-width:960px){body[data-focus="1"] .focus-foot{display:none}}
.util .r .actsw{display:inline-flex;align-items:center}.util .r .actsw-b{align-items:center;line-height:1.2;overflow:visible}.util .r .actsw-b>*{vertical-align:middle}
/* chuông: chưa đọc đậm, đã đọc nhạt; nút đánh dấu tất cả */
.hbell-l a{font-weight:var(--fw-semi)}.hbell-l a.rd{font-weight:var(--fw-normal);color:var(--ink-3)}
.hbell-all{display:block;width:100%;text-align:right;padding:4px 12px;border:0;background:none;font-size:11px;font-weight:var(--fw-semi);color:var(--blue);cursor:pointer}