/* Web tra cứu thuốc — cùng bảng màu với TraCuu_Template.html.
   Bố cục hai cột: .ben-trai (các mục) + .ben-phai (nội dung mục đang chọn). */
:root{
  --xanh:#2F5597; --xanh-dam:#244477; --xanh-nhat:#e9eef8; --line:#dcdcd4; --nen:#f6f6f2; --chu:#222; --mo:#666;
  --do:#b42318; --do-nen:#fdecea; --vang-nen:#fff6db; --vang:#8a5a00; --xanh-la:#1e6b3a; --xanh-la-nen:#e7f5ec;
  --rong-trai:252px; --rong-trai-gon:58px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%}
body{font:14px/1.5 system-ui,'Segoe UI',Arial,sans-serif;color:var(--chu);background:var(--nen);
  display:flex;flex-direction:column;min-height:100vh}
a{color:var(--xanh)}
h1{font-size:20px;margin:0 0 6px}
h2{font-size:15px;margin:0 0 10px;color:var(--xanh)}
code{font-family:Consolas,'Cascadia Mono',monospace}

/* ═══ Bố cục một cột (đăng nhập, buộc đổi mật khẩu) ═══ */
.dau{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--xanh);color:#fff}
.dau .logo{color:#fff;text-decoration:none;font-weight:600;font-size:15px;margin-right:auto}
.dau form{margin:0}
.dau button{font:inherit;font-size:12px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);
  border-radius:6px;padding:2px 10px;cursor:pointer}
main.giua{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 24px}
.chan{padding:10px 16px;font-size:12px;color:var(--mo);border-top:1px solid var(--line);background:#fff}

/* ═══ Bố cục hai cột ═══ */
.vo{display:flex;height:100vh;overflow:hidden}
.ben-trai{width:var(--rong-trai);flex:none;display:flex;flex-direction:column;background:#fff;
  border-right:1px solid var(--line);transition:width .15s ease}
.thuong-hieu{display:flex;align-items:center;gap:4px;height:48px;padding:0 6px 0 10px;background:var(--xanh);color:#fff;flex:none}
.thuong-hieu .logo{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#fff;text-decoration:none;font-weight:600;font-size:15px}
/* logo hồng trên nền xanh: đặt trên ô trắng bo góc cho rõ màu */
img.logo-an{flex:none;width:34px;height:27px;object-fit:contain;background:#fff;border-radius:6px;padding:2px 3px;box-sizing:content-box}
.dau .logo{display:inline-flex;align-items:center;gap:8px}
.nut-thu-gon{flex:none;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer;
  font-size:16px;line-height:1}
.nut-thu-gon::before{content:"«"}
.nut-thu-gon:hover,.nut-thu-gon:focus-visible{background:rgba(255,255,255,.18)}

.ds-muc{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 6px}
.chan-trai .bt-v{width:19px;height:19px;color:#6b6b66}
.chan-trai .muc{gap:12px}
.ai{gap:12px}
.chan-trai .muc.chon .bt-v{color:#fff}
.cham-chua{flex:none;width:8px;height:8px;border-radius:50%;background:#e8710a}
html.thu-gon .chan-trai .muc{position:relative}
html.thu-gon .cham-chua{position:absolute;top:6px;right:12px}

/* ═══ Xác thực hai bước ═══ */
.buoc-hb{padding-left:20px;margin:0 0 10px}
.buoc-hb>li{margin:0 0 14px}
.qr-hb{margin:10px 0 6px}
.qr-hb svg{display:block;border:1px solid var(--line);border-radius:8px;background:#fff}
code.khoa-hb{font-size:15px;letter-spacing:.06em;padding:4px 8px;background:#f3f3ee;border-radius:6px;user-select:all}
.hang-ma{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
form.hang-ma input.o-ma{display:inline-block;width:10em;margin:0}
.hang-ma button.chinh{width:auto;padding:8px 16px}
form input[type=text].o-ma{width:12em;max-width:100%;font-size:18px;letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums}
pre.ma-du-phong{columns:2;column-gap:28px;font-size:16px;line-height:1.9;letter-spacing:.06em;padding:12px 16px;
  margin:10px 0;background:#f3f3ee;border-radius:8px;user-select:all;white-space:pre}
.luoi-hai{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
.luoi-hai .bieu-mau{max-width:none;margin:0}
.chu-do{color:var(--do);font-weight:600}
.tt-khoa{white-space:nowrap}

/* ═══ Nhập dữ liệu ═══ */
.ds-loai-nhap{list-style:none;padding:0;margin:0 0 8px}
.ds-loai-nhap li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid #eeeee8}
.ds-loai-nhap li .tt{align-self:flex-start}
.chu-cam{color:#8a5a00}
.ds-kiem{list-style:none;padding:0;margin:0 0 12px}
.ds-kiem li{display:flex;flex-direction:column;gap:2px;padding:6px 0 6px 10px;border-left:3px solid #ccc;margin:0 0 6px}
.ds-kiem li.k-ok{border-left-color:var(--xanh-la)} .ds-kiem li.k-ok b{color:var(--xanh-la)}
.ds-kiem li.k-canh_bao{border-left-color:#d4a300} .ds-kiem li.k-canh_bao b{color:#8a5a00}
.ds-kiem li.k-loi{border-left-color:var(--do)} .ds-kiem li.k-loi b{color:var(--do)}
table.tk-nhap{margin:0 0 8px} table.tk-nhap th{text-align:left;white-space:nowrap;width:1%}
dl.tt-file{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}
dl.tt-file dt{color:var(--mo)} dl.tt-file dd{margin:0;word-break:break-all}
details.lan-chay{border:1px solid var(--line);border-radius:8px;margin:0 0 8px;background:#fff}
details.lan-chay summary{padding:8px 12px;cursor:pointer}
pre.log-nap{margin:0;padding:10px 12px;max-height:480px;overflow:auto;background:#1f2430;color:#e6e6e0;
  font-size:12px;line-height:1.45;border-radius:0 0 8px 8px;white-space:pre-wrap;word-break:break-word}
.tt-san_sang,.tt-thu_xong{background:#e8f0fb;color:var(--xanh)}
.tt-da_nap{background:var(--xanh-la-nen);color:var(--xanh-la)}
.tt-dang_kiem,.tt-dang_chay_thu,.tt-dang_nap{background:var(--vang-nen);color:var(--vang)}
.tt-kiem_loi,.tt-thu_loi,.tt-nap_loi,.tt-gian_doan{background:var(--do-nen);color:var(--do)}
label.o-chon{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:0 0 10px}
.muc-hang{position:relative}
.muc{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:6px 8px;margin:1px 0;border:0;border-radius:8px;
  background:transparent;color:var(--chu);text-decoration:none;font:inherit;text-align:left;cursor:pointer}
.muc:hover{background:var(--xanh-nhat)}
.muc:focus-visible{outline:2px solid var(--xanh);outline-offset:-2px}
.muc.chon{background:var(--xanh);color:#fff}
.muc.chon:hover{background:var(--xanh-dam)}
.bt{flex:none;width:22px;text-align:center;font-size:16px;line-height:1}
.chu{display:flex;flex-direction:column;min-width:0;flex:1}
.muc .ten{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.muc .phu,.ai .phu{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:var(--mo)}
.muc.chon .phu{color:rgba(255,255,255,.82)}
.cham-bn{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.02em;padding:0 4px;border-radius:4px;line-height:15px;
  background:var(--do-nen);color:var(--do);border:1px solid #f3c3bd}
.muc-hang .mo-rieng{display:none}
.muc-hang:has(.muc.chon) .mo-rieng{display:flex}
.muc-hang:has(.muc.chon) .muc{padding-right:34px}
.mo-rieng{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;
  align-items:center;justify-content:center;border-radius:6px;color:#fff;text-decoration:none;font-size:13px}
.mo-rieng:hover{background:rgba(255,255,255,.2)}

.chan-trai{flex:none;border-top:1px solid var(--line);padding:6px}
.chan-trai form{margin:0}
.chan-trai .muc.nho{min-height:32px;font-size:13px}
.ai{display:flex;align-items:center;gap:9px;padding:6px 8px 4px}
.ai .ten{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ben-phai{flex:1;min-width:0;overflow:auto;background:var(--nen)}
.noi-dung{padding:22px 26px 32px;max-width:1180px;margin:0 auto}
.ben-phai.co-khung{position:relative;overflow:hidden}
.khung-trang{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:1}
.dang-tai{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mo);z-index:0}
.dang-tai p{margin:6px 0}
.xoay{width:30px;height:30px;margin:0 auto 12px;border:3px solid var(--xanh-nhat);border-top-color:var(--xanh);border-radius:50%;
  animation:xoay .9s linear infinite}
@keyframes xoay{to{transform:rotate(360deg)}}

/* Thu gọn cột trái: chỉ còn biểu tượng. Màn hẹp tự thu gọn (web.js). */
html.thu-gon .ben-trai{width:var(--rong-trai-gon)}
html.thu-gon .ben-trai .chu,html.thu-gon .muc-hang .mo-rieng{display:none}
/* thu gọn: thư mục thành vạch ngăn, nhánh bỏ đường kẻ (web.js mở mọi thư mục khi thu gọn) */
html.thu-gon .nut-cay{height:1px;min-height:0;margin:10px 8px;padding:0;background:var(--line);pointer-events:none;overflow:hidden}
html.thu-gon .nut-cay>*{display:none}
html.thu-gon .cay-con{margin:0;border-left:0}
html.thu-gon .cay-con .muc{padding:6px 0;border-radius:8px;justify-content:center;margin:1px 0}
html.thu-gon .cay-con .bt{display:block}
html.thu-gon .cay-con .muc.chon{background:var(--xanh);color:#fff;box-shadow:none}
html.thu-gon .muc.goc{justify-content:center;padding:6px 0}
html.thu-gon .muc{justify-content:center;padding:6px 0}
.ma-gon{display:none}
/* Thu gọn: mười cơ sở cùng biểu tượng 🏥 nên ghi mã nhỏ bên dưới để phân biệt. */
html.thu-gon .muc:has(.ma-gon){flex-direction:column;gap:2px;padding:5px 0 4px}
html.thu-gon .ma-gon{display:block;font-size:9px;font-weight:600;line-height:1;color:var(--mo);max-width:52px;overflow:hidden}
html.thu-gon .muc.chon .ma-gon{color:#fff}
html.thu-gon .muc-hang:has(.muc.chon) .muc{padding-right:0}
html.thu-gon .thuong-hieu{padding:0 4px;justify-content:center}
html.thu-gon .thuong-hieu .logo{display:none}
html.thu-gon .nut-thu-gon::before{content:"»"}
html.thu-gon .ai{justify-content:center;padding:6px 0}

/* Trang của web lọt vào một khung (trình duyệt cũ không gửi Sec-Fetch-Dest): bỏ cột trái. */
html.trong-khung .ben-trai{display:none}
html.trong-khung .vo{height:auto;min-height:100vh}

/* ═══ Thành phần chung ═══ */
.the{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:0 0 16px}
.the-hep{width:100%;max-width:400px}
.the.nguy-hiem{border-color:#f3c3bd}
.the.nguy-hiem h2{color:var(--do)}
.phu{color:var(--mo);margin:0 0 14px}
.nho{font-size:12px;color:var(--mo)}
ul.nho{padding-left:18px;margin:12px 0 0}
.duong-dan{margin:0 0 6px;font-size:13px}
.duong-dan a{text-decoration:none}
.dau-trang{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.trong{text-align:center;color:var(--mo);padding:22px!important}

form label{display:block;margin:0 0 12px;font-size:13px;color:#444}
form input[type=text],form input[type=password],form input[type=search],form input[type=email],form select{display:block;width:100%;margin-top:4px;
  font:inherit;padding:7px 10px;border:1px solid #c8c8c2;border-radius:6px;background:#fff;color:var(--chu)}
form input:focus,form select:focus{outline:2px solid var(--xanh);outline-offset:-1px;border-color:var(--xanh)}
.goi-y{display:block;margin-top:4px;font-size:11.5px;color:var(--mo)}
button.chinh{width:100%;font:inherit;font-weight:600;padding:8px;border:0;border-radius:6px;background:var(--xanh);
  color:#fff;cursor:pointer}
button.chinh:hover{background:var(--xanh-dam)}

.nut{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;padding:6px 14px;border:1px solid #c8c8c2;
  border-radius:7px;background:#fff;color:var(--chu);text-decoration:none;cursor:pointer;white-space:nowrap;width:auto}
.nut:hover{background:var(--xanh-nhat);border-color:#9ab0d0}
.nut.chinh{background:var(--xanh);border-color:var(--xanh);color:#fff;font-weight:600}
.nut.chinh:hover{background:var(--xanh-dam)}
.nut.do{background:var(--do);border-color:var(--do);color:#fff;font-weight:600}
.nut.do:disabled{opacity:.45;cursor:not-allowed}
.nut.nho{font-size:12px;padding:3px 10px}
.hang-nut{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}

.bao{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;margin:0 0 14px}
.bao.loi,.bao.do{background:var(--do-nen);border-color:#f3c3bd;color:#5c1610}
.bao.vang{background:var(--vang-nen);border-color:#f0dc9e;color:#4d3800}
.bao.xanh{background:var(--xanh-la-nen);border-color:#b9e0c6;color:#123d22}
.nhan{display:inline-block;white-space:nowrap;font-size:11px;font-weight:600;padding:0 7px;border-radius:9px;line-height:18px;
  background:var(--xanh-nhat);color:var(--xanh);vertical-align:middle}
.nhan.do{background:var(--do-nen);color:var(--do);border:1px solid #f3c3bd}

/* Thẻ ở Tổng quan */
.khu{margin:0 0 22px}

/* ═══ ⚠ Cảnh báo thuốc theo cơ sở (Tổng quan) ═══ */
:root{--m3:#c62828;--m2:#e8710a;--m1:#d4a300;--m0:#9aa0a6;--mc:#c7c7c0}
.dau-khu{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.dau-khu h2{margin:0}
.ghi-cb{margin:0 0 10px}
.kpi-cb{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 12px}
.k-cb{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;
  border-top:3px solid var(--line)}
.k-cb.tong{border-top-color:var(--xanh)}
.k-cb.m3{border-top-color:var(--m3)} .k-cb.m2{border-top-color:var(--m2)} .k-cb.m1{border-top-color:var(--m1)}
.k-cb.m0{border-top-color:var(--m0)} .k-cb.an{background:#fafaf7}
.k-cb .kn{font-size:12px;color:var(--mo);display:flex;align-items:center;gap:5px}
.k-cb .kg{font-size:22px;font-weight:700;line-height:1.15;color:var(--chu)}
.k-cb .kg small{font-size:12px;font-weight:600;color:var(--mo);margin-left:6px}
.k-cb .kp{font-size:11.5px;color:var(--mo)}
.k-cb .kd{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
svg.spark{width:84px;height:26px;flex:none;overflow:visible}
svg.spark polyline{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
svg.spark.m3 polyline{stroke:var(--m3)} svg.spark.m3 circle{fill:var(--m3)}
svg.spark.m2 polyline{stroke:var(--m2)} svg.spark.m2 circle{fill:var(--m2)}
svg.spark.m1 polyline{stroke:#c99a00} svg.spark.m1 circle{fill:#c99a00}
svg.spark.m0 polyline{stroke:var(--m0)} svg.spark.m0 circle{fill:var(--m0)}
.ky.m3{color:var(--m3)} .ky.m2{color:var(--m2)} .ky.m1{color:var(--m1)} .ky.m0{color:var(--m0)}
.tag-an{font-size:10px;font-weight:600;padding:0 5px;border-radius:5px;background:#eee;color:#777}
.bang th.so,.bang td.so{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bang-cb td.c3{color:var(--m3)} .bang-cb td.c2{color:#b35400} .bang-cb td.c1{color:#8a6a00}
.bang-cb td.mo-chu{color:#999}
.bang-cb td.vuot{font-weight:700;color:var(--m3)}
.bang-cb td.it-dot{color:#999;font-style:italic}
.bang-cb tfoot td{background:#fafaf7;border-top:2px solid var(--line);font-weight:600}
.phu-o{display:block;font-size:11.5px;font-weight:400;color:var(--mo)}
svg.co-muc{display:block;width:130px;height:8px;border-radius:4px;overflow:hidden}
svg.co-muc .nen{fill:#eeeee8} svg.co-muc .m3{fill:var(--m3)} svg.co-muc .m2{fill:var(--m2)}
svg.co-muc .m1{fill:var(--m1)} svg.co-muc .mc{fill:var(--mc)}

/* ═══ Quản trị ═══ */
.tab-qt{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 18px}
.tab-qt a{padding:8px 14px;margin-bottom:-1px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;
  color:#555;text-decoration:none;font-size:13.5px;white-space:nowrap}
.tab-qt a:hover{background:#fff;color:var(--xanh)}
.tab-qt a.chon{background:#fff;border-color:var(--line);color:var(--xanh);font-weight:600}
.loc{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:10px 0 14px}
.loc label{margin:0;font-size:12px}
form.loc input[type=search],form.loc select{width:auto;margin-top:2px}
form.loc input[type=search]{min-width:260px}
.loc a{font-size:13px;align-self:center}
.bang-cuon{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:10px}
.the .bang-cuon{border:0;border-radius:0}
.bang{width:100%;border-collapse:collapse;font-size:13px}
.bang th{text-align:left;font-weight:600;color:#555;background:#fafaf7;border-bottom:1px solid var(--line);padding:8px 10px;
  white-space:nowrap}
.bang td{padding:8px 10px;border-bottom:1px solid #eeeee8;vertical-align:middle}
.bang tbody tr:last-child td{border-bottom:0}
.bang tbody tr:hover td{background:#fafbfe}
.bang tr.mo td{color:#999}
.bang.gon td{padding:5px 10px}
.giua-o{text-align:center}
.phai-o{text-align:right}
.khong-xuong{white-space:nowrap}
.tt{display:inline-block;font-size:11.5px;font-weight:600;padding:0 8px;border-radius:9px;line-height:19px;white-space:nowrap}
.tt-ok{background:var(--xanh-la-nen);color:var(--xanh-la)}
.tt-cho{background:var(--vang-nen);color:var(--vang)}
.tt-khoa{background:#eee;color:#666}
tr.viec-tu_choi td,tr.viec-dang_nhap_sai td,tr.viec-dang_nhap_bi_chan td{background:#fff7f6}
tr[class^="viec-qt_"] td{background:#f6f8fd}

.bieu-mau{max-width:760px}
.hai-o{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
fieldset.quyen{border:1px solid var(--line);border-radius:8px;padding:10px 14px 4px;margin:4px 0 14px}
fieldset.quyen legend{font-size:12.5px;font-weight:600;color:var(--xanh);padding:0 6px}
.chon-kieu{display:flex!important;gap:10px;align-items:flex-start;padding:8px 6px;margin:0 0 4px!important;border-radius:7px;cursor:pointer}
.chon-kieu:hover{background:#fafbfe}
.chon-kieu input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--xanh)}
.chon-kieu b{display:block;font-size:13.5px;color:var(--chu)}
.chon-kieu .phu{display:block;margin:0;font-size:12px}
.luoi-co-so{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0 0 8px 32px}
.luoi-co-so.tat{opacity:.45}
.o-co-so{display:flex!important;gap:8px;align-items:flex-start;margin:0!important;padding:6px 8px;border:1px solid var(--line);
  border-radius:7px;cursor:pointer;background:#fff}
.o-co-so:has(input:checked){border-color:var(--xanh);background:var(--xanh-nhat)}
.o-co-so input{margin-top:3px;flex:none;accent-color:var(--xanh)}
.o-co-so b{display:block;font-size:12.5px}
.o-co-so .phu{display:block;margin:0;font-size:11px}

.luoi-qt{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:start}
.luoi-qt .bieu-mau{max-width:none;margin:0}
.cot-phu .the{padding:14px 16px}
.cot-phu form{margin:0}
.cot-phu label{margin-bottom:8px}
.ds-xem{list-style:none;margin:0;padding:0;font-size:13px}
.ds-xem li{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed #eee}
.ds-xem li:last-child{border-bottom:0}
.ds-xem .bt{font-size:14px}

.the-mk{max-width:620px}
.the-mk dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:0 0 16px;align-items:center}
.the-mk dt{color:var(--mo);font-size:13px}
.the-mk dd{margin:0}
.the-mk code{font-size:15px}
.the-mk code.mk{font-size:20px;font-weight:700;letter-spacing:.06em;background:var(--xanh-nhat);padding:3px 10px;border-radius:6px;
  margin-right:8px}

.ma-tran th.nhom-cot{text-align:center;border-left:1px solid var(--line)}
.ma-tran th.cot-trang{text-align:center;font-size:11.5px;line-height:1.25;min-width:52px}
.ma-tran th.cot-trang .bt{display:block;margin:0 auto 2px}
.ma-tran th.cot-trang .cham-bn{display:block;width:max-content;margin:3px auto 0}
.ma-tran td.o-mt{text-align:center;color:#ccc;border-left:1px solid #f1f1ec}
.ma-tran td.o-mt.co{color:var(--xanh-la);font-weight:700;background:#f4faf6}

@media (max-width:900px){
  .luoi-qt{grid-template-columns:1fr}
  .hai-o{grid-template-columns:1fr}
}
@media (max-width:600px){
  .noi-dung{padding:16px}
  .luoi-co-so{margin-left:0}
  main.giua{padding-top:24px}
}

/* ═══ Tổng quan dạng bảng điều khiển ba cột (kiểu MISA AMIS) ═══ */
.ben-phai.nen-bdk{background:#eef1f6}
.nen-bdk .noi-dung{max-width:1480px;padding:16px 20px 28px}
.bdk{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.bdk-giua,.bdk-phai{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:1180px){
  .bdk{grid-template-columns:minmax(0,1fr)}
  .bdk-phai{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
.the-db{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.the-db.khu{margin:0}
.the-db h2{display:flex;align-items:center;gap:8px;font-size:15px;color:#1f2937;margin:0 0 10px}
.the-db h2 .bt-v{width:18px;height:18px;color:var(--xanh);flex:none}
.the-db p.nho{margin:0 0 8px}

/* cột trái: logo, tìm kiếm, lưới ứng dụng */
.logo-bdk{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--xanh);font-weight:700;font-size:15px;text-decoration:none}
.o-tim{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin:0 0 12px;border:1px solid #d9dde5;
  border-radius:9px;background:#fff}
.o-tim:focus-within{border-color:var(--xanh);box-shadow:0 0 0 3px rgba(47,85,151,.12)}
.o-tim input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px}
.bt-tim{width:16px;height:16px;color:#8a94a6;flex:none}
.nhom-ud h3{font-size:13px;font-weight:700;color:#1f2937;margin:8px 0 6px}
.luoi-ud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 2px;margin:0 0 6px}
.o-ud{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 2px;border-radius:10px;color:#374151;
  text-align:center;text-decoration:none;min-width:0}
.o-ud:hover{background:#f3f6fb}
.o-ud:focus-visible{outline:2px solid var(--xanh);outline-offset:-2px}
.o-ud[hidden],.nhom-ud[hidden]{display:none!important}
.o-bt{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:11px;color:#fff;box-shadow:0 2px 5px rgba(16,24,40,.14)}
.o-bt .bt-o{width:21px;height:21px}
.o-bt.nho{width:28px;height:28px;border-radius:8px;box-shadow:none}
.o-bt.nho .bt-o{width:16px;height:16px}
.o-ten{max-width:100%;font-size:11.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.o-phu{max-width:100%;font-size:10.5px;line-height:1.2;color:#8a94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-3px}
.so-do{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:9px;
  background:#e53935;color:#fff;font-size:10.5px;font-weight:700;line-height:14px;text-align:center}
.c-xanh{background:linear-gradient(135deg,#5aa2ff,#2563eb)}
.c-cam{background:linear-gradient(135deg,#ffb45e,#f0701d)}
.c-tim{background:linear-gradient(135deg,#b197fc,#7c3aed)}
.c-ngoc{background:linear-gradient(135deg,#3fd8b8,#0e9f8e)}
.c-do{background:linear-gradient(135deg,#ff8080,#e53935)}
.c-cham{background:linear-gradient(135deg,#8b93ff,#4f46e5)}
.c-la{background:linear-gradient(135deg,#5fd67f,#16a34a)}
.c-vang{background:linear-gradient(135deg,#fcd34d,#f59e0b)}
.c-xam{background:linear-gradient(135deg,#a3b0c2,#64748b)}
.c-hong{background:linear-gradient(135deg,#f9a8d4,#db2777)}
.trong-tim{text-align:center;margin:8px 0}

/* cột trái: thẻ cá nhân */
.ca-nhan{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.ca-nhan b{display:block;font-size:14px;color:#1f2937}
.ca-nhan .nho{display:block}
.anh-chu{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#f472b6,#db2777);color:#fff;font-size:15px;font-weight:700;border:2px solid #fff;
  box-shadow:0 0 0 2px #fbcfe8}
.anh-chu.lon{width:60px;height:60px;font-size:21px}
.ds-ca-nhan a,.ds-ca-nhan button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 6px;border:0;border-radius:8px;
  background:none;color:#1f2937;font:inherit;font-size:13.5px;text-align:left;text-decoration:none;cursor:pointer}
.ds-ca-nhan a:hover,.ds-ca-nhan button:hover{background:#f3f6fb}
.ds-ca-nhan form{margin:0}
.nhan-cam{margin-left:auto;padding:0 7px;border-radius:8px;background:#fff1e0;color:#b45309;font-size:10.5px;white-space:nowrap}

/* cột giữa: lời chào */
.loi-chao{display:flex;align-items:center;gap:16px;border-color:#f3d4e8;
  background:linear-gradient(110deg,#fde8f3 0%,#f5ecff 55%,#e8f0ff 100%)}
.loi-chao h1{font-size:18px;margin:0 0 4px;color:#1f2937}
.ten-nhan{color:var(--xanh)}
.loi-chao p{margin:0 0 10px;color:#4b5563;font-size:13px}
.loi-chao .hang-nut{margin:0;gap:8px;flex-wrap:wrap}
.nut-vien{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #c7d2fe;border-radius:8px;
  background:#fff;color:var(--xanh);font-size:13px;text-decoration:none}
.nut-vien:hover{border-color:var(--xanh)}
.nut-vien .bt-v{width:15px;height:15px}

/* cột phải: dữ liệu, thông báo, biểu đồ */
.the-du-lieu{border-color:#d9e2ff;background:linear-gradient(135deg,#dff1fe 0%,#e9e6ff 60%,#f4e9ff 100%)}
.the-du-lieu.cu{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#ffe4e6)}
.nhan-tt{margin-left:auto;padding:1px 8px;border-radius:9px;background:#fff;color:var(--xanh-la);font-size:11px;font-weight:600}
.the-du-lieu.cu .nhan-tt{color:var(--do)}
.the-du-lieu dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px}
.the-du-lieu dt{color:#4b5563}
.the-du-lieu dd{margin:0;font-weight:600;text-align:right;color:#1f2937}
.ds-tb{list-style:none;margin:0;padding:0}
.ds-tb li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:13px;color:#4b5563}
.ds-tb li:last-child{border-bottom:0;padding-bottom:0}
.ds-tb a{color:#374151;text-decoration:none}
.ds-tb a:hover{color:var(--xanh);text-decoration:underline}
.tb-bt{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:#eef2ff;color:var(--xanh)}
.tb-bt .bt-v{width:16px;height:16px}
.tb-canh .tb-bt{background:#fff4e5;color:#d97706}
.tb-loi .tb-bt{background:#fdecea;color:var(--do)}
svg.bd-cot{display:block;width:100%;height:auto}
.bd-luoi{stroke:#e5e7eb;stroke-width:1}
.bd-so-truc{font-size:9px;fill:#6b7280}
.bd-cot-hcn{fill:#2563eb}
.bd-cot-hcn:hover{fill:#1d4ed8}
.bd-so{font-size:9.5px;font-weight:600;fill:#374151}
.bd-nhan{font-size:9.5px;fill:#4b5563}

/* ═══ Cột trái chung kiểu MISA (mọi trang) + nội dung trên nền xám xanh ═══ */
.vo{background:#eef1f6}
.ben-trai{width:316px;gap:16px;padding:16px 0 16px 16px;overflow-y:auto;overflow-x:hidden;background:transparent;border:0;
  transition:none}
.ben-trai>.the-db{flex:none}
.ben-phai,.ben-phai.nen-bdk{background:#eef1f6}
.noi-dung{max-width:1480px;padding:16px 20px 28px}
.dau-ud{display:flex;align-items:center;gap:6px;margin:0 0 12px}
.dau-ud .logo-bdk{flex:1;min-width:0;margin:0}
.ben-trai .nut-thu-gon{color:#8a94a6}
.ben-trai .nut-thu-gon:hover,.ben-trai .nut-thu-gon:focus-visible{background:#f1f4f9;color:var(--xanh)}
.dang-mo{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;margin:0 0 10px;border-radius:9px;background:#eef4ff;
  font-size:12.5px}
.dang-mo b{flex:1;min-width:0;color:var(--xanh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-tab{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;
  color:var(--xanh);text-decoration:none;font-size:14px}
.mo-tab:hover{background:#dfe8fb}
.o-ud.chon{background:#e8f0fe;box-shadow:inset 0 0 0 1px #c7d7fb}
.o-ud.chon .o-ten,.o-ud.mo .o-ten{color:var(--xanh);font-weight:600}
.cay-chau{margin:2px 0 8px;padding:8px 6px 2px;border:1px solid #e6ebf5;border-radius:10px;background:#f6f8fc}
.dau-chau{margin:0 4px 4px;color:var(--xanh);font-size:12px;font-weight:600}
.cay-chau .o-bt{width:30px;height:30px;border-radius:9px}
.cay-chau .o-bt .bt-o{width:17px;height:17px}
.cay-chau .o-ten{font-size:11px}
.ds-ca-nhan a.chon{background:#e8f0fe;color:var(--xanh);font-weight:600}
.ds-ca-nhan .o-bt{position:relative}
.ds-ca-nhan .cham-chua{display:none}
/* khung trang tra cứu: thẻ trắng bo góc trên nền xám */
.ben-phai.co-khung .khung-trang,.ben-phai.co-khung .dang-tai{inset:16px;width:auto;height:auto;border:1px solid #e6e9ef;
  border-radius:14px;background:#fff}
.ben-phai.co-khung .khung-trang{inset:auto;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);
  background:transparent}
.ben-phai.co-khung .dang-tai{background:#fff}

/* thu gọn: còn một dải ô biểu tượng */
html.thu-gon .ben-trai{width:92px}
html.thu-gon .ben-trai>.the-db{padding:10px 6px}
html.thu-gon .ben-trai .o-tim,html.thu-gon .ben-trai .dang-mo,html.thu-gon .ben-trai .logo-bdk span,
html.thu-gon .ben-trai .o-ten,html.thu-gon .ben-trai .o-phu,html.thu-gon .ben-trai .ca-nhan>span:last-child,
html.thu-gon .ben-trai .chu-ud,html.thu-gon .ben-trai .nhan-cam,html.thu-gon .ben-trai .dau-chau,
html.thu-gon .ben-trai .chan-trai .nho{display:none}
html.thu-gon .ben-trai .logo-bdk{display:flex;justify-content:center}
html.thu-gon .dau-ud{flex-direction:column}
html.thu-gon .ben-trai .luoi-ud{grid-template-columns:minmax(0,1fr);gap:4px}
html.thu-gon .ben-trai .nhom-ud h3{height:1px;margin:8px 6px;background:#e6e9ef;font-size:0;overflow:hidden}
html.thu-gon .ben-trai .cay-chau{padding:4px 0;margin:0 0 6px}
html.thu-gon .ben-trai .ca-nhan,html.thu-gon .ds-ca-nhan a,html.thu-gon .ds-ca-nhan button{justify-content:center}
html.thu-gon .ds-ca-nhan .cham-chua{display:block;position:absolute;top:-3px;right:-3px}
html.thu-gon .ben-trai .chan-trai .nut{padding:6px 4px;font-size:11px}

/* nhóm Phòng khám: danh sách dọc (ô biểu tượng nhỏ + mã + tên) */
.ds-dong{display:flex;flex-direction:column;gap:2px;margin:0 0 6px}
.dong-ud{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px;border-radius:9px;color:#1f2937;
  font-size:13.5px;font-weight:600;text-decoration:none}
.dong-ud:hover{background:#f3f6fb}
.dong-ud:focus-visible{outline:2px solid var(--xanh);outline-offset:-2px}
.dong-ud .o-bt{width:26px;height:26px;border-radius:7px;box-shadow:none}
.dong-ud .o-bt .bt-o{width:15px;height:15px}
.dong-ten{flex:none}
.dong-phu{min-width:0;color:#8a94a6;font-size:12.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dong-ud.chon{background:#e8f0fe;color:var(--xanh)}
.dong-ud.mo{color:var(--xanh)}
.dong-ud[hidden]{display:none!important}
.ds-dong .cay-chau{margin:2px 0 6px 18px}
html.thu-gon .ben-trai .dong-ten,html.thu-gon .ben-trai .dong-phu{display:none}
html.thu-gon .ben-trai .dong-ud{justify-content:center;padding:6px 0}
html.thu-gon .ben-trai .ds-dong .cay-chau{margin-left:0}

/* thẻ "Bác sĩ nhiều cảnh báo nhất" (cột phải Tổng quan) */
.the-db h2 .xem-het{margin-left:auto;font-size:12px;font-weight:500;color:var(--xanh);text-decoration:none}
.the-db h2 .xem-het:hover{text-decoration:underline}
.ds-bs{list-style:none;margin:4px 0 0;padding:0}
.ds-bs li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f6}
.ds-bs li:last-child{border-bottom:0;padding-bottom:0}
.bs-stt{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;
  background:#eef2ff;color:var(--xanh);font-size:11px;font-weight:700}
.ds-bs li:nth-child(-n+3) .bs-stt{background:var(--xanh);color:#fff}
.bs-than{flex:1;min-width:0}
.bs-dong1{display:flex;align-items:baseline;gap:8px}
.bs-ten{flex:1;min-width:0;color:#1f3b73;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-so{flex:none;font-size:15px;font-weight:700;color:#1f2937}
.bs-phu{margin:0 0 5px;color:#6b7280;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-bs svg.co-muc{width:100%}
.bs-muc{margin-top:3px;font-size:11.5px;color:#6b7280}
.bs-muc .c3{color:var(--m3)} .bs-muc .c2{color:#b35400} .bs-muc .c1{color:#8a6a00}

/* ═══ Cột giữa Tổng quan dạng bảng điều khiển (thẻ số · biểu đồ đường · thẻ xanh · ô màu · bảng) ═══ */
.cb-bdk{display:flex;flex-direction:column;gap:16px;margin:0}
.kpi-bdk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi-o{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:#fff;
  border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.kpi-so{font-size:22px;font-weight:700;line-height:1.1}
.kpi-ten{margin-top:3px;color:#6b7280;font-size:12px}
.kpi-bt{flex:none;width:30px;height:30px}
.k-do{color:#e5484d} .k-cam{color:#f08c2b} .k-ngoc{color:#12b5a6} .k-xanh{color:#2f80ed}
.hang-bd{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px}
.the-bd h2 .nho{font-weight:400}
.chu-thich{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 4px;color:#6b7280;font-size:12px}
.chu-thich i.cham{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%}
i.cham.dg-cc{background:#e5484d} i.cham.dg-cao{background:#f08c2b} i.cham.dg-xem{background:#12b5a6}
svg.bd-duong{display:block;width:100%;height:auto}
.luoi-bd{stroke:#eef0f4}
.truc-bd{font-size:11px;fill:#9aa1ad}
.dg-net{fill:none;stroke-width:2.6;stroke-linecap:round}
.dg-diem{fill:#fff;stroke-width:2}
.dg-cc .dg-net,.dg-cc .dg-diem{stroke:#e5484d}
.dg-cao .dg-net,.dg-cao .dg-diem{stroke:#f08c2b}
.dg-xem .dg-net,.dg-xem .dg-diem{stroke:#12b5a6}
.chi-so-bd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:6px;padding-top:12px;
  border-top:1px solid #f0f2f6;text-align:center}
.chi-so-bd span{display:block;color:#6b7280;font-size:12px}
.chi-so-bd b{display:block;margin:1px 0 6px;font-size:18px;font-weight:600}
svg.tien-do{display:block;width:100%;height:7px}
svg.tien-do .nen{fill:#e9edf2}
svg.tien-do .dau{fill:#24b39b}
.the-xanh{display:flex;flex-direction:column;overflow:hidden;padding:18px 18px 14px;border-radius:14px;color:#fff;
  background:linear-gradient(160deg,#4aa8e8,#2f80ed)}
.xanh-so{font-size:40px;font-weight:300;line-height:1}
.xanh-phu{margin-top:4px;font-size:12.5px;opacity:.92}
svg.bd-vung{display:block;flex:none;width:calc(100% + 36px);height:130px;margin:10px -18px 6px}
.bd-vung .vung{fill:rgba(255,255,255,.22)}
.bd-vung .net{fill:none;stroke:#fff;stroke-width:2.4}
.bd-vung .diem{fill:#fff}
.xanh-chan{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:12px}
.xanh-nut{padding:4px 10px;border-radius:6px;background:rgba(0,0,0,.18);color:#fff;text-decoration:none;white-space:nowrap}
a.xanh-nut:hover{background:rgba(0,0,0,.3)}
.o-mau-hang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.o-mau{display:flex;min-height:90px;overflow:hidden;border:1px solid #e6e9ef;border-radius:12px;background:#fff;
  color:#1f2937;text-decoration:none}
a.o-mau:hover{box-shadow:0 2px 8px rgba(16,24,40,.08)}
.o-mau-khoi{flex:none;display:flex;align-items:center;justify-content:center;width:78px;color:#fff}
.m-cam .o-mau-khoi{background:#f26b2c} .m-ngoc .o-mau-khoi{background:#1aa9c2}
.o-mau-bt{width:32px;height:32px}
.o-mau-noi{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 14px}
.o-mau-tieu{font-size:13.5px;font-weight:600}
.m-cam .o-mau-tieu{color:#f26b2c} .m-ngoc .o-mau-tieu{color:#1aa9c2}
.o-mau-gt{margin-bottom:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-cam svg.tien-do .dau{fill:#f26b2c} .m-ngoc svg.tien-do .dau{fill:#1aa9c2}
.the-bang-cs .dau-khu h2{margin:0}
.the-bang-cs .xem-het{color:#7c3aed;font-size:12.5px;text-decoration:none}
.the-bang-cs .xem-het:hover{text-decoration:underline}
.nut-xem-cb{color:#1aa9c2;font-weight:600}
.nut-xem-cb:hover{border-color:#1aa9c2;background:#e8f7fa}
.nut-xem-cb .bt-cb{color:#d92d20}
.pill{display:inline-block;padding:1px 8px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}
.p-do{background:#fde8e8;color:#c62828} .p-xanh{background:#e3f6ee;color:#16865a} .p-xam{background:#eef0f4;color:#6b7280}
@media (max-width:900px){
  .kpi-bdk,.chi-so-bd{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hang-bd,.o-mau-hang{grid-template-columns:minmax(0,1fr)}
}

/* danh sách phòng khám ở đầu cột giữa Tổng quan (lưới nhiều cột, mỗi ô một dòng kiểu cột trái) */
.the-pk{padding-bottom:12px}
.the-pk h2 .nho{font-weight:400}
.luoi-pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 8px}
.luoi-pk .dong-ud{padding:7px 8px}
.xem-ds-pk{display:block;margin:4px 8px 2px;color:var(--xanh);font-size:12px;text-decoration:none}
.xem-ds-pk:hover{text-decoration:underline}
html.thu-gon .ben-trai .xem-ds-pk{display:none}

/* xác thực hai bước: chọn cách (ứng dụng / email) */
.chon-cach{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.o-cach{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #e1e6ef;border-radius:12px;
  background:#fbfcfe;color:#1f2937;text-decoration:none}
.o-cach:hover{border-color:var(--xanh);background:#f3f7ff}
.o-cach .nho{display:block;margin-top:4px}
.nhan-khuyen{display:inline-block;margin-left:4px;padding:0 7px;border-radius:8px;background:#e3f6ee;color:#16865a;
  font-size:11px;font-weight:600}
form.hang-ma input.o-email{display:inline-block;width:18em;max-width:100%;margin:0}
form.gui-lai{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}

/* ═══ Cột trái dạng danh sách dọc (16/10/2026): nhãn nhóm chữ hoa xanh, mỗi mục một dòng
   biểu tượng nét mảnh + tên; phòng khám đang mở có mũi tên và các mục con thụt vào, mục chọn nền xanh nhạt.
   Chỉ đổi giao diện — giữ nguyên lớp .o-ud/.dong-ud/.nhom-ud để web.js (tìm kiếm, đổi thẻ tại chỗ) chạy như cũ. ═══ */
.ben-trai{width:272px}
.ben-trai .the-ud{padding:14px 10px 12px}
.ben-trai .dau-ud{padding:0 4px}
.ben-trai .o-tim{margin:0 4px 10px}
.ben-trai .dang-mo{margin:0 4px 6px}
.ben-trai .nhom-ud h3{margin:16px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#3b6fd8}
.ben-trai .luoi-ud,.ben-trai .ds-dong{display:flex;flex-direction:column;gap:1px;margin:0}
.ben-trai .o-ud,.ben-trai .dong-ud{flex-direction:row;align-items:center;gap:12px;min-height:38px;padding:7px 12px;border-radius:8px;
  color:#4b5563;font-size:13.5px;font-weight:500;text-align:left;box-shadow:none}
.ben-trai .o-ud:hover,.ben-trai .dong-ud:hover{background:#f4f6fa;color:#1f2937}
.ben-trai .o-ud .o-bt,.ben-trai .dong-ud .o-bt{width:20px;height:20px;border-radius:0;background:none;box-shadow:none;color:#8a94a6}
.ben-trai .o-ud .o-bt .bt-o,.ben-trai .dong-ud .o-bt .bt-o{width:19px;height:19px}
.ben-trai .o-ten{flex:1;min-width:0;font-size:13.5px;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ben-trai .o-phu{display:none}
.ben-trai .so-do{top:-7px;right:-9px}
.ben-trai .o-ud.chon,.ben-trai .dong-ud.chon{background:#e9eef8;box-shadow:none}
.ben-trai .o-ud.chon .o-ten,.ben-trai .o-ud.mo .o-ten,.ben-trai .dong-ud.chon,.ben-trai .dong-ud.mo{color:#244477;font-weight:600}
.ben-trai .o-ud.chon .o-bt,.ben-trai .dong-ud.chon .o-bt,.ben-trai .dong-ud.mo .o-bt{color:#2F5597}
.ben-trai .dong-ten{flex:none;font-weight:600}
.ben-trai .dong-phu{flex:1;font-size:12.5px}
/* phòng khám đang mở = mục cha: mũi tên chỉ xuống, các mục con chỉ chữ, thụt vào ngang chữ của mục cha */
.ben-trai .dong-ud.mo::after{content:"";flex:none;width:7px;height:7px;margin:0 2px 3px auto;border:solid #8a94a6;border-width:0 1.6px 1.6px 0;
  transform:rotate(45deg)}
.ben-trai .cay-chau,.ben-trai .ds-dong .cay-chau{margin:2px 0 6px;padding:0;border:0;border-radius:0;background:none}
.ben-trai .cay-chau .o-ud{min-height:34px;padding:6px 12px 6px 44px;color:#6b7280;font-size:13px;font-weight:400}
.ben-trai .cay-chau .o-bt{display:none}
.ben-trai .cay-chau .o-ten{font-size:13px}
.ben-trai .cay-chau .o-ud.chon{background:#e9eef8}
.ben-trai .xem-ds-pk{margin:4px 12px 2px}
/* thẻ cá nhân: cùng kiểu dòng */
.ben-trai .ds-ca-nhan a,.ben-trai .ds-ca-nhan button{gap:12px;padding:8px 12px;color:#4b5563;font-size:13.5px}
.ben-trai .ds-ca-nhan .o-bt{width:20px;height:20px;border-radius:0;background:none;box-shadow:none;color:#8a94a6}
.ben-trai .ds-ca-nhan .o-bt .bt-o{width:19px;height:19px}
.ben-trai .ds-ca-nhan a.chon{background:#e9eef8;color:#244477}
.ben-trai .ds-ca-nhan .chu-ud{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* chưa bật 2 bước: chấm cam trên biểu tượng thay cho nhãn (nhãn làm tên bị cắt) — chú thích vẫn ở title */
.ben-trai .ds-ca-nhan .nhan-cam{display:none}
.ben-trai .ds-ca-nhan .cham-chua{display:block;position:absolute;top:-3px;right:-4px;border:2px solid #fff;width:10px;height:10px}
.ben-trai .ds-ca-nhan a.chon .o-bt{color:#2F5597}
/* thu gọn: chỉ còn biểu tượng; mục con của phòng khám hiện lại biểu tượng */
html.thu-gon .ben-trai{width:76px}
html.thu-gon .ben-trai .the-ud{padding:10px 6px}
html.thu-gon .ben-trai .o-ud,html.thu-gon .ben-trai .dong-ud{justify-content:center;padding:9px 0}
html.thu-gon .ben-trai .nhom-ud h3{margin:8px 10px}
html.thu-gon .ben-trai .dong-ud.mo::after{display:none}
html.thu-gon .ben-trai .cay-chau .o-ud{padding:7px 0}
html.thu-gon .ben-trai .cay-chau .o-bt{display:flex;width:16px;height:16px}
html.thu-gon .ben-trai .cay-chau .o-bt .bt-o{width:16px;height:16px}
html.thu-gon .ben-trai .ds-ca-nhan a,html.thu-gon .ben-trai .ds-ca-nhan button{padding:8px 0}
/* dòng phụ dưới tên ở logo cột trái (người dùng yêu cầu 16/10/2026) */
.logo-bdk .ten-bdk{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.logo-bdk .ten-bdk small{margin-top:2px;font-size:11.5px;font-weight:500;color:#6b7280;letter-spacing:.01em;white-space:nowrap}
/* Nhật ký: cột Nguồn (Nội bộ / Internet / Máy chủ) */
.nhan-nguon{display:inline-block;padding:1px 8px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}
.nhan-nguon.ng-noi_bo{background:#e3f6ee;color:#16865a}
.nhan-nguon.ng-internet{background:#fff1e0;color:#b45309}
.nhan-nguon.ng-may_chu{background:#eef2f7;color:#475569}
.canh-nguon{padding:8px 12px;border-radius:10px;background:#fffbea;border:1px solid #f5e1a4;color:#7a5b00}