/* V14 — App khách: chọn ngôn ngữ · tiến trình & chi phí · đề xuất điều trị */
.lang-switch { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--line-2); border-radius: 999px; background: var(--paper); margin-bottom: 14px; }
.lang-switch button { border: 0; background: transparent; padding: 6px 14px; border-radius: 999px; font: inherit; font-size: 13px; color: var(--muted); cursor: pointer; min-height: 34px; }
.lang-switch button.on { background: var(--ink); color: var(--paper); }
.login .lang-switch { display: flex; width: max-content; margin: 0 0 22px auto; } /* nằm trên logo, canh phải — không đè chữ AMASS trên điện thoại */
.login { position: relative; }
.h-num { font-size: 21px; font-weight: 600; font-variant-numeric: tabular-nums; margin: 4px 0 2px; overflow-wrap: anywhere; }
.pp-bar { display: flex; height: 10px; border-radius: 99px; overflow: hidden; background: var(--sand); gap: 2px; }
.pp-bar i { display: block; height: 100%; }
.pp-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--muted); }
.pp-legend i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }
.pp-done { background: var(--ink-2, #474641); } .pp-inc { background: var(--sage-2, #a8b2a9); } .pp-paid { background: var(--sage, #87958a); } .pp-unpaid { background: var(--champagne, #c6ae80); }
.warn-t { color: var(--warn, #a5712a); }
/* Hàng nút xuống dòng trên điện thoại (không tràn ngang làm lệch thanh menu dưới) · danh sách trong bảng chỉ số canh trái */
.row.wrap { flex-wrap: wrap; }
.kv dd ul { text-align: left; font-weight: 400; }
/* V14.1 — nút "Ngôn ngữ chăm sóc" trên thanh đầu mọi màn hình + bảng chọn */
.lang-chip { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; height: 34px; padding: 0 11px 0 9px; border: 1px solid var(--line-2); border-radius: 999px; background: var(--paper); color: var(--ink); font: inherit; font-size: 12px; letter-spacing: .08em; cursor: pointer; }
.lang-chip b { font-weight: 600; }
.lang-chip:focus-visible, .lang-opt:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.lang-opt { display: flex; align-items: flex-start; gap: 12px; width: 100%; text-align: left; padding: 14px; border: 1px solid var(--line-2); border-radius: 16px; background: var(--paper); color: var(--ink); font: inherit; cursor: pointer; }
.lang-opt.on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.lang-opt .code { flex-shrink: 0; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--sand, #ece4d6); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.lang-opt.on .code { background: var(--ink); color: var(--paper); }