/* Trang nhóm "acct": CSS riêng theo từng trang (không sửa dental.css để tránh xung đột). */

/* ===== bảng quản lý (nha khoa / nha sĩ) & tài khoản: phần bổ sung cho các nút/biểu mẫu thật ===== */
.acct .iact form{margin:0}
.acct .iact .ib,.acct .ib{width:28px;height:28px;border:1px solid var(--line);border-radius:var(--r-s);display:grid;place-items:center;font-size:14px;color:var(--ink-2);background:#fff;cursor:pointer;padding:0}
.acct .iact .ib:hover,.acct .ib:hover{border-color:var(--ink-4)}
.acct .ib2{width:22px;height:22px;border:0;border-radius:3px;background:rgba(14,22,40,.75);color:#fff;display:grid;place-items:center;font-size:12px;cursor:pointer;padding:0}
.acct .swbtn{border:0;background:none;padding:0;cursor:pointer;vertical-align:middle}
.acct .swc{position:absolute;opacity:0;pointer-events:none}
.acct .swc:checked+.sw{background:var(--mint)}
.acct .swc:checked+.sw::after{left:16px}
.acct .chiplabels label{display:inline-block;cursor:pointer}
.acct .chiplabels input{position:absolute;opacity:0;pointer-events:none}
.acct .chiplabels span{font-size:12px;font-weight:var(--fw-semi);padding:4px 10px;border-radius:var(--r-s);border:1px solid var(--line);background:#fff;color:var(--ink-2);display:inline-flex;gap:5px;align-items:center}
.acct .chiplabels span i{font-size:13px;visibility:hidden;width:0}
.acct .chiplabels input:checked+span{background:var(--mint-s);border-color:#9fdcc8;color:var(--mint-d)}
.acct .chiplabels input:checked+span i{visibility:visible;width:auto}
.acct .bellpanel{position:absolute;right:44px;top:42px;width:300px;max-width:80vw;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);z-index:20;padding:6px 0}
.acct .bellpanel[hidden]{display:none}
.acct .bellpanel b{display:block;padding:6px 12px;font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.acct .bellpanel a{display:flex;gap:9px;align-items:flex-start;padding:8px 12px;font-size:13px;color:var(--ink)}
.acct .bellpanel a:hover{background:var(--bg-2)}
.acct .bellpanel a i{font-size:17px;margin-top:1px}
.acct .bellpanel .e{padding:8px 12px;font-size:13px;color:var(--ink-3)}
.acct .t-rose{color:var(--rose)}.acct .t-mint{color:var(--mint)}.acct .t-blue{color:var(--blue)}.acct .t-or{color:var(--orange)}
.acct tr[hidden]{display:none}
.acct .tbl tr.on td{background:var(--blue-s)}
.acct .tbl input,.acct .tbl select{font:inherit}
.acct .inp input,.acct .inp select{border:0;background:transparent;outline:0;font:inherit;color:var(--ink);flex:1;min-width:0;height:100%}
.acct .inp input[disabled]{color:var(--ink-3)}
.acct .pk{display:block;color:inherit}
@media (max-width:960px){.acct .kpis,.acct .kanban,.acct .trio{grid-template-columns:1fr 1fr}.acct .dgrid2{grid-template-columns:minmax(0,1fr)!important}.acct .galm{grid-template-columns:repeat(3,1fr)}.acct .fgrid3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.acct .dsh{grid-template-columns:minmax(0,1fr)}.acct .dside{position:static;height:auto;display:flex;flex-wrap:wrap;gap:2px}.acct .dside .grp{width:100%}.acct .kpis,.acct .trio,.acct .fgrid,.acct .fgrid3{grid-template-columns:minmax(0,1fr)}.acct .dtop{height:auto;flex-wrap:wrap;padding:10px 14px}.acct .dtop .sr{margin-left:0;width:100%;flex-wrap:wrap}.acct .bellpanel{right:0;left:0;margin:auto}.acct .galm{grid-template-columns:1fr 1fr}.acct .tscroll{overflow-x:auto}}
.acct .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.acct .kpi>div{min-width:0}
.acct .kpi>.tr{margin-left:auto;width:auto;flex:none;background:none;padding:0}
.acct .kpi .tr.up{color:var(--mint)}.acct .kpi .tr.dn{color:var(--rose)}

/* ===== đăng ký nha khoa (demo dang-ky-nha-khoa-v3): khối giải thích 2 hướng — scope .reg3 ===== */
.reg3 .explain{background:linear-gradient(180deg,#f2f7ff,#fff);border:1px solid #c6d7f6;border-radius:var(--r);padding:18px 20px;margin-top:14px;position:relative}
.reg3 .explain::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background:var(--blue);border-radius:var(--r) 0 0 var(--r)}
.reg3 .explain .tt{display:flex;gap:12px;align-items:flex-start}
.reg3 .explain .tt .ic{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:23px;flex:none}
.reg3 .explain h2{font-size:18px;margin:2px 0 4px;letter-spacing:-.3px}
.reg3 .explain p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.65}
.reg3 .explain p b{color:var(--ink)}
.reg3 .paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.reg3 .path{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column}
.reg3 .path.a{border-color:#9fdcc8}
.reg3 .path.b{border-color:#c9d3df}
.reg3 .path .hd2{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.reg3 .path .hd2 .num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:var(--fw-semi);color:#fff;flex:none}
.reg3 .path.a .num{background:var(--mint)}
.reg3 .path.b .num{background:var(--ink-3)}
.reg3 .path .hd2 b{font-size:14px;line-height:1.3}
.reg3 .path ol{margin:0 0 10px;padding-left:0;list-style:none;display:grid;gap:6px;counter-reset:pp}
.reg3 .path ol li{counter-increment:pp;display:grid;grid-template-columns:22px 1fr;gap:6px;font-size:13px;color:var(--ink-2);line-height:1.5}
.reg3 .path ol li::before{content:counter(pp);width:20px;height:20px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:11px;font-weight:var(--fw-semi);color:var(--ink-2)}
.reg3 .path .tag2{margin-top:auto;font-size:11px;font-weight:var(--fw-semi);display:flex;gap:5px;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}
.reg3 .path.a .tag2{color:var(--mint-d)}
.reg3 .path.b .tag2{color:var(--ink-3)}
.reg3 .labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.reg3 .labels div{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:9px 10px;font-size:12px;color:var(--ink-2);line-height:1.45}
.reg3 .labels .bdg{margin-bottom:4px}
.reg3 .step-h{display:flex;gap:10px;align-items:center;margin:20px 0 8px}
.reg3 .step-h .num{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:var(--fw-semi);font-size:13px}
.reg3 .step-h h2{font-size:17px;margin:0;letter-spacing:-.3px}
.reg3 .step-h small{font-size:13px;color:var(--ink-3)}
.acct [hidden]{display:none!important}
.reg3 .chosen{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:var(--mint-s);border:1px solid #bfe6d8;border-radius:var(--r-s);padding:10px 12px;margin-bottom:12px}
.reg3 .chosen .lg{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:var(--fw-semi);color:var(--ink-3)}
.reg3 .chosen b{font-size:14px}
.reg3 .chosen small{display:block;font-size:12px;color:var(--ink-2)}
.reg3 .why-box{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);background:var(--bg-2);border-radius:var(--r-s);padding:10px 12px;margin-bottom:12px;line-height:1.55}
.reg3 .why-box i{font-size:17px;flex:none;margin-top:1px}
.reg3 .okstate{display:none;text-align:center;padding:22px 16px}
.reg3 .okstate i.big{font-size:52px;color:var(--mint)}
.reg3 .okstate h3{margin:6px 0 4px;font-size:19px}
.reg3 .okstate p{margin:0 auto 12px;color:var(--ink-2);max-width:460px;font-size:13px;line-height:1.6}
.reg3 .sentc .okstate{display:block}
.reg3 .sentc .claimbody{display:none}
.reg3 .findhero{margin-top:22px;background:linear-gradient(135deg,var(--ink) 0%,#1b3466 70%,#1f62d6 130%);border-radius:var(--r);padding:20px 22px 16px;color:#fff;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.reg3 .findhero::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(19,181,143,.35),transparent 70%)}
.reg3 .fh-top{display:flex;gap:12px;align-items:center;margin-bottom:14px;position:relative;z-index:1}
.reg3 .fh-top .num{width:34px;height:34px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-weight:var(--fw-semi);font-size:16px;flex:none}
.reg3 .fh-top h2{margin:0;font-size:21px;letter-spacing:-.4px}
.reg3 .fh-top p{margin:2px 0 0;font-size:13px;color:#c3cfe6}
.reg3 .fh-bar{margin:0;border:0;box-shadow:0 6px 20px rgba(0,0,0,.25);position:relative;z-index:2}
.reg3 .fh-bar .q{height:54px}
.reg3 .fh-bar .q input{font-size:17px}
.reg3 .fh-bar button{font-size:15px;padding:0 26px}
.reg3 .fh-tips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#c3cfe6;position:relative;z-index:1}
.reg3 .fh-tips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-s);padding:2px 8px}
.reg3 .fh-tips span:first-child{background:none;border:0;padding-left:0;color:#ffd27a;font-weight:var(--fw-semi);display:flex;gap:4px;align-items:center}
.reg3 .fh-res{font-size:13px;color:var(--ink-2);margin-bottom:2px}
.reg3 .newcta{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:14px;padding:14px 16px;border:2px dashed #9dbcf0;border-radius:var(--r);background:var(--blue-s);transition:.15s}
.reg3 .newcta:hover{border-style:solid;border-color:var(--blue);box-shadow:var(--sh-2)}
.reg3 .newcta .ic{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:24px}
.reg3 .newcta b{font-size:15px;display:block;color:var(--ink)}
.reg3 .newcta small{font-size:13px;color:var(--ink-2)}
.reg3 .newcta .go{background:var(--blue);color:#fff;font-weight:var(--fw-semi);font-size:14px;padding:11px 18px;border-radius:var(--r);display:flex;gap:6px;align-items:center;white-space:nowrap;box-shadow:inset 0 -2px 0 rgba(0,0,0,.16)}
@media (max-width:960px){.reg3 .paths,.reg3 .labels{grid-template-columns:1fr}}
@media (max-width:760px){.reg3 .newcta{grid-template-columns:1fr}.reg3 .newcta .ic{display:none}.reg3 .newcta .go{justify-content:center}}

/* ===== đăng nhập / đăng ký: nút mạng xã hội (hiện đúng demo; chưa cấu hình khoá thì báo "Chưa kích hoạt") ===== */
.sl2{display:grid;gap:8px}
.sl2 .soc2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sl2 .soc2 a,.sl2 .soc2 button,.sl2 .otpl{display:flex;gap:8px;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:var(--r-s);font:inherit;font-weight:var(--fw-semi);font-size:13px;background:#fff;color:var(--ink);cursor:pointer;padding:0 10px;position:relative}
.sl2 .soc2 a:hover,.sl2 .soc2 button:hover,.sl2 .otpl:hover{border-color:var(--ink-4)}
.sl2 i{font-size:18px}
.sl2 .soc2 button{flex-wrap:wrap;row-gap:0;column-gap:8px;padding:5px 8px}
.sl2 em{font-style:normal;font-size:11px;font-weight:var(--fw-semi);color:var(--ink-3);background:var(--bg-3);border-radius:3px;padding:1px 5px;margin-left:2px}
.sl2 .soc2 button em{flex-basis:100%;text-align:center;background:none;padding:0;margin:0;line-height:1.2}
.sl2 .otpl{font-weight:var(--fw-semi);color:var(--ink-2)}
.sl2 .soonmsg{display:flex;gap:7px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--bg-2);border-radius:var(--r-s);padding:8px 10px}
.sl2 .soonmsg[hidden]{display:none}
.sl2 .soonmsg i{font-size:16px;color:var(--blue);flex:none;margin-top:1px}
/* khách xem trang đăng ký nha khoa */
.reg3 .guestbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 14px;border:1px solid #c6d7f6;background:#f2f7ff;border-radius:var(--r);font-size:13px;color:var(--ink-2)}
.reg3 .guestbar>i{font-size:18px;color:var(--blue)}
.reg3 .guestbar>span{flex:1;min-width:200px}
/* chuông thông báo là nút thật + trạng thái rỗng */
.acct .dtop button.bell{background:#fff;cursor:pointer;padding:0;font:inherit}
.acct .bellpanel .e.empty{display:flex;gap:9px;align-items:flex-start;padding:10px 12px}
.acct .bellpanel .e.empty i{font-size:20px;color:var(--ink-4)}
.acct .bellpanel .e.empty small{display:block;margin-top:2px;font-size:11px;color:var(--ink-3);line-height:1.45}
.acct .bellpanel a.bellfoot{border-top:1px solid var(--line-2);margin-top:4px;color:var(--ink-2);font-weight:var(--fw-semi)}
.acct .bellpanel a.bellfoot i{color:var(--ink-3)}
.acct #myVc .tk{min-width:0}
.acct #myVc .hint2,.acct #mySv .hint2{display:flex;gap:7px;align-items:center;padding:12px 14px;color:var(--ink-3);font-size:13px}
/* điện thoại: thanh tab/nút trong tiêu đề thẻ xếp ngang gọn; thẻ voucher thu hẹp phần cuống */
@media (max-width:640px){
  .acct .ch{flex-wrap:wrap}
  .acct .ch .r{width:100%;margin-left:0;flex-wrap:wrap;gap:8px}
  .acct .ch .r .seg2{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 100%}
  .acct .ch .r .seg2 button{flex:1 1 auto;min-height:40px;white-space:nowrap}
  .acct .ch .r .btn{min-height:40px}
  .acct #myVc .tk{grid-template-columns:92px minmax(0,1fr);min-height:0}
  .acct #myVc .tk::before,.acct #myVc .tk::after{left:83px}
  .acct #myVc .tk .stub{padding:8px 4px}
  .acct #myVc .tk .stub b{font-size:11px}
  .acct #myVc .tk .stub .blg{width:40px;height:40px;font-size:13px}
  .acct #myVc .tk .amt{font-size:21px}
  .acct #myVc .tk ul{grid-template-columns:1fr}
  .acct #myVc .tk .bt{flex-wrap:wrap}
  .acct #myVc .tk .bt .btn{min-height:40px;margin-left:0}
  .acct .ucard .btn{min-height:40px}
  .sl2 .soc2 button,.sl2 .soc2 a,.sl2 .otpl{min-height:44px}
}
/* đánh giá ngay trong tab Lịch hẹn + sửa câu hỏi chờ duyệt */
.acct .rvbox,.acct .editq{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.acct .rvbox .rvcrit{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.acct .rvbox textarea,.acct .editq textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-s);padding:8px 10px;font:inherit;background:#fff}
.acct .editq{margin:0 12px 12px}
@media (max-width:640px){.acct .rvbox .rvcrit{grid-template-columns:1fr}.acct .rvbox .btn,.acct .editq .btn{min-height:40px}}

/* Gói Super VIP trên /bang-gia */
/* Super VIP: thẻ sáng, viền vàng, tính năng dạng ô — cùng tông với bảng giá */
.superbox{margin:18px 0;border-radius:var(--r);padding:24px;background:radial-gradient(circle at 100% 0%,#ece7ff 0,transparent 40%),linear-gradient(120deg,#f7f4ff 0%,#fff 55%,#efeaff 140%);border:1px solid #d9cff8;box-shadow:0 0 0 1px #efeaff,var(--sh-2);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l r" "list r";gap:18px 26px;align-items:center;position:relative}
.superbox .sb-l{grid-area:l}.superbox .sb-r{grid-area:r;align-self:center}.superbox .sb-list{grid-area:list}
.superbox::before{content:"GÓI CAO NHẤT";position:absolute;right:16px;top:-10px;background:linear-gradient(90deg,#4a31b8,#6b4fd8);color:#fff;font-size:11px;font-weight:var(--fw-semi);padding:3px 10px;border-radius:3px;letter-spacing:.05em}
.superbox .eyebrow{color:#5136b3}
.superbox h2{margin:4px 0 8px;font-size:21px;line-height:1.25;color:var(--ink);letter-spacing:-.4px}
.superbox p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.6}
.superbox .sb-l{display:flex;gap:14px;align-items:flex-start}
.superbox .sb-ic{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6b4fd8,#3f2a9e);color:#fff;font-size:26px;box-shadow:0 4px 12px rgba(107,79,216,.35)}
.superbox .sb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.superbox .sb-list li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);background:rgba(255,255,255,.85);border:1px solid #e1d9fb;border-radius:var(--r);padding:8px 10px;line-height:1.4}
.superbox .sb-list li b{color:var(--ink)}
.superbox .sb-list i{color:#6b4fd8;font-size:17px;flex:none;margin-top:1px}
.superbox .sb-r{display:grid;gap:8px;min-width:210px;text-align:center;background:#fff;border:1px solid #d9cff8;border-radius:var(--r);padding:16px 14px}
.superbox .sb-r .pr{font-size:26px;font-weight:var(--fw-semi);color:var(--ink);letter-spacing:-.6px;margin:0}
.superbox .sb-r .pr small{font-size:12px;font-weight:var(--fw-medium);color:var(--ink-3);letter-spacing:0}
.superbox .sb-r .tbd{color:#5136b3;font-weight:var(--fw-semi);font-size:13px;justify-content:center}
.superbox .sb-r .btn{background:linear-gradient(90deg,#6b4fd8,#4a31b8);color:#fff;border:0;justify-content:center;font-weight:var(--fw-semi);box-shadow:0 4px 12px rgba(107,79,216,.3)}
.superbox .sb-r .btn:hover{filter:brightness(1.05)}
.superbox .sb-r small{color:var(--ink-3);font-size:11px;line-height:1.4}
@media (max-width:960px){.superbox{grid-template-columns:1fr;grid-template-areas:"l" "list" "r";padding:18px 14px}.superbox .sb-r{min-width:0}.superbox .sb-list{grid-template-columns:1fr}}

/* ---- Đăng nhập / đăng ký / quên mật khẩu: nền sáng nhiều màu (thay khối xanh navy) ---- */
.auth{border:0;box-shadow:0 10px 34px rgba(20,33,61,.10),0 1px 0 rgba(20,33,61,.04);border-radius:10px;overflow:hidden}
.auth .art2{background:radial-gradient(circle at 8% 6%,#cdf0e3 0,transparent 42%),radial-gradient(circle at 96% 10%,#fde4cc 0,transparent 38%),radial-gradient(circle at 70% 100%,#d6e5fc 0,transparent 52%),#f7fbfa;color:var(--ink);padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.auth .art2::before{content:"";position:absolute;left:-40px;bottom:-50px;width:190px;height:190px;border-radius:50%;border:26px solid rgba(12,156,121,.09);pointer-events:none}
.auth .art2::after{right:-30px;top:60px;bottom:auto;width:130px;height:130px;background:none;border:18px solid rgba(239,125,26,.10)}
.auth .art2 .eyebrow{color:var(--mint)!important;font-weight:var(--fw-semi);letter-spacing:.06em}
.auth .art2 h2{color:var(--ink);font-size:26px;letter-spacing:-.6px}
.auth .art2 p{color:var(--ink-2)}
.auth .art2 ul{gap:9px}
.auth .art2 li{background:rgba(255,255,255,.88);border:1px solid #e3ece8;border-radius:var(--r);padding:10px 12px;color:var(--ink-2);align-items:center;box-shadow:0 1px 2px rgba(20,33,61,.04);transition:transform .15s,box-shadow .15s}
.auth .art2 li:hover{transform:translateX(3px);box-shadow:0 4px 12px rgba(20,33,61,.08)}
.auth .art2 li b{color:var(--ink)}
.auth .art2 li i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:var(--mint-s);color:var(--mint)}
.auth .art2 li:nth-child(2) i{background:var(--orange-s);color:var(--orange)}
.auth .art2 li:nth-child(3) i{background:var(--blue-s);color:var(--blue)}
.auth .art2 li:nth-child(4) i{background:var(--rose-s);color:var(--rose)}
.auth .art2 li:nth-child(5) i{background:var(--violet-s);color:var(--violet)}
.auth .frm{position:relative}
.auth .frm::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--mint),var(--blue),var(--orange),var(--rose))}
.auth .frm h1{font-size:23px}
.auth .frm .btn-mint{box-shadow:0 4px 12px rgba(12,156,121,.28)}
@media (max-width:960px){
  .auth{margin-top:12px}
  .auth .art2{padding:20px 16px}
  .auth .art2 h2{font-size:21px}
  .auth .art2 ul{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}
  .auth .art2 ul::-webkit-scrollbar{display:none}
  .auth .art2 li{flex:0 0 78%}
}

/* ---- Tin nhắn (chat khách ↔ cơ sở / quản trị) ---- */
.chatp{padding-block:18px}
.chatp .chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.chatp .chat-head h1{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}
.chatp .chat-head h1 i{color:var(--blue)}
.chatp .chat-acts{display:flex;gap:8px;flex-wrap:wrap}
.chatp .chat-note{margin:0 0 12px;padding:9px 12px;background:var(--mint-s);color:var(--ink-2);border-radius:var(--r-s);font-size:13px;line-height:1.5;display:flex;gap:8px}
.chatp .chat-note i{color:var(--mint);font-size:18px;flex:none;margin-top:1px}
.chatp .chat-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.chatp .chat-list,.chatp .chat-box{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.chatp .chat-list{max-height:620px;overflow:auto}
.chatp .ct{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line-2,#eef1f4);color:inherit}
.chatp .ct.on{background:var(--mint-s)}
.chatp .ct .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue-s);color:var(--blue);flex:none;font-size:17px}
.chatp .ct .av.ad{background:#17140c;color:#f3c969}.chatp .ct .av.or{background:var(--orange-s);color:var(--orange)}
.chatp .ct .tx{flex:1;min-width:0}.chatp .ct .tx b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatp .ct .tx small{display:block;color:var(--ink-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatp .ct .mt{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chatp .ct .mt small{font-size:11px;color:var(--ink-3)}
.chatp .ct .mt em{font-style:normal;background:var(--rose);color:#fff;border-radius:9px;font-size:11px;font-weight:var(--fw-semi);padding:0 6px;min-width:18px;text-align:center}
.chatp .chat-empty{padding:28px 16px;text-align:center;color:var(--ink-3)}.chatp .chat-empty i{font-size:34px;color:var(--ink-4)}.chatp .chat-empty.big{padding:90px 16px}
.chatp .chat-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.chatp .chat-top b{font-size:15px}.chatp .chat-top small{color:var(--ink-3);flex:1}
.chatp .chat-msgs{height:420px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg-2,#f7f9fb)}
.chatp .msg{max-width:78%;padding:8px 11px;border-radius:var(--r-s);background:#fff;border:1px solid var(--line);align-self:flex-start}
.chatp .msg p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.chatp .msg time{display:block;font-size:11px;color:var(--ink-3);margin-top:3px}.chatp .msg .who{display:block;font-weight:var(--fw-semi);font-size:11px;color:var(--ink-3);margin-bottom:2px}
.chatp .msg.me{align-self:flex-end;background:var(--mint);border-color:var(--mint);color:#fff}.chatp .msg.me time{color:rgba(255,255,255,.8)}
.chatp .msg.adm{background:#17140c;border-color:#17140c;color:#f3c969}.chatp .msg.adm .who,.chatp .msg.adm time{color:#d8b25c}
.chatp .msg.sys{align-self:center;max-width:92%;background:var(--bg-3,#eef2f6);border-style:dashed;text-align:center;color:var(--ink-3)}.chatp .msg.sys p{font-size:12px}
.chatp .chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);align-items:flex-end}
.chatp .chat-form textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:var(--r-s);padding:9px 10px;font:inherit;font-size:13px}
.chatp .chat-warn{margin:0 12px 10px;padding:8px 10px;background:var(--orange-s);color:var(--orange);border-radius:var(--r-s);font-size:13px}
@media (max-width:760px){.chatp .chat-grid{grid-template-columns:minmax(0,1fr)}.chatp .chat-list{max-height:200px}.chatp .chat-msgs{height:55vh}.chatp .msg{max-width:90%}.chatp .chat-form button span{display:none}}

.chatp .chat-lock,.chatp .chat-mech{display:flex;gap:8px;padding:9px 14px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--line)}
.chatp .chat-lock{background:var(--orange-s);color:var(--ink-2)}.chatp .chat-lock i{color:var(--orange);font-size:17px;flex:none}.chatp .chat-lock a{color:var(--blue);font-weight:var(--fw-semi)}
.chatp .chat-mech{background:var(--blue-s);color:var(--ink-2)}.chatp .chat-mech i{color:var(--blue);font-size:16px;flex:none;margin-top:1px}
.chatbtn.off{background:#dde4ec!important;color:var(--ink-2)!important;box-shadow:none;cursor:not-allowed}.chatbtn.off:hover{transform:none;background:var(--bg-3,#eef1f4)!important;box-shadow:none}
/* ô chọn gói: chừa chỗ cho nút tròn bên phải, tiêu đề không bị đè/ngắt giữa chữ */
.pk b{padding-right:26px}

/* Cửa sổ đăng nhập / đăng ký (p-auth.js): chỉ biểu mẫu */
.nk-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px;background:rgba(15,26,48,.55);backdrop-filter:blur(2px);overflow:auto}
.nk-modal[hidden]{display:none}
.nk-modal-box{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:var(--r);box-shadow:0 30px 70px -20px rgba(15,26,48,.6);animation:nkIn .16s ease-out}
@keyframes nkIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.nk-modal-x{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:var(--bg-3,#eef1f4);color:var(--ink-2);font-size:16px;cursor:pointer;display:grid;place-items:center}
.nk-modal-x:hover{background:var(--ink);color:#fff}
.nk-modal .nk-modal-body.auth{display:block;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.nk-modal .auth .frm{padding:30px 26px 24px}
.nk-modal .auth .frm h1{margin:0 28px 4px 0;font-size:24px}
.nk-modal-load{display:grid;place-items:center;height:240px;font-size:34px;color:var(--mint)}
.nk-modal-load i,.nk-spin{animation:nkSpin .8s linear infinite}
@keyframes nkSpin{to{transform:rotate(360deg)}}
html.nk-lock{overflow:hidden}
@media (max-width:520px){.nk-modal{align-items:end;padding:0}.nk-modal-box{max-width:none;border-radius:12px 12px 0 0;max-height:92vh}}
@media (prefers-reduced-motion:reduce){.nk-modal-box{animation:none}}

/* Tải ảnh cho bài review (mua-goi.ejs) */
.rvup{display:grid;gap:10px}
.rvup-guide{padding:12px 14px;background:var(--mint-s);border:1px solid #bfe6d8;border-radius:var(--r);font-size:13px;line-height:1.55;color:var(--ink-2)}
.rvup-guide b{color:var(--ink)}
.rvup-guide>b{display:flex;gap:6px;align-items:center;margin-bottom:4px;color:var(--mint-d)}
.rvup-guide ul{margin:0;padding-left:18px;display:grid;gap:3px}
.rvup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.rvup-list:empty{display:none}
.rvup-i{position:relative;aspect-ratio:3/2;border-radius:var(--r-s);overflow:hidden;background:#0f1a30;border:1px solid var(--line)}
.rvup-i img{width:100%;height:100%;object-fit:cover;display:block}
.rvup-i .n{position:absolute;left:6px;top:6px;padding:1px 7px;border-radius:3px;background:rgba(14,22,40,.78);color:#fff;font-size:11px;font-weight:var(--fw-semi)}
.rvup-i:first-child .n{background:var(--mint)}
.rvup-i .a{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;gap:3px;padding:4px;background:linear-gradient(to top,rgba(7,13,26,.75),transparent)}
.rvup-i .a button{width:24px;height:24px;border:0;border-radius:3px;background:rgba(255,255,255,.9);color:#14213d;font-size:13px;cursor:pointer;line-height:1}
.rvup-i .a button:disabled{opacity:.35;cursor:default}
/* chuông tài khoản: chưa đọc đậm, đã đọc nhạt */
.acct .bellpanel a{font-weight:var(--fw-semi)}.acct .bellpanel a.rd{font-weight:var(--fw-normal);color:var(--ink-3)}
/* Cài đặt thông báo (Tài khoản → Thông tin): bảng nhóm × kênh gọn, công tắc căn giữa; mobile giữ 3 cột công tắc */
.acct .ntf-h,.acct .ntf-r{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,54px);gap:6px;align-items:center}
.acct .ntf-h{padding:10px 0 6px;border-bottom:1px solid var(--line);font-size:11px;font-weight:var(--fw-semi);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);text-align:center}
.acct .ntf-r{padding:11px 0;border-bottom:1px solid var(--line-2,#eef1f4)}
.acct .ntf-r .t{font-size:14px;font-weight:var(--fw-semi);color:var(--ink);line-height:1.35}
.acct .ntf-r .t small{display:block;margin-top:2px;font-size:12px;font-weight:var(--fw-normal);color:var(--ink-3);line-height:1.45}
.acct .ntf-c,.acct .ntf-r .na{display:flex;justify-content:center;align-items:center;min-height:36px}
.acct .ntf-r .na{color:var(--ink-3);opacity:.5}
.acct .ntf-r.promo{border-bottom:0}
.acct .ntf-consent{margin:2px 0 8px}
.acct .ntf-q{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.acct .ntf-time{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0}
.acct .ntf-time label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2,var(--ink))}
.acct .ntf-time input{height:36px;padding:0 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff}
@media(max-width:560px){.acct .ntf-h,.acct .ntf-r{grid-template-columns:minmax(0,1fr) repeat(3,42px);gap:2px}.acct .ntf-h{font-size:11px}}