/* 5 phong cách #150 — phần trình bày, 31.10.2026. Không thuộc tính = mặc định.
   Chỉ gắn dưới data-phong-cach; không đổi DOM hay cơ chế gọi/gửi tin.
   dem luôn tối. 4 kiểu sáng có bảng tối khi theo máy/chọn tay (giao-dien.js áp media).
   Logo 2:1 có alpha; ảnh chỉ chọn kiểu, không phải screenshot nghiệm thu. */
:root[data-phong-cach="aqua"] {
  color-scheme: light;
  --nen: #edf6fd; --mat: #ffffff; --mat-2: #e5f1fa;
  --chu: #102b47; --chu-nhat: #49667e; --vien: #c6ddeb;
  --chinh: #1258b4; --chinh-2: #1359af; --chu-tren-chinh: #ffffff;
  --bieu: #1359af; --bieu-nhat: #49667e; --xanh-bien: #1359af;
  --xanh-cyan: #d8f1ff; --xanh-ngoc: #d8f1ff;
  --xanh: #176d4d; --do: #b5273a;
  --tin-ban: #ffffff; --tin-toi: #1258b4; --chu-tin-toi: #ffffff;
  --nen-nut-chinh: #1258b4; --nen-tin-toi: #1258b4; --nen-tron-xanh: #1258b4;
  --nen-dau: linear-gradient(145deg,#ffffff,#e5f1fa); --nen-the: #ffffff; --vien-sang: #c6ddeb;
  --bong: inset 0 1px #ffffff77,0 3px 6px #0000000d,0 10px 24px #00000012; --bo: 20px;
  --pc-dau: linear-gradient(145deg,#ffffff,#e5f1fa); --pc-ds: radial-gradient(ellipse at 95% 0,#d8f1ff,transparent 60%),linear-gradient(160deg,#ffffff,#edf6fd); --pc-goi: linear-gradient(145deg,#ffffff,#d8f1ff);
  --pc-chu-goi: #102b47; --pc-logo: transparent; --pc-logo-filter: none;
  --pc-kinh: #fffffff5; --pc-tile: #0c4b96;
  --pc-tile-gradient: linear-gradient(145deg,#0c4b96,#0c4b96);
}
:root[data-phong-cach="dem"] {
  color-scheme: dark;
  --nen: #170f25; --mat: #241832; --mat-2: #342242;
  --chu: #fff5ff; --chu-nhat: #d7bbdf; --vien: #65426f;
  --chinh: #efb4fa; --chinh-2: #efb4fa; --chu-tren-chinh: #2b1533;
  --bieu: #efb4fa; --bieu-nhat: #d7bbdf; --xanh-bien: #efb4fa;
  --xanh-cyan: #f0b8f6; --xanh-ngoc: #f0b8f6;
  --xanh: #91dbad; --do: #ff9e9e;
  --tin-ban: #342242; --tin-toi: #efb4fa; --chu-tin-toi: #2b1533;
  --nen-nut-chinh: #efb4fa; --nen-tin-toi: #efb4fa; --nen-tron-xanh: #efb4fa;
  --nen-dau: linear-gradient(145deg,#241832,#342242); --nen-the: #241832; --vien-sang: #65426f;
  --bong: 0 2px 4px #00000033,0 8px 22px #00000033; --bo: 20px;
  --pc-dau: linear-gradient(145deg,#241832,#342242); --pc-ds: radial-gradient(ellipse at 95% 0,#342242,transparent 60%),linear-gradient(160deg,#241832,#170f25); --pc-goi: radial-gradient(ellipse at 50% 20%,#6b346f,#170f25 75%);
  --pc-chu-goi: #fff6ff; --pc-logo: transparent; --pc-logo-filter: none;
  --pc-kinh: #241832f5; --pc-tile: #8f3b9f;
  --pc-tile-gradient: linear-gradient(145deg,#8f3b9f,#6b2d80);
}
:root[data-phong-cach="mint"] {
  color-scheme: light;
  --nen: #edf8f1; --mat: #fbfffc; --mat-2: #dcefe2;
  --chu: #163f2b; --chu-nhat: #486b55; --vien: #bbd9c5;
  --chinh: #1c6a3f; --chinh-2: #1b653d; --chu-tren-chinh: #ffffff;
  --bieu: #1b653d; --bieu-nhat: #486b55; --xanh-bien: #1b653d;
  --xanh-cyan: #c6efd3; --xanh-ngoc: #c6efd3;
  --xanh: #176d4d; --do: #b5273a;
  --tin-ban: #fbfffc; --tin-toi: #1c6a3f; --chu-tin-toi: #ffffff;
  --nen-nut-chinh: #1c6a3f; --nen-tin-toi: #1c6a3f; --nen-tron-xanh: #1c6a3f;
  --nen-dau: linear-gradient(145deg,#fbfffc,#dcefe2); --nen-the: #fbfffc; --vien-sang: #bbd9c5;
  --bong: inset 0 1px #ffffff77,0 3px 6px #0000000d,0 10px 24px #00000012; --bo: 24px;
  --pc-dau: linear-gradient(145deg,#fbfffc,#dcefe2); --pc-ds: radial-gradient(ellipse at 95% 0,#c6efd3,transparent 60%),linear-gradient(160deg,#fbfffc,#edf8f1); --pc-goi: linear-gradient(145deg,#fbfffc,#c6efd3);
  --pc-chu-goi: #163f2b; --pc-logo: transparent; --pc-logo-filter: none;
  --pc-kinh: #fbfffcf5; --pc-tile: #1c6a3f;
  --pc-tile-gradient: linear-gradient(145deg,#1c6a3f,#1c6a3f);
}
:root[data-phong-cach="cobalt"] {
  color-scheme: light;
  --nen: #fff4e8; --mat: #fffdf9; --mat-2: #ffe6cd;
  --chu: #58280e; --chu-nhat: #885431; --vien: #ebc39d;
  --chinh: #c2410c; --chinh-2: #bd3e09; --chu-tren-chinh: #ffffff;
  --bieu: #bd3e09; --bieu-nhat: #885431; --xanh-bien: #bd3e09;
  --xanh-cyan: #ffd1a0; --xanh-ngoc: #ffd1a0;
  --xanh: #176d4d; --do: #b5273a;
  --tin-ban: #fffdf9; --tin-toi: #c2410c; --chu-tin-toi: #ffffff;
  --nen-nut-chinh: #c2410c; --nen-tin-toi: #c2410c; --nen-tron-xanh: #c2410c;
  --nen-dau: linear-gradient(145deg,#fffdf9,#ffe6cd); --nen-the: #fffdf9; --vien-sang: #ebc39d;
  --bong: inset 0 1px #ffffff77,0 3px 6px #0000000d,0 10px 24px #00000012; --bo: 16px;
  --pc-dau: linear-gradient(145deg,#fffdf9,#ffe6cd); --pc-ds: radial-gradient(ellipse at 95% 0,#ffd1a0,transparent 60%),linear-gradient(160deg,#fffdf9,#fff4e8); --pc-goi: linear-gradient(145deg,#c2410c,#853008);
  --pc-chu-goi: #ffffff; --pc-logo: transparent; --pc-logo-filter: none;
  --pc-kinh: #fffdf9f5; --pc-tile: #c2410c;
  --pc-tile-gradient: linear-gradient(145deg,#c2410c,#c2410c);
}
:root[data-phong-cach="ngoc"] {
  color-scheme: light;
  --nen: #fff1f5; --mat: #fffafb; --mat-2: #ffe0e9;
  --chu: #4d1527; --chu-nhat: #855464; --vien: #edb9c9;
  --chinh: #b51547; --chinh-2: #af1744; --chu-tren-chinh: #ffffff;
  --bieu: #af1744; --bieu-nhat: #855464; --xanh-bien: #af1744;
  --xanh-cyan: #ffc2d5; --xanh-ngoc: #ffc2d5;
  --xanh: #176d4d; --do: #b5273a;
  --tin-ban: #fffafb; --tin-toi: #b51547; --chu-tin-toi: #ffffff;
  --nen-nut-chinh: #b51547; --nen-tin-toi: #b51547; --nen-tron-xanh: #b51547;
  --nen-dau: linear-gradient(145deg,#fffafb,#ffe0e9); --nen-the: #fffafb; --vien-sang: #edb9c9;
  --bong: inset 0 1px #ffffff77,0 3px 6px #0000000d,0 10px 24px #00000012; --bo: 22px;
  --pc-dau: linear-gradient(145deg,#fffafb,#ffe0e9); --pc-ds: radial-gradient(ellipse at 95% 0,#ffc2d5,transparent 60%),linear-gradient(160deg,#fffafb,#fff1f5); --pc-goi: linear-gradient(145deg,#fffafb,#ffc2d5);
  --pc-chu-goi: #4d1527; --pc-logo: transparent; --pc-logo-filter: none;
  --pc-kinh: #fffafbf5; --pc-tile: #b51547;
  --pc-tile-gradient: linear-gradient(145deg,#b51547,#b51547);
}
:root[data-phong-cach="aqua"] body,
:root[data-phong-cach="aqua"] .cot-chat,
:root[data-phong-cach="dem"] body,
:root[data-phong-cach="dem"] .cot-chat,
:root[data-phong-cach="mint"] body,
:root[data-phong-cach="mint"] .cot-chat,
:root[data-phong-cach="cobalt"] body,
:root[data-phong-cach="cobalt"] .cot-chat,
:root[data-phong-cach="ngoc"] body,
:root[data-phong-cach="ngoc"] .cot-chat {
  background: var(--nen); color: var(--chu);
}
:root[data-phong-cach="aqua"] #cot-tc,
:root[data-phong-cach="dem"] #cot-tc,
:root[data-phong-cach="mint"] #cot-tc,
:root[data-phong-cach="cobalt"] #cot-tc,
:root[data-phong-cach="ngoc"] #cot-tc {
  background: var(--pc-ds);
}
:root[data-phong-cach="aqua"] #cot-tc > .ds,
:root[data-phong-cach="dem"] #cot-tc > .ds,
:root[data-phong-cach="mint"] #cot-tc > .ds,
:root[data-phong-cach="cobalt"] #cot-tc > .ds,
:root[data-phong-cach="ngoc"] #cot-tc > .ds {
  background: transparent;
}
:root[data-phong-cach="aqua"] .dau,
:root[data-phong-cach="dem"] .dau,
:root[data-phong-cach="mint"] .dau,
:root[data-phong-cach="cobalt"] .dau,
:root[data-phong-cach="ngoc"] .dau {
  background: var(--pc-dau); color: var(--chu); border-bottom: 1px solid var(--vien); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] #cot-tc > .dau,
:root[data-phong-cach="dem"] #cot-tc > .dau,
:root[data-phong-cach="mint"] #cot-tc > .dau,
:root[data-phong-cach="cobalt"] #cot-tc > .dau,
:root[data-phong-cach="ngoc"] #cot-tc > .dau {
  background: transparent; box-shadow: none;
}

:root[data-phong-cach="aqua"] .dau h2,
:root[data-phong-cach="aqua"] :is(.dau .phu, .dau .dang-soan),
:root[data-phong-cach="aqua"] #cot-tc .dau .dau-logo,
:root[data-phong-cach="aqua"] #cot-tc .dau .dau-logo .phu,
:root[data-phong-cach="dem"] .dau h2,
:root[data-phong-cach="dem"] :is(.dau .phu, .dau .dang-soan),
:root[data-phong-cach="dem"] #cot-tc .dau .dau-logo,
:root[data-phong-cach="dem"] #cot-tc .dau .dau-logo .phu,
:root[data-phong-cach="mint"] .dau h2,
:root[data-phong-cach="mint"] :is(.dau .phu, .dau .dang-soan),
:root[data-phong-cach="mint"] #cot-tc .dau .dau-logo,
:root[data-phong-cach="mint"] #cot-tc .dau .dau-logo .phu,
:root[data-phong-cach="cobalt"] .dau h2,
:root[data-phong-cach="cobalt"] :is(.dau .phu, .dau .dang-soan),
:root[data-phong-cach="cobalt"] #cot-tc .dau .dau-logo,
:root[data-phong-cach="cobalt"] #cot-tc .dau .dau-logo .phu,
:root[data-phong-cach="ngoc"] .dau h2,
:root[data-phong-cach="ngoc"] :is(.dau .phu, .dau .dang-soan),
:root[data-phong-cach="ngoc"] #cot-tc .dau .dau-logo,
:root[data-phong-cach="ngoc"] #cot-tc .dau .dau-logo .phu {
  color: var(--chu); opacity: 1; text-shadow: none;
}
:root[data-phong-cach="aqua"] .dau h2,
:root[data-phong-cach="dem"] .dau h2,
:root[data-phong-cach="mint"] .dau h2,
:root[data-phong-cach="cobalt"] .dau h2,
:root[data-phong-cach="ngoc"] .dau h2 {
  white-space: normal; overflow-wrap: anywhere;
}

:root[data-phong-cach="aqua"] :is(.dau .nut-tron, .dau .nut-nbt),
:root[data-phong-cach="aqua"] #cot-tc .dau .nut-tron,
:root[data-phong-cach="dem"] :is(.dau .nut-tron, .dau .nut-nbt),
:root[data-phong-cach="dem"] #cot-tc .dau .nut-tron,
:root[data-phong-cach="mint"] :is(.dau .nut-tron, .dau .nut-nbt),
:root[data-phong-cach="mint"] #cot-tc .dau .nut-tron,
:root[data-phong-cach="cobalt"] :is(.dau .nut-tron, .dau .nut-nbt),
:root[data-phong-cach="cobalt"] #cot-tc .dau .nut-tron,
:root[data-phong-cach="ngoc"] :is(.dau .nut-tron, .dau .nut-nbt),
:root[data-phong-cach="ngoc"] #cot-tc .dau .nut-tron {
  min-width: 44px; width: 44px; min-height: 44px; height: 44px; color: var(--bieu); background: var(--mat-2); border: 1px solid var(--vien); box-shadow: var(--bong);
}

:root[data-phong-cach="aqua"] :is(.dau .logo-chu, .man-xanh .logo-naloo),
:root[data-phong-cach="dem"] :is(.dau .logo-chu, .man-xanh .logo-naloo),
:root[data-phong-cach="mint"] :is(.dau .logo-chu, .man-xanh .logo-naloo),
:root[data-phong-cach="cobalt"] :is(.dau .logo-chu, .man-xanh .logo-naloo),
:root[data-phong-cach="ngoc"] :is(.dau .logo-chu, .man-xanh .logo-naloo) {
  background: var(--pc-logo); border-radius: 0; padding: 0; filter: var(--pc-logo-filter, none);
}

:root[data-phong-cach="aqua"] :is(.the-tab, .thanh-duoi, .go, .hop-dau),
:root[data-phong-cach="dem"] :is(.the-tab, .thanh-duoi, .go, .hop-dau),
:root[data-phong-cach="mint"] :is(.the-tab, .thanh-duoi, .go, .hop-dau),
:root[data-phong-cach="cobalt"] :is(.the-tab, .thanh-duoi, .go, .hop-dau),
:root[data-phong-cach="ngoc"] :is(.the-tab, .thanh-duoi, .go, .hop-dau) {
  background: var(--mat); border-color: var(--vien);
}
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  box-shadow: 0 -4px 18px #0000000d;
}
:root[data-phong-cach="aqua"] .tab,
:root[data-phong-cach="aqua"] .thanh-duoi button,
:root[data-phong-cach="dem"] .tab,
:root[data-phong-cach="dem"] .thanh-duoi button,
:root[data-phong-cach="mint"] .tab,
:root[data-phong-cach="mint"] .thanh-duoi button,
:root[data-phong-cach="cobalt"] .tab,
:root[data-phong-cach="cobalt"] .thanh-duoi button,
:root[data-phong-cach="ngoc"] .tab,
:root[data-phong-cach="ngoc"] .thanh-duoi button {
  min-height: 44px; color: var(--chu-nhat);
}
:root[data-phong-cach="aqua"] .tab[aria-selected="true"],
:root[data-phong-cach="dem"] .tab[aria-selected="true"],
:root[data-phong-cach="mint"] .tab[aria-selected="true"],
:root[data-phong-cach="cobalt"] .tab[aria-selected="true"],
:root[data-phong-cach="ngoc"] .tab[aria-selected="true"] {
  background: var(--chinh); color: var(--chu-tren-chinh); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .tab[aria-selected="true"] .phu-tab,
:root[data-phong-cach="dem"] .tab[aria-selected="true"] .phu-tab,
:root[data-phong-cach="mint"] .tab[aria-selected="true"] .phu-tab,
:root[data-phong-cach="cobalt"] .tab[aria-selected="true"] .phu-tab,
:root[data-phong-cach="ngoc"] .tab[aria-selected="true"] .phu-tab {
  color: var(--chu-tren-chinh);
}
:root[data-phong-cach="aqua"] .so-chua-doc,
:root[data-phong-cach="dem"] .so-chua-doc,
:root[data-phong-cach="mint"] .so-chua-doc,
:root[data-phong-cach="cobalt"] .so-chua-doc,
:root[data-phong-cach="ngoc"] .so-chua-doc {
  background: var(--chinh); color: var(--chu-tren-chinh);
}
:root[data-phong-cach="aqua"] .muc,
:root[data-phong-cach="dem"] .muc,
:root[data-phong-cach="mint"] .muc,
:root[data-phong-cach="cobalt"] .muc,
:root[data-phong-cach="ngoc"] .muc {
  width: calc(100% - 20px); margin: 6px 10px; min-height: 72px; border: 1px solid var(--vien); border-radius: var(--bo); background: var(--mat); color: var(--chu); box-shadow: 0 1px 3px var(--pc-bong-mau);
}
:root[data-phong-cach="aqua"] .muc[aria-current="true"],
:root[data-phong-cach="dem"] .muc[aria-current="true"],
:root[data-phong-cach="mint"] .muc[aria-current="true"],
:root[data-phong-cach="cobalt"] .muc[aria-current="true"],
:root[data-phong-cach="ngoc"] .muc[aria-current="true"] {
  background: var(--mat-2); border-color: var(--chinh-2);
}
:root[data-phong-cach="ngoc"] .muc {
  box-shadow: none; border-width: 0 0 1px; border-radius: 0;
}
:root[data-phong-cach="aqua"] .tim-ds,
:root[data-phong-cach="dem"] .tim-ds,
:root[data-phong-cach="mint"] .tim-ds,
:root[data-phong-cach="cobalt"] .tim-ds,
:root[data-phong-cach="ngoc"] .tim-ds {
  background: var(--mat-2); border: 1px solid var(--vien); box-shadow: inset 0 1px #ffffff35;
}
:root[data-phong-cach="aqua"] .tim-ds .tim-xoa,
:root[data-phong-cach="dem"] .tim-ds .tim-xoa,
:root[data-phong-cach="mint"] .tim-ds .tim-xoa,
:root[data-phong-cach="cobalt"] .tim-ds .tim-xoa,
:root[data-phong-cach="ngoc"] .tim-ds .tim-xoa {
  width: 44px; min-width: 44px; height: 44px; min-height: 44px;
}
:root[data-phong-cach="aqua"] .nut-chinh,
:root[data-phong-cach="dem"] .nut-chinh,
:root[data-phong-cach="mint"] .nut-chinh,
:root[data-phong-cach="cobalt"] .nut-chinh,
:root[data-phong-cach="ngoc"] .nut-chinh {
  background: var(--chinh); border-color: var(--chinh); color: var(--chu-tren-chinh); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .nut-nguy,
:root[data-phong-cach="dem"] .nut-nguy,
:root[data-phong-cach="mint"] .nut-nguy,
:root[data-phong-cach="cobalt"] .nut-nguy,
:root[data-phong-cach="ngoc"] .nut-nguy {
  background: #b5273a; border-color: #b5273a; color: #fff;
}
:root[data-phong-cach="aqua"] .tin-hop,
:root[data-phong-cach="dem"] .tin-hop,
:root[data-phong-cach="mint"] .tin-hop,
:root[data-phong-cach="cobalt"] .tin-hop,
:root[data-phong-cach="ngoc"] .tin-hop {
  background: var(--tin-ban); color: var(--chu); border: 1px solid var(--vien); box-shadow: 0 1px 3px var(--pc-bong-mau); border-radius: var(--bo);
}
:root[data-phong-cach="aqua"] .tin.toi .tin-hop,
:root[data-phong-cach="dem"] .tin.toi .tin-hop,
:root[data-phong-cach="mint"] .tin.toi .tin-hop,
:root[data-phong-cach="cobalt"] .tin.toi .tin-hop,
:root[data-phong-cach="ngoc"] .tin.toi .tin-hop {
  background: var(--nen-tin-toi); color: var(--chu-tin-toi); border-color: transparent; box-shadow: 0 1px 3px var(--pc-bong-mau);
}
/* Thời lượng tin thoại giữ màu chữ của bong bóng, không giảm tương phản bằng opacity. */
:root[data-phong-cach="aqua"] .tin.toi .tin-thoai .nhat,
:root[data-phong-cach="dem"] .tin.toi .tin-thoai .nhat,
:root[data-phong-cach="mint"] .tin.toi .tin-thoai .nhat,
:root[data-phong-cach="cobalt"] .tin.toi .tin-thoai .nhat,
:root[data-phong-cach="ngoc"] .tin.toi .tin-thoai .nhat {
  color: inherit; opacity: 1;
}
:root[data-phong-cach="aqua"] .go textarea,
:root[data-phong-cach="dem"] .go textarea,
:root[data-phong-cach="mint"] .go textarea,
:root[data-phong-cach="cobalt"] .go textarea,
:root[data-phong-cach="ngoc"] .go textarea {
  min-width: 0; border: 1px solid var(--vien); background: var(--mat-2); color: var(--chu);
}
:root[data-phong-cach="aqua"] .go :is(.nut-mic,.nut-bc,.nut-chinh),
:root[data-phong-cach="dem"] .go :is(.nut-mic,.nut-bc,.nut-chinh),
:root[data-phong-cach="mint"] .go :is(.nut-mic,.nut-bc,.nut-chinh),
:root[data-phong-cach="cobalt"] .go :is(.nut-mic,.nut-bc,.nut-chinh),
:root[data-phong-cach="ngoc"] .go :is(.nut-mic,.nut-bc,.nut-chinh) {
  width: 44px; min-width: 44px; height: 44px; min-height: 44px; flex-shrink: 0;
}
:root[data-phong-cach="aqua"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="dem"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="mint"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="cobalt"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="ngoc"] .go .nut-mic:has(.ico-kep) {
  background: var(--mat-2); color: var(--bieu); border: 1px solid var(--vien); box-shadow: none;
}
:root[data-phong-cach="aqua"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="aqua"] .go .nut-chinh,
:root[data-phong-cach="dem"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="dem"] .go .nut-chinh,
:root[data-phong-cach="mint"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="mint"] .go .nut-chinh,
:root[data-phong-cach="cobalt"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="cobalt"] .go .nut-chinh,
:root[data-phong-cach="ngoc"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="ngoc"] .go .nut-chinh {
  background: var(--chinh); color: var(--chu-tren-chinh); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] dialog,
:root[data-phong-cach="dem"] dialog,
:root[data-phong-cach="mint"] dialog,
:root[data-phong-cach="cobalt"] dialog,
:root[data-phong-cach="ngoc"] dialog {
  background: var(--mat); color: var(--chu); border: 1px solid var(--vien); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .man-xanh,
:root[data-phong-cach="dem"] .man-xanh,
:root[data-phong-cach="mint"] .man-xanh,
:root[data-phong-cach="cobalt"] .man-xanh,
:root[data-phong-cach="ngoc"] .man-xanh {
  background: var(--pc-ds); color: var(--chu);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="dem"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="mint"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="cobalt"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="ngoc"] :is(.man-xanh .o input, .man-xanh .o textarea) {
  background: var(--mat); color: var(--chu); border-color: var(--vien);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .day, .man-xanh .loi-chao),
:root[data-phong-cach="aqua"] .man-xanh .day a,
:root[data-phong-cach="dem"] :is(.man-xanh .day, .man-xanh .loi-chao),
:root[data-phong-cach="dem"] .man-xanh .day a,
:root[data-phong-cach="mint"] :is(.man-xanh .day, .man-xanh .loi-chao),
:root[data-phong-cach="mint"] .man-xanh .day a,
:root[data-phong-cach="cobalt"] :is(.man-xanh .day, .man-xanh .loi-chao),
:root[data-phong-cach="cobalt"] .man-xanh .day a,
:root[data-phong-cach="ngoc"] :is(.man-xanh .day, .man-xanh .loi-chao),
:root[data-phong-cach="ngoc"] .man-xanh .day a {
  color: var(--chu-nhat); text-shadow: none;
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh),
:root[data-phong-cach="dem"] .goi:not(.co-hinh),
:root[data-phong-cach="mint"] .goi:not(.co-hinh),
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh),
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) {
  background: var(--pc-goi); color: var(--pc-chu-goi);
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-b,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-b,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-b,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-b,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-b {
  color: var(--pc-chu-goi);
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon {
  background: var(--mat); color: var(--chu); border: 1px solid var(--vien); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="dem"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="mint"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi-xanh .goi-b-icon {
  background: #12723d; color: #fff;
}
:root[data-phong-cach="aqua"] .goi-do .goi-b-icon,
:root[data-phong-cach="dem"] .goi-do .goi-b-icon,
:root[data-phong-cach="mint"] .goi-do .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi-do .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi-do .goi-b-icon {
  background: #b5273a; color: #fff;
}
:root[data-phong-cach="aqua"] .goi.co-hinh .goi-dau,
:root[data-phong-cach="dem"] .goi.co-hinh .goi-dau,
:root[data-phong-cach="mint"] .goi.co-hinh .goi-dau,
:root[data-phong-cach="cobalt"] .goi.co-hinh .goi-dau,
:root[data-phong-cach="ngoc"] .goi.co-hinh .goi-dau {
  background: #111111cf; color: #fff; border-radius: 12px;
}
:root[data-phong-cach="aqua"] .goi.co-hinh .goi-nut,
:root[data-phong-cach="dem"] .goi.co-hinh .goi-nut,
:root[data-phong-cach="mint"] .goi.co-hinh .goi-nut,
:root[data-phong-cach="cobalt"] .goi.co-hinh .goi-nut,
:root[data-phong-cach="ngoc"] .goi.co-hinh .goi-nut {
  padding: 12px; border-radius: 24px; background: #111111e6; color: #fff;
}
:root[data-phong-cach="aqua"] .goi-thanh-b,
:root[data-phong-cach="dem"] .goi-thanh-b,
:root[data-phong-cach="mint"] .goi-thanh-b,
:root[data-phong-cach="cobalt"] .goi-thanh-b,
:root[data-phong-cach="ngoc"] .goi-thanh-b {
  width: 44px; height: 44px;
}
/* Trả lại nền trong suốt của emoji/ảnh/album/video riêng lẻ; không phủ video gọi. */
:root[data-phong-cach="aqua"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="aqua"] .tin .tin-hop:has(> .album:only-child),
:root[data-phong-cach="aqua"] .tin .tin-hop:has(> .tin-anh:only-child > img),
:root[data-phong-cach="aqua"] .tin .tin-hop:has(> .tin-video:only-child > video),
:root[data-phong-cach="dem"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="dem"] .tin .tin-hop:has(> .album:only-child),
:root[data-phong-cach="dem"] .tin .tin-hop:has(> .tin-anh:only-child > img),
:root[data-phong-cach="dem"] .tin .tin-hop:has(> .tin-video:only-child > video),
:root[data-phong-cach="mint"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="mint"] .tin .tin-hop:has(> .album:only-child),
:root[data-phong-cach="mint"] .tin .tin-hop:has(> .tin-anh:only-child > img),
:root[data-phong-cach="mint"] .tin .tin-hop:has(> .tin-video:only-child > video),
:root[data-phong-cach="cobalt"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="cobalt"] .tin .tin-hop:has(> .album:only-child),
:root[data-phong-cach="cobalt"] .tin .tin-hop:has(> .tin-anh:only-child > img),
:root[data-phong-cach="cobalt"] .tin .tin-hop:has(> .tin-video:only-child > video),
:root[data-phong-cach="ngoc"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="ngoc"] .tin .tin-hop:has(> .album:only-child),
:root[data-phong-cach="ngoc"] .tin .tin-hop:has(> .tin-anh:only-child > img),
:root[data-phong-cach="ngoc"] .tin .tin-hop:has(> .tin-video:only-child > video) {
  background: transparent; border: 0; box-shadow: none; padding: 0;
}
:root[data-phong-cach="aqua"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="dem"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="mint"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="cobalt"] .tin .tin-hop:has(> .bc-chi:only-child),
:root[data-phong-cach="ngoc"] .tin .tin-hop:has(> .bc-chi:only-child) {
  padding: 2px 0;
}
:root[data-phong-cach="aqua"] .go-o textarea,
:root[data-phong-cach="dem"] .go-o textarea,
:root[data-phong-cach="mint"] .go-o textarea,
:root[data-phong-cach="cobalt"] .go-o textarea,
:root[data-phong-cach="ngoc"] .go-o textarea {
  padding-right: 56px; min-height: 52px;
}
:root[data-phong-cach="aqua"] .man-xanh :is(a,.lien-ket),
:root[data-phong-cach="dem"] .man-xanh :is(a,.lien-ket),
:root[data-phong-cach="mint"] .man-xanh :is(a,.lien-ket),
:root[data-phong-cach="cobalt"] .man-xanh :is(a,.lien-ket),
:root[data-phong-cach="ngoc"] .man-xanh :is(a,.lien-ket) {
  color: var(--chinh-2);
}
:root[data-phong-cach="aqua"] button,
:root[data-phong-cach="dem"] button,
:root[data-phong-cach="mint"] button,
:root[data-phong-cach="cobalt"] button,
:root[data-phong-cach="ngoc"] button {
  min-width: 44px; min-height: 44px;
}
:root[data-phong-cach="aqua"] .tin-thoai .nut-chinh,
:root[data-phong-cach="dem"] .tin-thoai .nut-chinh,
:root[data-phong-cach="mint"] .tin-thoai .nut-chinh,
:root[data-phong-cach="cobalt"] .tin-thoai .nut-chinh,
:root[data-phong-cach="ngoc"] .tin-thoai .nut-chinh {
  background: var(--chinh); color: var(--chu-tren-chinh);
}

:root[data-phong-cach="aqua"] :is(.muc-ten, .muc-xem),
:root[data-phong-cach="dem"] :is(.muc-ten, .muc-xem),
:root[data-phong-cach="mint"] :is(.muc-ten, .muc-xem),
:root[data-phong-cach="cobalt"] :is(.muc-ten, .muc-xem),
:root[data-phong-cach="ngoc"] :is(.muc-ten, .muc-xem) {
  display: block; max-width: 100%;
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-b.goi-bat .goi-b-icon {
  background: var(--chinh); color: var(--chu-tren-chinh); outline: 2px solid var(--pc-chu-goi); outline-offset: 3px;
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-thu,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-thu,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-thu,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-thu,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-thu {
  background: var(--mat); color: var(--chu); border: 1px solid var(--vien);
}
/* Theo máy/Sáng/Vừa/Tối: giao-dien.js đổi media này khi người dùng chọn tay. */
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"] {
  color-scheme: dark;
  --nen: #0d1c2d; --mat: #152c42; --mat-2: #203c53;
  --chu: #f1f7ff; --chu-nhat: #b6cbe0; --vien: #416078;
  --chinh: #9ddce9; --chinh-2: #9ddce9; --chu-tren-chinh: #0c2439;
  --bieu: #9ddce9; --bieu-nhat: #b6cbe0; --xanh-bien: #9ddce9;
  --xanh-cyan: #234b65; --xanh-ngoc: #234b65;
  --xanh: #91dbad; --do: #ff9e9e;
  --tin-ban: #203c53; --tin-toi: #9ddce9; --chu-tin-toi: #0c2439;
  --nen-nut-chinh: #9ddce9; --nen-tin-toi: #9ddce9; --nen-tron-xanh: #9ddce9;
  --nen-dau: linear-gradient(145deg,#152c42,#203c53); --nen-the: #152c42; --vien-sang: #416078;
  --bong: 0 2px 4px #00000033,0 8px 22px #00000033; --bo: 20px;
  --pc-dau: linear-gradient(145deg,#152c42,#203c53); --pc-ds: radial-gradient(ellipse at 95% 0,#234b65,transparent 60%),linear-gradient(160deg,#152c42,#0d1c2d); --pc-goi: radial-gradient(ellipse at 50% 20%,#234b65,#0d1c2d 75%);
  --pc-chu-goi: #f1f7ff; --pc-logo: transparent; --pc-logo-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
  --pc-kinh: #152c42f5; --pc-tile: #245a7a;
  --pc-tile-gradient: linear-gradient(145deg,#245a7a,#245a7a);
}
:root[data-phong-cach="mint"] {
  color-scheme: dark;
  --nen: #0d2119; --mat: #153529; --mat-2: #204a38;
  --chu: #effbf3; --chu-nhat: #b3d0be; --vien: #48735c;
  --chinh: #9edbb4; --chinh-2: #ade7c1; --chu-tren-chinh: #102f20;
  --bieu: #ade7c1; --bieu-nhat: #b3d0be; --xanh-bien: #ade7c1;
  --xanh-cyan: #28573e; --xanh-ngoc: #28573e;
  --xanh: #91dbad; --do: #ff9e9e;
  --tin-ban: #204a38; --tin-toi: #9edbb4; --chu-tin-toi: #102f20;
  --nen-nut-chinh: #9edbb4; --nen-tin-toi: #9edbb4; --nen-tron-xanh: #9edbb4;
  --nen-dau: linear-gradient(145deg,#153529,#204a38); --nen-the: #153529; --vien-sang: #48735c;
  --bong: 0 2px 4px #00000033,0 8px 22px #00000033; --bo: 24px;
  --pc-dau: linear-gradient(145deg,#153529,#204a38); --pc-ds: radial-gradient(ellipse at 95% 0,#28573e,transparent 60%),linear-gradient(160deg,#153529,#0d2119); --pc-goi: radial-gradient(ellipse at 50% 20%,#28573e,#0d2119 75%);
  --pc-chu-goi: #effbf3; --pc-logo: transparent; --pc-logo-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
  --pc-kinh: #153529f5; --pc-tile: #246340;
  --pc-tile-gradient: linear-gradient(145deg,#246340,#246340);
}
:root[data-phong-cach="cobalt"] {
  color-scheme: dark;
  --nen: #26190b; --mat: #392411; --mat-2: #4d3016;
  --chu: #fff6e9; --chu-nhat: #e6c3a1; --vien: #865d37;
  --chinh: #ffbd80; --chinh-2: #ffc58f; --chu-tren-chinh: #482805;
  --bieu: #ffc58f; --bieu-nhat: #e6c3a1; --xanh-bien: #ffc58f;
  --xanh-cyan: #65401d; --xanh-ngoc: #65401d;
  --xanh: #91dbad; --do: #ff9e9e;
  --tin-ban: #4d3016; --tin-toi: #ffbd80; --chu-tin-toi: #482805;
  --nen-nut-chinh: #ffbd80; --nen-tin-toi: #ffbd80; --nen-tron-xanh: #ffbd80;
  --nen-dau: linear-gradient(145deg,#392411,#4d3016); --nen-the: #392411; --vien-sang: #865d37;
  --bong: 0 2px 4px #00000033,0 8px 22px #00000033; --bo: 16px;
  --pc-dau: linear-gradient(145deg,#392411,#4d3016); --pc-ds: radial-gradient(ellipse at 95% 0,#65401d,transparent 60%),linear-gradient(160deg,#392411,#26190b); --pc-goi: radial-gradient(ellipse at 50% 20%,#65401d,#26190b 75%);
  --pc-chu-goi: #fff6e9; --pc-logo: transparent; --pc-logo-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
  --pc-kinh: #392411f5; --pc-tile: #aa3b06;
  --pc-tile-gradient: linear-gradient(145deg,#aa3b06,#aa3b06);
}
:root[data-phong-cach="ngoc"] {
  color-scheme: dark;
  --nen: #260e17; --mat: #381722; --mat-2: #4b2030;
  --chu: #fff3f7; --chu-nhat: #e8b8c9; --vien: #805065;
  --chinh: #ffabc6; --chinh-2: #ffb9d0; --chu-tren-chinh: #481627;
  --bieu: #ffb9d0; --bieu-nhat: #e8b8c9; --xanh-bien: #ffb9d0;
  --xanh-cyan: #682b43; --xanh-ngoc: #682b43;
  --xanh: #91dbad; --do: #ff9e9e;
  --tin-ban: #4b2030; --tin-toi: #ffabc6; --chu-tin-toi: #481627;
  --nen-nut-chinh: #ffabc6; --nen-tin-toi: #ffabc6; --nen-tron-xanh: #ffabc6;
  --nen-dau: linear-gradient(145deg,#381722,#4b2030); --nen-the: #381722; --vien-sang: #805065;
  --bong: 0 2px 4px #00000033,0 8px 22px #00000033; --bo: 22px;
  --pc-dau: linear-gradient(145deg,#381722,#4b2030); --pc-ds: radial-gradient(ellipse at 95% 0,#682b43,transparent 60%),linear-gradient(160deg,#381722,#260e17); --pc-goi: radial-gradient(ellipse at 50% 20%,#682b43,#260e17 75%);
  --pc-chu-goi: #fff3f7; --pc-logo: transparent; --pc-logo-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
  --pc-kinh: #381722f5; --pc-tile: #9b2149;
  --pc-tile-gradient: linear-gradient(145deg,#9b2149,#9b2149);
}
}
@supports (backdrop-filter: blur(8px)) {
:root[data-phong-cach="aqua"] .thanh-duoi {
  background: var(--pc-kinh); 
}
}
@media (prefers-reduced-motion: reduce) {
:root[data-phong-cach="aqua"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b),
:root[data-phong-cach="aqua"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b):hover,
:root[data-phong-cach="dem"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b),
:root[data-phong-cach="dem"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b):hover,
:root[data-phong-cach="mint"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b),
:root[data-phong-cach="mint"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b):hover,
:root[data-phong-cach="cobalt"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b),
:root[data-phong-cach="cobalt"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b):hover,
:root[data-phong-cach="ngoc"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b),
:root[data-phong-cach="ngoc"] :is(.nut,.muc,.tab,.goi-b-icon,.goi-thanh-b):hover {
  animation: none; transition: none; transform: none;
}
}
/* Phủ màu theo họ cho toàn bộ vỏ app. Ảnh người dùng/màu nội dung tự chọn giữ nguyên.
   Chế độ Nhiều màu giữ tile SVG hiện có; chế độ mặc định dùng mask --m theo phong cách. */

:root[data-phong-cach="aqua"] a:not(.nut):not(.goi-b),
:root[data-phong-cach="aqua"] :is(.lien-ket, .link-nho, .muc-nhan, .nut-bc, .nut-mat),
:root[data-phong-cach="dem"] a:not(.nut):not(.goi-b),
:root[data-phong-cach="dem"] :is(.lien-ket, .link-nho, .muc-nhan, .nut-bc, .nut-mat),
:root[data-phong-cach="mint"] a:not(.nut):not(.goi-b),
:root[data-phong-cach="mint"] :is(.lien-ket, .link-nho, .muc-nhan, .nut-bc, .nut-mat),
:root[data-phong-cach="cobalt"] a:not(.nut):not(.goi-b),
:root[data-phong-cach="cobalt"] :is(.lien-ket, .link-nho, .muc-nhan, .nut-bc, .nut-mat),
:root[data-phong-cach="ngoc"] a:not(.nut):not(.goi-b),
:root[data-phong-cach="ngoc"] :is(.lien-ket, .link-nho, .muc-nhan, .nut-bc, .nut-mat) {
  color: var(--chinh-2);
}
/* Link trong tin gửi đi theo màu chữ của bong bóng, không lấy màu nhấn trùng nền. */
:root[data-phong-cach="aqua"] .tin.toi a.link-tin,
:root[data-phong-cach="dem"] .tin.toi a.link-tin,
:root[data-phong-cach="mint"] .tin.toi a.link-tin,
:root[data-phong-cach="cobalt"] .tin.toi a.link-tin,
:root[data-phong-cach="ngoc"] .tin.toi a.link-tin {
  color: inherit; text-decoration: underline; text-underline-offset: 2px;
}

:root[data-phong-cach="aqua"] :is(input, select, textarea),
:root[data-phong-cach="dem"] :is(input, select, textarea),
:root[data-phong-cach="mint"] :is(input, select, textarea),
:root[data-phong-cach="cobalt"] :is(input, select, textarea),
:root[data-phong-cach="ngoc"] :is(input, select, textarea) {
  accent-color: var(--chinh);
}
:root[data-phong-cach="aqua"] select,
:root[data-phong-cach="aqua"] .chon-nn-ds,
:root[data-phong-cach="aqua"] #hop .chon-nn-ds,
:root[data-phong-cach="dem"] select,
:root[data-phong-cach="dem"] .chon-nn-ds,
:root[data-phong-cach="dem"] #hop .chon-nn-ds,
:root[data-phong-cach="mint"] select,
:root[data-phong-cach="mint"] .chon-nn-ds,
:root[data-phong-cach="mint"] #hop .chon-nn-ds,
:root[data-phong-cach="cobalt"] select,
:root[data-phong-cach="cobalt"] .chon-nn-ds,
:root[data-phong-cach="cobalt"] #hop .chon-nn-ds,
:root[data-phong-cach="ngoc"] select,
:root[data-phong-cach="ngoc"] .chon-nn-ds,
:root[data-phong-cach="ngoc"] #hop .chon-nn-ds {
  background-color: var(--mat); color: var(--chu); border-color: var(--vien);
}
:root[data-phong-cach="aqua"] input::placeholder,
:root[data-phong-cach="aqua"] textarea::placeholder,
:root[data-phong-cach="dem"] input::placeholder,
:root[data-phong-cach="dem"] textarea::placeholder,
:root[data-phong-cach="mint"] input::placeholder,
:root[data-phong-cach="mint"] textarea::placeholder,
:root[data-phong-cach="cobalt"] input::placeholder,
:root[data-phong-cach="cobalt"] textarea::placeholder,
:root[data-phong-cach="ngoc"] input::placeholder,
:root[data-phong-cach="ngoc"] textarea::placeholder {
  color: var(--chu-nhat); opacity: 1;
}
:root[data-phong-cach="aqua"] .cd-ct,
:root[data-phong-cach="dem"] .cd-ct,
:root[data-phong-cach="mint"] .cd-ct,
:root[data-phong-cach="cobalt"] .cd-ct,
:root[data-phong-cach="ngoc"] .cd-ct {
  background: var(--mat-2); border: 1px solid var(--chu-nhat);
}
:root[data-phong-cach="aqua"] .cd-hang[aria-checked="true"] .cd-ct,
:root[data-phong-cach="dem"] .cd-hang[aria-checked="true"] .cd-ct,
:root[data-phong-cach="mint"] .cd-hang[aria-checked="true"] .cd-ct,
:root[data-phong-cach="cobalt"] .cd-hang[aria-checked="true"] .cd-ct,
:root[data-phong-cach="ngoc"] .cd-hang[aria-checked="true"] .cd-ct {
  background: var(--pc-tile); border-color: var(--chinh-2);
}
:root[data-phong-cach="aqua"] .cd-ct::after,
:root[data-phong-cach="dem"] .cd-ct::after,
:root[data-phong-cach="mint"] .cd-ct::after,
:root[data-phong-cach="cobalt"] .cd-ct::after,
:root[data-phong-cach="ngoc"] .cd-ct::after {
  background: #fff;
}
:root[data-phong-cach="aqua"] .cd-doan button[aria-checked="true"],
:root[data-phong-cach="aqua"] .bc-tab[aria-selected="true"],
:root[data-phong-cach="dem"] .cd-doan button[aria-checked="true"],
:root[data-phong-cach="dem"] .bc-tab[aria-selected="true"],
:root[data-phong-cach="mint"] .cd-doan button[aria-checked="true"],
:root[data-phong-cach="mint"] .bc-tab[aria-selected="true"],
:root[data-phong-cach="cobalt"] .cd-doan button[aria-checked="true"],
:root[data-phong-cach="cobalt"] .bc-tab[aria-selected="true"],
:root[data-phong-cach="ngoc"] .cd-doan button[aria-checked="true"],
:root[data-phong-cach="ngoc"] .bc-tab[aria-selected="true"] {
  background: var(--chinh); color: var(--chu-tren-chinh); border-color: var(--chinh);
}
:root[data-phong-cach="aqua"] #hop input.bb-chk:checked::before,
:root[data-phong-cach="dem"] #hop input.bb-chk:checked::before,
:root[data-phong-cach="mint"] #hop input.bb-chk:checked::before,
:root[data-phong-cach="cobalt"] #hop input.bb-chk:checked::before,
:root[data-phong-cach="ngoc"] #hop input.bb-chk:checked::before {
  background-color: var(--pc-tile); border-color: var(--chinh-2);
}
:root[data-phong-cach="aqua"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="aqua"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="dem"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="dem"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="mint"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="mint"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="cobalt"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="cobalt"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="ngoc"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="ngoc"] .muc-duoi[aria-current="page"] .vien-ico {
  color: var(--chinh-2);
}
:root[data-phong-cach="aqua"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="dem"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="mint"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="cobalt"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="ngoc"] .muc-duoi[aria-current="page"] .vien-ico {
  background: var(--mat-2);
}

:root[data-phong-cach="aqua"] :is(.muc-duoi .vien-ico, .thanh-duoi .ico, .dau .ico, .hop-dau .ico),
:root[data-phong-cach="dem"] :is(.muc-duoi .vien-ico, .thanh-duoi .ico, .dau .ico, .hop-dau .ico),
:root[data-phong-cach="mint"] :is(.muc-duoi .vien-ico, .thanh-duoi .ico, .dau .ico, .hop-dau .ico),
:root[data-phong-cach="cobalt"] :is(.muc-duoi .vien-ico, .thanh-duoi .ico, .dau .ico, .hop-dau .ico),
:root[data-phong-cach="ngoc"] :is(.muc-duoi .vien-ico, .thanh-duoi .ico, .dau .ico, .hop-dau .ico) {
  color: inherit;
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .anh-dai,
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .ico-tron,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .anh-dai,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .ico-tron,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .anh-dai,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .ico-tron,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .anh-dai,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .ico-tron,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .anh-dai,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .ico-tron {
  background: var(--pc-tile-gradient); color: #fff; box-shadow: 0 1px 3px var(--pc-bong-mau);
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-o,
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-hang,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-o,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-hang,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-o,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-hang,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-o,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-hang,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-o,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-hang {
  --mau-bieu: var(--pc-tile);
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu {
  display: grid; place-items: center; background: var(--pc-tile-gradient); color: #fff; border-radius: 13px; box-shadow: inset 0 1px #ffffff55, var(--bong);
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico {
  width: 24px; height: 24px; background: #fff;
  -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat;
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu {
  position: relative; display: grid; place-items: center; font-size: 0; border-radius: 18px;
  background: var(--pc-tile-gradient); box-shadow: inset 0 1px #ffffff55, var(--bong);
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after {
  content: ""; width: 30px; height: 30px; background: #fff;
  -webkit-mask: var(--dk-mask) center / contain no-repeat; mask: var(--dk-mask) center / contain no-repeat;
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-chup,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-chup,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-chup,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-chup,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-chup {
  --dk-mask: url("/icons/menu-b/outline/camera.svg?v=1");
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-thuvien,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-thuvien,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-thuvien,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-thuvien,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-thuvien {
  --dk-mask: url("/icons/menu-b/outline/image.svg?v=1");
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-tep,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-tep,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-tep,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-tep,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-tep {
  --dk-mask: url("/icons/menu-b/outline/file.svg?v=1");
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-quay,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-quay,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-quay,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-quay,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-quay {
  --dk-mask: url("/icons/menu-b/outline/video.svg?v=1");
}

:root[data-phong-cach="aqua"] :is(.cd-ho-so, .cd-o, .cd-the, .bai, .bt-viet, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="dem"] :is(.cd-ho-so, .cd-o, .cd-the, .bai, .bt-viet, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="mint"] :is(.cd-ho-so, .cd-o, .cd-the, .bai, .bt-viet, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="cobalt"] :is(.cd-ho-so, .cd-o, .cd-the, .bai, .bt-viet, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="ngoc"] :is(.cd-ho-so, .cd-o, .cd-the, .bai, .bt-viet, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu) {
  background-color: var(--mat); color: var(--chu); border-color: var(--vien); box-shadow: var(--bong);
}

:root[data-phong-cach="aqua"] :is(.go .nut-thich, .go .nut-thoai, .go .nut-kieu, .nut-goi-lai.video),
:root[data-phong-cach="aqua"] .nut-goi-lai,
:root[data-phong-cach="dem"] :is(.go .nut-thich, .go .nut-thoai, .go .nut-kieu, .nut-goi-lai.video),
:root[data-phong-cach="dem"] .nut-goi-lai,
:root[data-phong-cach="mint"] :is(.go .nut-thich, .go .nut-thoai, .go .nut-kieu, .nut-goi-lai.video),
:root[data-phong-cach="mint"] .nut-goi-lai,
:root[data-phong-cach="cobalt"] :is(.go .nut-thich, .go .nut-thoai, .go .nut-kieu, .nut-goi-lai.video),
:root[data-phong-cach="cobalt"] .nut-goi-lai,
:root[data-phong-cach="ngoc"] :is(.go .nut-thich, .go .nut-thoai, .go .nut-kieu, .nut-goi-lai.video),
:root[data-phong-cach="ngoc"] .nut-goi-lai {
  background: var(--mat-2); color: var(--bieu); border-color: var(--vien); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] #hop .dong .nut-nhan,
:root[data-phong-cach="aqua"] .tin-thoai .nut-tron,
:root[data-phong-cach="aqua"] .tin:not(.toi) .tin-thoai .nut-chinh,
:root[data-phong-cach="dem"] #hop .dong .nut-nhan,
:root[data-phong-cach="dem"] .tin-thoai .nut-tron,
:root[data-phong-cach="dem"] .tin:not(.toi) .tin-thoai .nut-chinh,
:root[data-phong-cach="mint"] #hop .dong .nut-nhan,
:root[data-phong-cach="mint"] .tin-thoai .nut-tron,
:root[data-phong-cach="mint"] .tin:not(.toi) .tin-thoai .nut-chinh,
:root[data-phong-cach="cobalt"] #hop .dong .nut-nhan,
:root[data-phong-cach="cobalt"] .tin-thoai .nut-tron,
:root[data-phong-cach="cobalt"] .tin:not(.toi) .tin-thoai .nut-chinh,
:root[data-phong-cach="ngoc"] #hop .dong .nut-nhan,
:root[data-phong-cach="ngoc"] .tin-thoai .nut-tron,
:root[data-phong-cach="ngoc"] .tin:not(.toi) .tin-thoai .nut-chinh {
  background: var(--chinh); color: var(--chu-tren-chinh); border-color: var(--chinh);
}
:root[data-phong-cach="aqua"] .tin.toi .vt-nut .nut,
:root[data-phong-cach="dem"] .tin.toi .vt-nut .nut,
:root[data-phong-cach="mint"] .tin.toi .vt-nut .nut,
:root[data-phong-cach="cobalt"] .tin.toi .vt-nut .nut,
:root[data-phong-cach="ngoc"] .tin.toi .vt-nut .nut {
  background: var(--mat); color: var(--chu); border-color: var(--vien);
}
:root[data-phong-cach="aqua"] .goi-thanh,
:root[data-phong-cach="aqua"] .goi-thanh.goi-thanh-den,
:root[data-phong-cach="dem"] .goi-thanh,
:root[data-phong-cach="dem"] .goi-thanh.goi-thanh-den,
:root[data-phong-cach="mint"] .goi-thanh,
:root[data-phong-cach="mint"] .goi-thanh.goi-thanh-den,
:root[data-phong-cach="cobalt"] .goi-thanh,
:root[data-phong-cach="cobalt"] .goi-thanh.goi-thanh-den,
:root[data-phong-cach="ngoc"] .goi-thanh,
:root[data-phong-cach="ngoc"] .goi-thanh.goi-thanh-den {
  background: var(--pc-tile-gradient); color: #fff;
}

:root[data-phong-cach="aqua"] :is(.goi-thanh-ve, .goi-thanh-chu, .goi-thanh-b),
:root[data-phong-cach="dem"] :is(.goi-thanh-ve, .goi-thanh-chu, .goi-thanh-b),
:root[data-phong-cach="mint"] :is(.goi-thanh-ve, .goi-thanh-chu, .goi-thanh-b),
:root[data-phong-cach="cobalt"] :is(.goi-thanh-ve, .goi-thanh-chu, .goi-thanh-b),
:root[data-phong-cach="ngoc"] :is(.goi-thanh-ve, .goi-thanh-chu, .goi-thanh-b) {
  color: #fff;
}
:root[data-phong-cach="aqua"] .goi-thanh-b,
:root[data-phong-cach="dem"] .goi-thanh-b,
:root[data-phong-cach="mint"] .goi-thanh-b,
:root[data-phong-cach="cobalt"] .goi-thanh-b,
:root[data-phong-cach="ngoc"] .goi-thanh-b {
  background: #00000026;
}
:root[data-phong-cach="aqua"] .goi-thanh-b.goi-bat,
:root[data-phong-cach="dem"] .goi-thanh-b.goi-bat,
:root[data-phong-cach="mint"] .goi-thanh-b.goi-bat,
:root[data-phong-cach="cobalt"] .goi-thanh-b.goi-bat,
:root[data-phong-cach="ngoc"] .goi-thanh-b.goi-bat {
  background: #fff; color: #171717;
}

:root[data-phong-cach="aqua"] :is(.goi.co-hinh .goi-dau, .goi.co-hinh .goi-nut),
:root[data-phong-cach="dem"] :is(.goi.co-hinh .goi-dau, .goi.co-hinh .goi-nut),
:root[data-phong-cach="mint"] :is(.goi.co-hinh .goi-dau, .goi.co-hinh .goi-nut),
:root[data-phong-cach="cobalt"] :is(.goi.co-hinh .goi-dau, .goi.co-hinh .goi-nut),
:root[data-phong-cach="ngoc"] :is(.goi.co-hinh .goi-dau, .goi.co-hinh .goi-nut) {
  background: #111111e6; color: #fff;
}
:root[data-phong-cach="aqua"] .goi.co-hinh .goi-thu,
:root[data-phong-cach="aqua"] .goi.co-hinh .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="dem"] .goi.co-hinh .goi-thu,
:root[data-phong-cach="dem"] .goi.co-hinh .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="mint"] .goi.co-hinh .goi-thu,
:root[data-phong-cach="mint"] .goi.co-hinh .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi.co-hinh .goi-thu,
:root[data-phong-cach="cobalt"] .goi.co-hinh .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi.co-hinh .goi-thu,
:root[data-phong-cach="ngoc"] .goi.co-hinh .goi-b:not(.goi-do):not(.goi-xanh):not(.goi-bat) .goi-b-icon {
  background: #111111e6; color: #fff;
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-b-chu,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-b-chu,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-b-chu,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-b-chu,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-b-chu {
  color: var(--pc-chu-goi); text-shadow: none;
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-nick,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-nick,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-nick,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-nick,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-nick {
  color: var(--pc-chu-goi);
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-im,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-im,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-im,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-im,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-im {
  background: var(--pc-tile); color: #fff; border-color: var(--vien);
}

:root[data-phong-cach="aqua"] :is(.goi-b-icon, .goi-thu),
:root[data-phong-cach="aqua"] :is(.man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="dem"] :is(.goi-b-icon, .goi-thu),
:root[data-phong-cach="dem"] :is(.man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="mint"] :is(.goi-b-icon, .goi-thu),
:root[data-phong-cach="mint"] :is(.man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="cobalt"] :is(.goi-b-icon, .goi-thu),
:root[data-phong-cach="cobalt"] :is(.man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="ngoc"] :is(.goi-b-icon, .goi-thu),
:root[data-phong-cach="ngoc"] :is(.man-xanh .nut-cai, .man-xanh .chan-trang) {
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
:root[data-phong-cach="aqua"] .man-xanh::before,
:root[data-phong-cach="dem"] .man-xanh::before,
:root[data-phong-cach="mint"] .man-xanh::before,
:root[data-phong-cach="cobalt"] .man-xanh::before,
:root[data-phong-cach="ngoc"] .man-xanh::before {
  display: none;
}

:root[data-phong-cach="aqua"] :is(.man-xanh .khau-hieu, .man-xanh .ngan, .man-xanh .tieu-de, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai),
:root[data-phong-cach="dem"] :is(.man-xanh .khau-hieu, .man-xanh .ngan, .man-xanh .tieu-de, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai),
:root[data-phong-cach="mint"] :is(.man-xanh .khau-hieu, .man-xanh .ngan, .man-xanh .tieu-de, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai),
:root[data-phong-cach="cobalt"] :is(.man-xanh .khau-hieu, .man-xanh .ngan, .man-xanh .tieu-de, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai),
:root[data-phong-cach="ngoc"] :is(.man-xanh .khau-hieu, .man-xanh .ngan, .man-xanh .tieu-de, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai) {
  color: var(--chu); text-shadow: none;
}
:root[data-phong-cach="aqua"] .man-xanh .nut-chinh,
:root[data-phong-cach="dem"] .man-xanh .nut-chinh,
:root[data-phong-cach="mint"] .man-xanh .nut-chinh,
:root[data-phong-cach="cobalt"] .man-xanh .nut-chinh,
:root[data-phong-cach="ngoc"] .man-xanh .nut-chinh {
  background: var(--chinh); color: var(--chu-tren-chinh); text-shadow: none; box-shadow: var(--bong);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .nut-phu, .man-xanh .o-tich, .man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="aqua"] .man-xanh .chon-nn .nut:not(.nut-chinh),
:root[data-phong-cach="dem"] :is(.man-xanh .nut-phu, .man-xanh .o-tich, .man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="dem"] .man-xanh .chon-nn .nut:not(.nut-chinh),
:root[data-phong-cach="mint"] :is(.man-xanh .nut-phu, .man-xanh .o-tich, .man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="mint"] .man-xanh .chon-nn .nut:not(.nut-chinh),
:root[data-phong-cach="cobalt"] :is(.man-xanh .nut-phu, .man-xanh .o-tich, .man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="cobalt"] .man-xanh .chon-nn .nut:not(.nut-chinh),
:root[data-phong-cach="ngoc"] :is(.man-xanh .nut-phu, .man-xanh .o-tich, .man-xanh .nut-cai, .man-xanh .chan-trang),
:root[data-phong-cach="ngoc"] .man-xanh .chon-nn .nut:not(.nut-chinh) {
  background: var(--mat); color: var(--chu); border-color: var(--vien); text-shadow: none;
}
:root[data-phong-cach="aqua"] .man-xanh .o-so-email .ma-nuoc,
:root[data-phong-cach="aqua"] .man-xanh .chon-nn-ds,
:root[data-phong-cach="dem"] .man-xanh .o-so-email .ma-nuoc,
:root[data-phong-cach="dem"] .man-xanh .chon-nn-ds,
:root[data-phong-cach="mint"] .man-xanh .o-so-email .ma-nuoc,
:root[data-phong-cach="mint"] .man-xanh .chon-nn-ds,
:root[data-phong-cach="cobalt"] .man-xanh .o-so-email .ma-nuoc,
:root[data-phong-cach="cobalt"] .man-xanh .chon-nn-ds,
:root[data-phong-cach="ngoc"] .man-xanh .o-so-email .ma-nuoc,
:root[data-phong-cach="ngoc"] .man-xanh .chon-nn-ds {
  background: var(--mat); color: var(--chu);
}
:root[data-phong-cach="aqua"] .man-xanh .lkm-huong-dan + .nhat,
:root[data-phong-cach="aqua"] .man-xanh .loi-chao,
:root[data-phong-cach="dem"] .man-xanh .lkm-huong-dan + .nhat,
:root[data-phong-cach="dem"] .man-xanh .loi-chao,
:root[data-phong-cach="mint"] .man-xanh .lkm-huong-dan + .nhat,
:root[data-phong-cach="mint"] .man-xanh .loi-chao,
:root[data-phong-cach="cobalt"] .man-xanh .lkm-huong-dan + .nhat,
:root[data-phong-cach="cobalt"] .man-xanh .loi-chao,
:root[data-phong-cach="ngoc"] .man-xanh .lkm-huong-dan + .nhat,
:root[data-phong-cach="ngoc"] .man-xanh .loi-chao {
  color: var(--chu-nhat);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .o-tich a, .man-xanh .chan-trang a),
:root[data-phong-cach="aqua"] :is(.man-xanh .nut-mat, .man-xanh .lien-ket),
:root[data-phong-cach="dem"] :is(.man-xanh .o-tich a, .man-xanh .chan-trang a),
:root[data-phong-cach="dem"] :is(.man-xanh .nut-mat, .man-xanh .lien-ket),
:root[data-phong-cach="mint"] :is(.man-xanh .o-tich a, .man-xanh .chan-trang a),
:root[data-phong-cach="mint"] :is(.man-xanh .nut-mat, .man-xanh .lien-ket),
:root[data-phong-cach="cobalt"] :is(.man-xanh .o-tich a, .man-xanh .chan-trang a),
:root[data-phong-cach="cobalt"] :is(.man-xanh .nut-mat, .man-xanh .lien-ket),
:root[data-phong-cach="ngoc"] :is(.man-xanh .o-tich a, .man-xanh .chan-trang a),
:root[data-phong-cach="ngoc"] :is(.man-xanh .nut-mat, .man-xanh .lien-ket) {
  color: var(--chinh-2); text-shadow: none;
}
/* Chữ nhỏ phải rõ cả trên điểm đậm nhất của nền gradient màn chào. */

:root[data-phong-cach="cobalt"] :is(.man-xanh .loi-chao, .man-xanh .lien-ket),
:root[data-phong-cach="ngoc"] :is(.man-xanh .loi-chao, .man-xanh .lien-ket) {
  color: var(--chu); opacity: 1; text-shadow: none;
}
:root[data-phong-cach="aqua"] .man-xanh .o-tich > input[type="checkbox"],
:root[data-phong-cach="dem"] .man-xanh .o-tich > input[type="checkbox"],
:root[data-phong-cach="mint"] .man-xanh .o-tich > input[type="checkbox"],
:root[data-phong-cach="cobalt"] .man-xanh .o-tich > input[type="checkbox"],
:root[data-phong-cach="ngoc"] .man-xanh .o-tich > input[type="checkbox"] {
  accent-color: var(--chinh);
}
:root[data-phong-cach="aqua"] .man-xanh .canh-bao .ico,
:root[data-phong-cach="dem"] .man-xanh .canh-bao .ico,
:root[data-phong-cach="mint"] .man-xanh .canh-bao .ico,
:root[data-phong-cach="cobalt"] .man-xanh .canh-bao .ico,
:root[data-phong-cach="ngoc"] .man-xanh .canh-bao .ico {
  color: inherit;
}
:root[data-phong-cach="aqua"] .lkm-qr,
:root[data-phong-cach="dem"] .lkm-qr,
:root[data-phong-cach="mint"] .lkm-qr,
:root[data-phong-cach="cobalt"] .lkm-qr,
:root[data-phong-cach="ngoc"] .lkm-qr {
  border-color: var(--vien); box-shadow: var(--bong);
}

:root[data-phong-cach="aqua"] :is(.tt-vong.moi, .tt-vong.cua-toi),
:root[data-phong-cach="dem"] :is(.tt-vong.moi, .tt-vong.cua-toi),
:root[data-phong-cach="mint"] :is(.tt-vong.moi, .tt-vong.cua-toi),
:root[data-phong-cach="cobalt"] :is(.tt-vong.moi, .tt-vong.cua-toi),
:root[data-phong-cach="ngoc"] :is(.tt-vong.moi, .tt-vong.cua-toi) {
  background: var(--pc-tile-gradient);
}
:root[data-phong-cach="aqua"] .dau .nut-vitri.dang-chia,
:root[data-phong-cach="dem"] .dau .nut-vitri.dang-chia,
:root[data-phong-cach="mint"] .dau .nut-vitri.dang-chia,
:root[data-phong-cach="cobalt"] .dau .nut-vitri.dang-chia,
:root[data-phong-cach="ngoc"] .dau .nut-vitri.dang-chia {
  background: var(--mat-2); box-shadow: 0 0 0 2px var(--chinh-2);
}
:root[data-phong-cach="aqua"] .goi-thanh-b.goi-do,
:root[data-phong-cach="dem"] .goi-thanh-b.goi-do,
:root[data-phong-cach="mint"] .goi-thanh-b.goi-do,
:root[data-phong-cach="cobalt"] .goi-thanh-b.goi-do,
:root[data-phong-cach="ngoc"] .goi-thanh-b.goi-do {
  background: #b5273a; color: #fff;
}
:root[data-phong-cach="aqua"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="dem"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="mint"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi-xanh .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi-xanh .goi-b-icon {
  background: #12723d; color: #fff;
}
:root[data-phong-cach="aqua"] .goi-do .goi-b-icon,
:root[data-phong-cach="aqua"] .nut-nguy,
:root[data-phong-cach="aqua"] .cd-hang:is(.canh,.nguy) .cd-bieu,
:root[data-phong-cach="dem"] .goi-do .goi-b-icon,
:root[data-phong-cach="dem"] .nut-nguy,
:root[data-phong-cach="dem"] .cd-hang:is(.canh,.nguy) .cd-bieu,
:root[data-phong-cach="mint"] .goi-do .goi-b-icon,
:root[data-phong-cach="mint"] .nut-nguy,
:root[data-phong-cach="mint"] .cd-hang:is(.canh,.nguy) .cd-bieu,
:root[data-phong-cach="cobalt"] .goi-do .goi-b-icon,
:root[data-phong-cach="cobalt"] .nut-nguy,
:root[data-phong-cach="cobalt"] .cd-hang:is(.canh,.nguy) .cd-bieu,
:root[data-phong-cach="ngoc"] .goi-do .goi-b-icon,
:root[data-phong-cach="ngoc"] .nut-nguy,
:root[data-phong-cach="ngoc"] .cd-hang:is(.canh,.nguy) .cd-bieu {
  background: #b5273a; color: #fff; border-color: #b5273a;
}

:root[data-phong-cach="aqua"] .nut-do,
:root[data-phong-cach="aqua"] :is(.lien-ket.nguy, .menu-nho-muc.nguy),
:root[data-phong-cach="aqua"] .menu-nho-muc.nguy .ico,
:root[data-phong-cach="dem"] .nut-do,
:root[data-phong-cach="dem"] :is(.lien-ket.nguy, .menu-nho-muc.nguy),
:root[data-phong-cach="dem"] .menu-nho-muc.nguy .ico,
:root[data-phong-cach="mint"] .nut-do,
:root[data-phong-cach="mint"] :is(.lien-ket.nguy, .menu-nho-muc.nguy),
:root[data-phong-cach="mint"] .menu-nho-muc.nguy .ico,
:root[data-phong-cach="cobalt"] .nut-do,
:root[data-phong-cach="cobalt"] :is(.lien-ket.nguy, .menu-nho-muc.nguy),
:root[data-phong-cach="cobalt"] .menu-nho-muc.nguy .ico,
:root[data-phong-cach="ngoc"] .nut-do,
:root[data-phong-cach="ngoc"] :is(.lien-ket.nguy, .menu-nho-muc.nguy),
:root[data-phong-cach="ngoc"] .menu-nho-muc.nguy .ico {
  color: var(--do);
}
:root[data-phong-cach="aqua"] .cham:not(.mat),
:root[data-phong-cach="aqua"] .cham-nho,
:root[data-phong-cach="aqua"] .cham-tt.bat,
:root[data-phong-cach="dem"] .cham:not(.mat),
:root[data-phong-cach="dem"] .cham-nho,
:root[data-phong-cach="dem"] .cham-tt.bat,
:root[data-phong-cach="mint"] .cham:not(.mat),
:root[data-phong-cach="mint"] .cham-nho,
:root[data-phong-cach="mint"] .cham-tt.bat,
:root[data-phong-cach="cobalt"] .cham:not(.mat),
:root[data-phong-cach="cobalt"] .cham-nho,
:root[data-phong-cach="cobalt"] .cham-tt.bat,
:root[data-phong-cach="ngoc"] .cham:not(.mat),
:root[data-phong-cach="ngoc"] .cham-nho,
:root[data-phong-cach="ngoc"] .cham-tt.bat {
  background: var(--xanh);
}
:root[data-phong-cach="aqua"] .cham.mat,
:root[data-phong-cach="dem"] .cham.mat,
:root[data-phong-cach="mint"] .cham.mat,
:root[data-phong-cach="cobalt"] .cham.mat,
:root[data-phong-cach="ngoc"] .cham.mat {
  background: var(--do);
}
:root[data-phong-cach="aqua"] .dau .anh-dai .cham-tt,
:root[data-phong-cach="dem"] .dau .anh-dai .cham-tt,
:root[data-phong-cach="mint"] .dau .anh-dai .cham-tt,
:root[data-phong-cach="cobalt"] .dau .anh-dai .cham-tt,
:root[data-phong-cach="ngoc"] .dau .anh-dai .cham-tt {
  border-color: var(--mat);
}

:root[data-phong-cach="aqua"] .dau .cham,
:root[data-phong-cach="aqua"] :is(.anh-dai, .goi-anh),
:root[data-phong-cach="dem"] .dau .cham,
:root[data-phong-cach="dem"] :is(.anh-dai, .goi-anh),
:root[data-phong-cach="mint"] .dau .cham,
:root[data-phong-cach="mint"] :is(.anh-dai, .goi-anh),
:root[data-phong-cach="cobalt"] .dau .cham,
:root[data-phong-cach="cobalt"] :is(.anh-dai, .goi-anh),
:root[data-phong-cach="ngoc"] .dau .cham,
:root[data-phong-cach="ngoc"] :is(.anh-dai, .goi-anh) {
  text-shadow: none;
}
/* Biểu tượng Like trong nút là UI; hình đã gửi trong tin giữ màu nội dung. */
:root[data-phong-cach="aqua"] button .tay-like stop,
:root[data-phong-cach="dem"] button .tay-like stop,
:root[data-phong-cach="mint"] button .tay-like stop,
:root[data-phong-cach="cobalt"] button .tay-like stop,
:root[data-phong-cach="ngoc"] button .tay-like stop {
  stop-color: var(--pc-tile);
}
:root[data-phong-cach="aqua"] button .tay-like,
:root[data-phong-cach="aqua"] .go.go-chat > .nut-thich .tay-like,
:root[data-phong-cach="dem"] button .tay-like,
:root[data-phong-cach="dem"] .go.go-chat > .nut-thich .tay-like,
:root[data-phong-cach="mint"] button .tay-like,
:root[data-phong-cach="mint"] .go.go-chat > .nut-thich .tay-like,
:root[data-phong-cach="cobalt"] button .tay-like,
:root[data-phong-cach="cobalt"] .go.go-chat > .nut-thich .tay-like,
:root[data-phong-cach="ngoc"] button .tay-like,
:root[data-phong-cach="ngoc"] .go.go-chat > .nut-thich .tay-like {
  filter: drop-shadow(0 1px 2px #00000033);
}
:root[data-phong-cach="aqua"] .tay-san,
:root[data-phong-cach="dem"] .tay-san,
:root[data-phong-cach="mint"] .tay-san,
:root[data-phong-cach="cobalt"] .tay-san,
:root[data-phong-cach="ngoc"] .tay-san {
  background: radial-gradient(circle at 50% 40%,#11111188,#111111bb);
}
:root[data-phong-cach="aqua"] .tay-lon,
:root[data-phong-cach="dem"] .tay-lon,
:root[data-phong-cach="mint"] .tay-lon,
:root[data-phong-cach="cobalt"] .tay-lon,
:root[data-phong-cach="ngoc"] .tay-lon {
  filter: drop-shadow(0 18px 18px #00000055);
}
:root[data-phong-cach="aqua"] .man-xanh .so-hieu:not(:empty),
:root[data-phong-cach="dem"] .man-xanh .so-hieu:not(:empty),
:root[data-phong-cach="mint"] .man-xanh .so-hieu:not(:empty),
:root[data-phong-cach="cobalt"] .man-xanh .so-hieu:not(:empty),
:root[data-phong-cach="ngoc"] .man-xanh .so-hieu:not(:empty) {
  color: var(--chu-nhat); text-shadow: none;
}
:root[data-phong-cach="aqua"] .goi.co-hinh .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="dem"] .goi.co-hinh .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="mint"] .goi.co-hinh .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="cobalt"] .goi.co-hinh .goi-b.goi-bat .goi-b-icon,
:root[data-phong-cach="ngoc"] .goi.co-hinh .goi-b.goi-bat .goi-b-icon {
  background: var(--mat); color: var(--chu); outline: 2px solid var(--chinh-2); outline-offset: 3px;
}

:root[data-phong-cach="aqua"] :is(.goi.co-hinh .goi-nick, .goi.co-hinh .goi-im),
:root[data-phong-cach="dem"] :is(.goi.co-hinh .goi-nick, .goi.co-hinh .goi-im),
:root[data-phong-cach="mint"] :is(.goi.co-hinh .goi-nick, .goi.co-hinh .goi-im),
:root[data-phong-cach="cobalt"] :is(.goi.co-hinh .goi-nick, .goi.co-hinh .goi-im),
:root[data-phong-cach="ngoc"] :is(.goi.co-hinh .goi-nick, .goi.co-hinh .goi-im) {
  color: #fff; background-color: #111111cc; border-color: #ffffff55;
}

:root[data-phong-cach="aqua"] .bao-tin,
:root[data-phong-cach="dem"] .bao-tin,
:root[data-phong-cach="mint"] .bao-tin,
:root[data-phong-cach="cobalt"] .bao-tin,
:root[data-phong-cach="ngoc"] .bao-tin {
  background: var(--chinh); color: var(--chu-tren-chinh);
}
:root[data-phong-cach="aqua"] .bao-tin .nut,
:root[data-phong-cach="aqua"] .bao-tin a:not(.nut):not(.goi-b),
:root[data-phong-cach="dem"] .bao-tin .nut,
:root[data-phong-cach="dem"] .bao-tin a:not(.nut):not(.goi-b),
:root[data-phong-cach="mint"] .bao-tin .nut,
:root[data-phong-cach="mint"] .bao-tin a:not(.nut):not(.goi-b),
:root[data-phong-cach="cobalt"] .bao-tin .nut,
:root[data-phong-cach="cobalt"] .bao-tin a:not(.nut):not(.goi-b),
:root[data-phong-cach="ngoc"] .bao-tin .nut,
:root[data-phong-cach="ngoc"] .bao-tin a:not(.nut):not(.goi-b) {
  background: transparent; color: var(--chu-tren-chinh); border-color: currentColor;
}
:root[data-phong-cach="aqua"] #bao,
:root[data-phong-cach="dem"] #bao,
:root[data-phong-cach="mint"] #bao,
:root[data-phong-cach="cobalt"] #bao,
:root[data-phong-cach="ngoc"] #bao {
  background: var(--pc-tile); color: #fff; box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] select option,
:root[data-phong-cach="aqua"] .man-xanh .chon-nn-ds option,
:root[data-phong-cach="dem"] select option,
:root[data-phong-cach="dem"] .man-xanh .chon-nn-ds option,
:root[data-phong-cach="mint"] select option,
:root[data-phong-cach="mint"] .man-xanh .chon-nn-ds option,
:root[data-phong-cach="cobalt"] select option,
:root[data-phong-cach="cobalt"] .man-xanh .chon-nn-ds option,
:root[data-phong-cach="ngoc"] select option,
:root[data-phong-cach="ngoc"] .man-xanh .chon-nn-ds option {
  background: var(--mat); color: var(--chu);
}
:root[data-phong-cach="aqua"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="dem"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="mint"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="cobalt"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="ngoc"] .man-xanh .o > span:not(.o-mat-khau) {
  color: var(--chu); text-shadow: none;
}
:root[data-phong-cach="aqua"] .chan-trang,
:root[data-phong-cach="dem"] .chan-trang,
:root[data-phong-cach="mint"] .chan-trang,
:root[data-phong-cach="cobalt"] .chan-trang,
:root[data-phong-cach="ngoc"] .chan-trang {
  color: var(--chu-nhat);
}

@media (forced-colors: active) {
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu {
  background: CanvasText; box-shadow: none;
}
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="aqua"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="dem"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="mint"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="cobalt"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .cd-bieu .ico,
:root[data-phong-cach="ngoc"]:not([data-bieu-tuong="nhieu-mau"]) .dk-bieu::after {
  background: Canvas;
}
}

@media (forced-colors: active) {

:root[data-phong-cach="aqua"] #cot-tc,
:root[data-phong-cach="aqua"] :is(.dau, .muc, .tin-hop, .go, .thanh-duoi),
:root[data-phong-cach="aqua"] dialog,
:root[data-phong-cach="dem"] #cot-tc,
:root[data-phong-cach="dem"] :is(.dau, .muc, .tin-hop, .go, .thanh-duoi),
:root[data-phong-cach="dem"] dialog,
:root[data-phong-cach="mint"] #cot-tc,
:root[data-phong-cach="mint"] :is(.dau, .muc, .tin-hop, .go, .thanh-duoi),
:root[data-phong-cach="mint"] dialog,
:root[data-phong-cach="cobalt"] #cot-tc,
:root[data-phong-cach="cobalt"] :is(.dau, .muc, .tin-hop, .go, .thanh-duoi),
:root[data-phong-cach="cobalt"] dialog,
:root[data-phong-cach="ngoc"] #cot-tc,
:root[data-phong-cach="ngoc"] :is(.dau, .muc, .tin-hop, .go, .thanh-duoi),
:root[data-phong-cach="ngoc"] dialog {
  background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none;
}
:root[data-phong-cach="aqua"] .nut-chinh,
:root[data-phong-cach="aqua"] .tab[aria-selected="true"],
:root[data-phong-cach="aqua"] .tin.toi .tin-hop,
:root[data-phong-cach="dem"] .nut-chinh,
:root[data-phong-cach="dem"] .tab[aria-selected="true"],
:root[data-phong-cach="dem"] .tin.toi .tin-hop,
:root[data-phong-cach="mint"] .nut-chinh,
:root[data-phong-cach="mint"] .tab[aria-selected="true"],
:root[data-phong-cach="mint"] .tin.toi .tin-hop,
:root[data-phong-cach="cobalt"] .nut-chinh,
:root[data-phong-cach="cobalt"] .tab[aria-selected="true"],
:root[data-phong-cach="cobalt"] .tin.toi .tin-hop,
:root[data-phong-cach="ngoc"] .nut-chinh,
:root[data-phong-cach="ngoc"] .tab[aria-selected="true"],
:root[data-phong-cach="ngoc"] .tin.toi .tin-hop {
  background: Highlight; color: HighlightText;
}
}


/* Ảnh nền + bề mặt theo mẫu đã chọn (01.11.2026, #251/6550555508).
   Ảnh #151: không chữ/logo. Mặt đọc chữ đặc; kính chỉ ở thanh nhỏ, có nền thay thế.
   Không gắn ảnh lên video / nội dung ảnh tin. Nền chat riêng của người dùng ưu tiên.
   Không đổi chiều cao / flex-shrink của .tin (sửa v175) hoặc định vị dải cảm xúc. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] {
  --pc-anh-doc: url("/anh/nen-aqua-dien-thoai-sang.webp?v=3");
  --pc-anh-ngang: url("/anh/nen-aqua-may-tinh-sang.webp?v=3");
  --pc-bong-mau: #10558a24; --pc-vien-kinh: #ffffffd9;
  --pc-tile-gradient: linear-gradient(145deg, #1258b4, #0c4b96);
}
:root[data-phong-cach="dem"] {
  --pc-anh-doc: url("/anh/nen-dem-dien-thoai-toi.webp?v=2");
  --pc-anh-ngang: url("/anh/nen-dem-may-tinh-toi.webp?v=2");
  --pc-bong-mau: #4e165c4d; --pc-vien-kinh: #c87bdf66;
}
:root[data-phong-cach="mint"] {
  --pc-anh-doc: url("/anh/nen-mint-dien-thoai-sang.webp?v=3");
  --pc-anh-ngang: url("/anh/nen-mint-may-tinh-sang.webp?v=3");
  --pc-bong-mau: #175d3b24; --pc-vien-kinh: #ffffffde;
  --pc-tile-gradient: linear-gradient(145deg, #1c6a3f, #125431);
}
:root[data-phong-cach="cobalt"] {
  --pc-anh-doc: url("/anh/nen-cobalt-dien-thoai-sang.webp?v=3");
  --pc-anh-ngang: url("/anh/nen-cobalt-may-tinh-sang.webp?v=3");
  --pc-bong-mau: #91380b24; --pc-vien-kinh: #ffffffd9;
  --pc-tile-gradient: linear-gradient(145deg, #c2410c, #90310a);
}
:root[data-phong-cach="ngoc"] {
  --pc-anh-doc: url("/anh/nen-ngoc-dien-thoai-sang.webp?v=3");
  --pc-anh-ngang: url("/anh/nen-ngoc-may-tinh-sang.webp?v=3");
  --pc-bong-mau: #991b4321; --pc-vien-kinh: #ffffffd9;
  --pc-tile-gradient: linear-gradient(145deg, #b51547, #871238);
}
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"] {
  --pc-anh-doc: url("/anh/nen-aqua-dien-thoai-toi.webp?v=2");
  --pc-anh-ngang: url("/anh/nen-aqua-may-tinh-toi.webp?v=2");
  --pc-bong-mau: #00000052; --pc-vien-kinh: #93cde333;
  --pc-tile-gradient: linear-gradient(145deg, #245a7a, #173d5e);
}
:root[data-phong-cach="mint"] {
  --pc-anh-doc: url("/anh/nen-mint-dien-thoai-toi.webp?v=2");
  --pc-anh-ngang: url("/anh/nen-mint-may-tinh-toi.webp?v=2");
  --pc-bong-mau: #00000052; --pc-vien-kinh: #a9dfbc33;
  --pc-tile-gradient: linear-gradient(145deg, #246340, #18462d);
}
:root[data-phong-cach="cobalt"] {
  --pc-anh-doc: url("/anh/nen-cobalt-dien-thoai-toi.webp?v=2");
  --pc-anh-ngang: url("/anh/nen-cobalt-may-tinh-toi.webp?v=2");
  --pc-bong-mau: #00000052; --pc-vien-kinh: #ffd4a833;
  --pc-tile-gradient: linear-gradient(145deg, #aa3b06, #7d2b07);
}
:root[data-phong-cach="ngoc"] {
  --pc-anh-doc: url("/anh/nen-ngoc-dien-thoai-toi.webp?v=2");
  --pc-anh-ngang: url("/anh/nen-ngoc-may-tinh-toi.webp?v=2");
  --pc-bong-mau: #00000052; --pc-vien-kinh: #ffbdd333;
  --pc-tile-gradient: linear-gradient(145deg, #9b2149, #721630);
}
}
:root[data-phong-cach="aqua"],
:root[data-phong-cach="dem"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] {
  --pc-anh: var(--pc-anh-doc);
  --pc-be-mat: linear-gradient(145deg, var(--mat), var(--mat-2));
  --pc-kinh: var(--mat);
  --bong: inset 0 1px 0 var(--pc-vien-kinh), 0 3px 7px var(--pc-bong-mau), 0 12px 28px var(--pc-bong-mau);
}
/* Chỉ chọn một ảnh theo khung nhìn; không tải cả hai kích thước. */
@media (min-width: 860px), (orientation: landscape) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="dem"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] { --pc-anh: var(--pc-anh-ngang); }
}
:root[data-phong-cach="aqua"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="dem"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="mint"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="cobalt"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="ngoc"] :is(.khung-chinh, .ca-nhan, .man-xanh) {
  background: transparent;
}
:root[data-phong-cach="aqua"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong, .cot-chat),
:root[data-phong-cach="dem"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong, .cot-chat),
:root[data-phong-cach="mint"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong, .cot-chat),
:root[data-phong-cach="cobalt"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong, .cot-chat),
:root[data-phong-cach="ngoc"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong, .cot-chat) {
  background: transparent;
}
:root[data-phong-cach="aqua"] :is(.cot-ds > .ds, .ca-nhan),
:root[data-phong-cach="dem"] :is(.cot-ds > .ds, .ca-nhan),
:root[data-phong-cach="mint"] :is(.cot-ds > .ds, .ca-nhan),
:root[data-phong-cach="cobalt"] :is(.cot-ds > .ds, .ca-nhan),
:root[data-phong-cach="ngoc"] :is(.cot-ds > .ds, .ca-nhan) { background-color: transparent; }
/* Các vùng chữ tự do có mặt đọc riêng, không phụ thuộc độ sáng của ảnh. */
:root[data-phong-cach="aqua"] :is(.trong, .cd-tieu-de),
:root[data-phong-cach="dem"] :is(.trong, .cd-tieu-de),
:root[data-phong-cach="mint"] :is(.trong, .cd-tieu-de),
:root[data-phong-cach="cobalt"] :is(.trong, .cd-tieu-de),
:root[data-phong-cach="ngoc"] :is(.trong, .cd-tieu-de) {
  width: fit-content; max-width: calc(100% - 24px); padding: 6px 12px;
  border-radius: 14px; background: var(--mat); color: var(--chu-nhat);
}
:root[data-phong-cach="aqua"] .trong,
:root[data-phong-cach="dem"] .trong,
:root[data-phong-cach="mint"] .trong,
:root[data-phong-cach="cobalt"] .trong,
:root[data-phong-cach="ngoc"] .trong { margin-inline: auto; }
:root[data-phong-cach="aqua"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong) > .dau,
:root[data-phong-cach="dem"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong) > .dau,
:root[data-phong-cach="mint"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong) > .dau,
:root[data-phong-cach="cobalt"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong) > .dau,
:root[data-phong-cach="ngoc"] :is(#cot-tc, #cot-goi, #cot-nhatky, #cot-canhan, #cot-congdong) > .dau {
  flex-shrink: 0; margin: 10px 12px 4px; border: 1px solid var(--vien);
  border-radius: var(--bo); background: var(--pc-kinh); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] :is(.the-tab, .tim-ds),
:root[data-phong-cach="dem"] :is(.the-tab, .tim-ds),
:root[data-phong-cach="mint"] :is(.the-tab, .tim-ds),
:root[data-phong-cach="cobalt"] :is(.the-tab, .tim-ds),
:root[data-phong-cach="ngoc"] :is(.the-tab, .tim-ds) {
  flex-shrink: 0; margin: 6px 12px; border: 1px solid var(--vien);
  border-radius: 999px; background: var(--pc-be-mat); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .the-tab,
:root[data-phong-cach="dem"] .the-tab,
:root[data-phong-cach="mint"] .the-tab,
:root[data-phong-cach="cobalt"] .the-tab,
:root[data-phong-cach="ngoc"] .the-tab { padding: 4px; }
:root[data-phong-cach="aqua"] .tim-ds,
:root[data-phong-cach="dem"] .tim-ds,
:root[data-phong-cach="mint"] .tim-ds,
:root[data-phong-cach="cobalt"] .tim-ds,
:root[data-phong-cach="ngoc"] .tim-ds { min-height: 48px; }
:root[data-phong-cach="aqua"] .muc,
:root[data-phong-cach="dem"] .muc,
:root[data-phong-cach="mint"] .muc,
:root[data-phong-cach="cobalt"] .muc,
:root[data-phong-cach="ngoc"] .muc {
  width: calc(100% - 24px); min-height: 84px; margin: 10px 12px; padding: 14px;
  background: var(--pc-be-mat); border-radius: var(--bo); box-shadow: 0 1px 3px var(--pc-bong-mau);
}
:root[data-phong-cach="aqua"] .muc[aria-current="true"],
:root[data-phong-cach="dem"] .muc[aria-current="true"],
:root[data-phong-cach="mint"] .muc[aria-current="true"],
:root[data-phong-cach="cobalt"] .muc[aria-current="true"],
:root[data-phong-cach="ngoc"] .muc[aria-current="true"] {
  background: var(--mat-2); border-color: var(--chinh-2);
  box-shadow: 0 1px 3px var(--pc-bong-mau);
}
/* Ngọc: hàng thanh, đường phân cách nhẹ như mẫu ruby; không biến thành thẻ nổi. */
:root[data-phong-cach="ngoc"] .muc {
  border-radius: 0; border-width: 0 0 1px; box-shadow: none;
}
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  flex-shrink: 0; min-width: 0; margin: 8px 10px max(8px, env(safe-area-inset-bottom));
  padding: 6px; border: 1px solid var(--vien); border-radius: 28px;
  background: var(--pc-be-mat); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .muc-duoi,
:root[data-phong-cach="dem"] .muc-duoi,
:root[data-phong-cach="mint"] .muc-duoi,
:root[data-phong-cach="cobalt"] .muc-duoi,
:root[data-phong-cach="ngoc"] .muc-duoi { min-height: 56px; border-radius: 22px; }
:root[data-phong-cach="aqua"] .muc-duoi:hover,
:root[data-phong-cach="dem"] .muc-duoi:hover,
:root[data-phong-cach="mint"] .muc-duoi:hover,
:root[data-phong-cach="cobalt"] .muc-duoi:hover,
:root[data-phong-cach="ngoc"] .muc-duoi:hover { transform: none; }
:root[data-phong-cach="aqua"] .muc-duoi .vien-ico,
:root[data-phong-cach="dem"] .muc-duoi .vien-ico,
:root[data-phong-cach="mint"] .muc-duoi .vien-ico,
:root[data-phong-cach="cobalt"] .muc-duoi .vien-ico,
:root[data-phong-cach="ngoc"] .muc-duoi .vien-ico { max-width: 100%; }
:root[data-phong-cach="aqua"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="dem"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="mint"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="cobalt"] .muc-duoi[aria-current="page"],
:root[data-phong-cach="ngoc"] .muc-duoi[aria-current="page"] { background: var(--mat-2); }
:root[data-phong-cach="aqua"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="dem"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="mint"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="cobalt"] .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="ngoc"] .muc-duoi[aria-current="page"] .vien-ico { background: transparent; }
@media (min-width: 860px) {
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi { margin: 10px 8px; padding: 8px 2px; border-radius: 26px; }
}
/* Nền riêng (màu/ảnh đã lưu) được giữ; không phủ lên bằng ảnh phong cách. */
:root[data-phong-cach="aqua"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="dem"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="mint"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="cobalt"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="ngoc"] .tin-ds:not(.nen-chat) {
  background: transparent;
}
:root[data-phong-cach="aqua"] .tin-ds :is(.tin-gio, .tin-ten, .tin-ct),
:root[data-phong-cach="dem"] .tin-ds :is(.tin-gio, .tin-ten, .tin-ct),
:root[data-phong-cach="mint"] .tin-ds :is(.tin-gio, .tin-ten, .tin-ct),
:root[data-phong-cach="cobalt"] .tin-ds :is(.tin-gio, .tin-ten, .tin-ct),
:root[data-phong-cach="ngoc"] .tin-ds :is(.tin-gio, .tin-ten, .tin-ct) {
  width: fit-content; max-width: 100%; padding: 2px 8px; border-radius: 10px;
  background: var(--mat); color: var(--chu-nhat); overflow-wrap: anywhere;
}
:root[data-phong-cach="aqua"] .tin-ds .tin.toi :is(.tin-gio, .tin-ct),
:root[data-phong-cach="dem"] .tin-ds .tin.toi :is(.tin-gio, .tin-ct),
:root[data-phong-cach="mint"] .tin-ds .tin.toi :is(.tin-gio, .tin-ct),
:root[data-phong-cach="cobalt"] .tin-ds .tin.toi :is(.tin-gio, .tin-ct),
:root[data-phong-cach="ngoc"] .tin-ds .tin.toi :is(.tin-gio, .tin-ct) { margin-left: auto; }
:root[data-phong-cach="aqua"] .tin-ds .tin-ten,
:root[data-phong-cach="dem"] .tin-ds .tin-ten,
:root[data-phong-cach="mint"] .tin-ds .tin-ten,
:root[data-phong-cach="cobalt"] .tin-ds .tin-ten,
:root[data-phong-cach="ngoc"] .tin-ds .tin-ten { color: var(--chinh-2); }
:root[data-phong-cach="aqua"] .go.go-chat,
:root[data-phong-cach="dem"] .go.go-chat,
:root[data-phong-cach="mint"] .go.go-chat,
:root[data-phong-cach="cobalt"] .go.go-chat,
:root[data-phong-cach="ngoc"] .go.go-chat {
  flex-shrink: 0; border: 1px solid var(--vien); border-radius: 26px;
  margin: 6px 4px max(8px, env(safe-area-inset-bottom)); background: var(--pc-kinh); box-shadow: var(--bong);
}
/* Giữ khe 2px và vùng an toàn hai bên để ô chữ không bị ép trên màn hẹp/ngang. */
@media (max-width: 859px) {
:root[data-phong-cach="aqua"] .go.go-chat,
:root[data-phong-cach="dem"] .go.go-chat,
:root[data-phong-cach="mint"] .go.go-chat,
:root[data-phong-cach="cobalt"] .go.go-chat,
:root[data-phong-cach="ngoc"] .go.go-chat { gap: 2px; padding: 6px max(4px, env(safe-area-inset-right)) 6px max(4px, env(safe-area-inset-left)); }
}
:root[data-phong-cach="aqua"] :is(.tim-ds, .go.go-chat):focus-within,
:root[data-phong-cach="dem"] :is(.tim-ds, .go.go-chat):focus-within,
:root[data-phong-cach="mint"] :is(.tim-ds, .go.go-chat):focus-within,
:root[data-phong-cach="cobalt"] :is(.tim-ds, .go.go-chat):focus-within,
:root[data-phong-cach="ngoc"] :is(.tim-ds, .go.go-chat):focus-within { outline: 2px solid var(--chinh-2); outline-offset: 2px; }
:root[data-phong-cach="aqua"] :is(.cd-ho-so, .cd-o, .cd-the, dialog, .hop-dau, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="dem"] :is(.cd-ho-so, .cd-o, .cd-the, dialog, .hop-dau, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="mint"] :is(.cd-ho-so, .cd-o, .cd-the, dialog, .hop-dau, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="cobalt"] :is(.cd-ho-so, .cd-o, .cd-the, dialog, .hop-dau, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu),
:root[data-phong-cach="ngoc"] :is(.cd-ho-so, .cd-o, .cd-the, dialog, .hop-dau, .bang-dinh-kem, .menu-nho, .khay-bc, .khay-kieu) {
  background: var(--pc-be-mat); border: 1px solid var(--vien);
  border-radius: var(--bo); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .cd-ho-so,
:root[data-phong-cach="dem"] .cd-ho-so,
:root[data-phong-cach="mint"] .cd-ho-so,
:root[data-phong-cach="cobalt"] .cd-ho-so,
:root[data-phong-cach="ngoc"] .cd-ho-so { min-height: 104px; padding: 18px; }
:root[data-phong-cach="aqua"] .cd-o,
:root[data-phong-cach="dem"] .cd-o,
:root[data-phong-cach="mint"] .cd-o,
:root[data-phong-cach="cobalt"] .cd-o,
:root[data-phong-cach="ngoc"] .cd-o { min-height: 110px; padding: 16px; }
:root[data-phong-cach="aqua"] .cd-hang,
:root[data-phong-cach="dem"] .cd-hang,
:root[data-phong-cach="mint"] .cd-hang,
:root[data-phong-cach="cobalt"] .cd-hang,
:root[data-phong-cach="ngoc"] .cd-hang { background: transparent; }
:root[data-phong-cach="aqua"] .hop-dau,
:root[data-phong-cach="dem"] .hop-dau,
:root[data-phong-cach="mint"] .hop-dau,
:root[data-phong-cach="cobalt"] .hop-dau,
:root[data-phong-cach="ngoc"] .hop-dau { border-width: 0 0 1px; border-radius: 0; box-shadow: inset 0 1px var(--pc-vien-kinh); }
:root[data-phong-cach="aqua"] dialog::backdrop,
:root[data-phong-cach="dem"] dialog::backdrop,
:root[data-phong-cach="mint"] dialog::backdrop,
:root[data-phong-cach="cobalt"] dialog::backdrop,
:root[data-phong-cach="ngoc"] dialog::backdrop { background: #08101f99; }
/* Chỉ gọi thoại. Camera và màn gọi thu nhỏ không bị lớp ảnh đè lên. */
:root[data-phong-cach="aqua"] .goi:not(.co-hinh):not(.goi-nho),
:root[data-phong-cach="dem"] .goi:not(.co-hinh):not(.goi-nho),
:root[data-phong-cach="mint"] .goi:not(.co-hinh):not(.goi-nho),
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh):not(.goi-nho),
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh):not(.goi-nho) {
  background: var(--nen); color: var(--chu);
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) :is(.goi-dau, .goi-nut),
:root[data-phong-cach="dem"] .goi:not(.co-hinh) :is(.goi-dau, .goi-nut),
:root[data-phong-cach="mint"] .goi:not(.co-hinh) :is(.goi-dau, .goi-nut),
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) :is(.goi-dau, .goi-nut),
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) :is(.goi-dau, .goi-nut) {
  max-width: 100%; padding: 18px; border: 1px solid var(--vien);
  border-radius: 28px; background: var(--pc-be-mat); box-shadow: var(--bong);
}
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-dau,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-dau,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-dau,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-dau,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-dau { max-width: min(100%, 560px); }
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) :is(.goi-b, .goi-b-chu, .goi-nick, .goi-tt),
:root[data-phong-cach="dem"] .goi:not(.co-hinh) :is(.goi-b, .goi-b-chu, .goi-nick, .goi-tt),
:root[data-phong-cach="mint"] .goi:not(.co-hinh) :is(.goi-b, .goi-b-chu, .goi-nick, .goi-tt),
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) :is(.goi-b, .goi-b-chu, .goi-nick, .goi-tt),
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) :is(.goi-b, .goi-b-chu, .goi-nick, .goi-tt) { color: var(--chu); opacity: 1; }
:root[data-phong-cach="aqua"] .goi:not(.co-hinh) .goi-anh,
:root[data-phong-cach="dem"] .goi:not(.co-hinh) .goi-anh,
:root[data-phong-cach="mint"] .goi:not(.co-hinh) .goi-anh,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh) .goi-anh,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) .goi-anh { border: 2px solid var(--chinh-2); box-shadow: var(--bong); }
/* Mẫu tươi: để ảnh hiện kín màn, bảo vệ từng vùng chữ thay vì phủ trắng cả form. */
:root[data-phong-cach="aqua"] .man-xanh-giua,
:root[data-phong-cach="dem"] .man-xanh-giua,
:root[data-phong-cach="mint"] .man-xanh-giua,
:root[data-phong-cach="cobalt"] .man-xanh-giua,
:root[data-phong-cach="ngoc"] .man-xanh-giua {
  width: 100%; max-width: 496px; min-height: 100dvh;
  padding-inline: 20px; background: transparent; box-shadow: none;
}
:root[data-phong-cach="aqua"] .man-xanh :is(.khau-hieu, .tieu-de, .loi-chao, .ngan, .lkm-huong-dan, .lkm-trang-thai),
:root[data-phong-cach="dem"] .man-xanh :is(.khau-hieu, .tieu-de, .loi-chao, .ngan, .lkm-huong-dan, .lkm-trang-thai),
:root[data-phong-cach="mint"] .man-xanh :is(.khau-hieu, .tieu-de, .loi-chao, .ngan, .lkm-huong-dan, .lkm-trang-thai),
:root[data-phong-cach="cobalt"] .man-xanh :is(.khau-hieu, .tieu-de, .loi-chao, .ngan, .lkm-huong-dan, .lkm-trang-thai),
:root[data-phong-cach="ngoc"] .man-xanh :is(.khau-hieu, .tieu-de, .loi-chao, .ngan, .lkm-huong-dan, .lkm-trang-thai),
:root[data-phong-cach="aqua"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="dem"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="mint"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="cobalt"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="ngoc"] .man-xanh .o > span:not(.o-mat-khau) {
  display: block; width: fit-content; max-width: 100%; padding: 4px 10px;
  margin-inline: auto; border-radius: 12px; background: var(--mat); text-shadow: none;
}
:root[data-phong-cach="aqua"] .man-xanh .lien-ket,
:root[data-phong-cach="dem"] .man-xanh .lien-ket,
:root[data-phong-cach="mint"] .man-xanh .lien-ket,
:root[data-phong-cach="cobalt"] .man-xanh .lien-ket,
:root[data-phong-cach="ngoc"] .man-xanh .lien-ket { background: var(--mat); border-radius: 12px; }
:root[data-phong-cach="aqua"] .man-xanh > .nut-lui-vao,
:root[data-phong-cach="dem"] .man-xanh > .nut-lui-vao,
:root[data-phong-cach="mint"] .man-xanh > .nut-lui-vao,
:root[data-phong-cach="cobalt"] .man-xanh > .nut-lui-vao,
:root[data-phong-cach="ngoc"] .man-xanh > .nut-lui-vao {
  background: var(--mat); color: var(--chinh-2); border-color: var(--vien); box-shadow: var(--bong);
}
/* Kính có nền đặc thay thế, chỉ làm mờ thanh nhỏ — không blur danh sách/cuộn. */
@supports (color: color-mix(in srgb, white, transparent)) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="dem"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] { --pc-kinh: color-mix(in srgb, var(--mat) 94%, transparent); }
}
@supports (backdrop-filter: blur(8px)) {
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi { background: var(--pc-kinh);   }
}
}

/* Lượt SÁNG + TƯƠI: màu no hơn, kính Cá nhân tách thành từng mặt đọc.
   Chỉ khung chính; module #hop và 8 trang con do phong-cach-muc.css giữ.
   Màu nhấn bão hoà giữ chữ trắng rõ cả tin thoại/link. */
@media (forced-colors: none) {
@media (prefers-color-scheme: light) {
:root[data-phong-cach="aqua"] {
  --tin-toi: #006aef;
  --nen-tin-toi: linear-gradient(145deg, #006aef, #0056db);
  --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="mint"] {
  --tin-toi: #00805a;
  --nen-tin-toi: linear-gradient(145deg, #00805a, #006d4d);
  --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="cobalt"] {
  --tin-toi: #d24300;
  --nen-tin-toi: linear-gradient(145deg, #d24300, #bf3a00);
  --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="ngoc"] {
  --tin-toi: #d90749;
  --nen-tin-toi: linear-gradient(145deg, #d90749, #bd0037);
  --chu-tin-toi: #ffffff;
}
}
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"] {
  --tin-toi: #006aef; --nen-tin-toi: linear-gradient(145deg, #006aef, #0056db); --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="mint"] {
  --tin-toi: #00805a; --nen-tin-toi: linear-gradient(145deg, #00805a, #006d4d); --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="cobalt"] {
  --tin-toi: #d24300; --nen-tin-toi: linear-gradient(145deg, #d24300, #bf3a00); --chu-tin-toi: #ffffff;
}
:root[data-phong-cach="ngoc"] {
  --tin-toi: #d90749; --nen-tin-toi: linear-gradient(145deg, #d90749, #bd0037); --chu-tin-toi: #ffffff;
}
}


:root[data-phong-cach="aqua"] :is(.man-xanh, #cot-canhan) .nut-chinh,
:root[data-phong-cach="mint"] :is(.man-xanh, #cot-canhan) .nut-chinh,
:root[data-phong-cach="cobalt"] :is(.man-xanh, #cot-canhan) .nut-chinh,
:root[data-phong-cach="ngoc"] :is(.man-xanh, #cot-canhan) .nut-chinh,
:root[data-phong-cach="aqua"] :is(.go .nut-chinh.nut-chinh, .the-tab .tab[aria-selected="true"]),
:root[data-phong-cach="aqua"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="mint"] :is(.go .nut-chinh.nut-chinh, .the-tab .tab[aria-selected="true"]),
:root[data-phong-cach="mint"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="cobalt"] :is(.go .nut-chinh.nut-chinh, .the-tab .tab[aria-selected="true"]),
:root[data-phong-cach="cobalt"] .go .nut-mic:has(.ico-mic),
:root[data-phong-cach="ngoc"] :is(.go .nut-chinh.nut-chinh, .the-tab .tab[aria-selected="true"]),
:root[data-phong-cach="ngoc"] .go .nut-mic:has(.ico-mic) {
  --chu-tren-chinh: var(--chu-tin-toi);
  background: var(--nen-tin-toi); color: var(--chu-tin-toi);
  border-color: transparent; box-shadow: inset 0 1px #ffffff66, 0 4px 12px var(--pc-bong-mau);
}

:root[data-phong-cach="aqua"] #cot-canhan .cd-ho-so.the-cn,
:root[data-phong-cach="dem"] #cot-canhan .cd-ho-so.the-cn,
:root[data-phong-cach="mint"] #cot-canhan .cd-ho-so.the-cn,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-ho-so.the-cn,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-ho-so.the-cn {
  min-height: 0; padding: 0; background: transparent; border: 0; box-shadow: none;
}

:root[data-phong-cach="aqua"] #cot-canhan .cd,
:root[data-phong-cach="dem"] #cot-canhan .cd,
:root[data-phong-cach="mint"] #cot-canhan .cd,
:root[data-phong-cach="cobalt"] #cot-canhan .cd,
:root[data-phong-cach="ngoc"] #cot-canhan .cd {
  background: transparent;
}

:root[data-phong-cach="aqua"] #cot-canhan :is(.the-cn-anh, .the-cn-dong, .cd-o),
:root[data-phong-cach="dem"] #cot-canhan :is(.the-cn-anh, .the-cn-dong, .cd-o),
:root[data-phong-cach="mint"] #cot-canhan :is(.the-cn-anh, .the-cn-dong, .cd-o),
:root[data-phong-cach="cobalt"] #cot-canhan :is(.the-cn-anh, .the-cn-dong, .cd-o),
:root[data-phong-cach="ngoc"] #cot-canhan :is(.the-cn-anh, .the-cn-dong, .cd-o) {
  background: var(--pc-ca-nhan, var(--mat)); color: var(--chu);
  border: 1px solid var(--vien); box-shadow: inset 0 1px var(--pc-vien-kinh), 0 3px 10px var(--pc-bong-mau);
}

:root[data-phong-cach="aqua"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-anh {
  padding: 14px; border-radius: var(--bo);
}

:root[data-phong-cach="aqua"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-ds {
  gap: 8px 12px;
}

:root[data-phong-cach="aqua"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="dem"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="mint"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o-luoi {
  gap: 14px; margin-top: 18px;
}

:root[data-phong-cach="aqua"] #cot-canhan :is(.cd-goi-y, .the-cn-dong > .ico, .the-cn-chu, .cd-o small),
:root[data-phong-cach="dem"] #cot-canhan :is(.cd-goi-y, .the-cn-dong > .ico, .the-cn-chu, .cd-o small),
:root[data-phong-cach="mint"] #cot-canhan :is(.cd-goi-y, .the-cn-dong > .ico, .the-cn-chu, .cd-o small),
:root[data-phong-cach="cobalt"] #cot-canhan :is(.cd-goi-y, .the-cn-dong > .ico, .the-cn-chu, .cd-o small),
:root[data-phong-cach="ngoc"] #cot-canhan :is(.cd-goi-y, .the-cn-dong > .ico, .the-cn-chu, .cd-o small) {
  color: var(--chu); opacity: 1;
}
@supports (color: color-mix(in srgb, white, transparent)) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] { --pc-ca-nhan: color-mix(in srgb, var(--mat) 82%, transparent); }
:root[data-phong-cach="dem"] { --pc-ca-nhan: color-mix(in srgb, var(--mat) 90%, transparent); }
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] { --pc-ca-nhan: color-mix(in srgb, var(--mat) 90%, transparent); }
}
}
}

/* Chi tiết MẪU TƯƠI theo Claude #251/6552016513; chỉ trình bày DOM sẵn có. */
@media (forced-colors: none) {

:root[data-phong-cach="aqua"] #dau-chat,
:root[data-phong-cach="dem"] #dau-chat,
:root[data-phong-cach="mint"] #dau-chat,
:root[data-phong-cach="cobalt"] #dau-chat,
:root[data-phong-cach="ngoc"] #dau-chat {
  flex-shrink: 0; margin: max(8px, env(safe-area-inset-top)) 8px 4px; padding: 8px;
  border: 1px solid var(--pc-vien-kinh); border-radius: 24px;
  background: var(--pc-ca-nhan, var(--mat)); color: var(--chu); box-shadow: var(--bong);
}

:root[data-phong-cach="aqua"] #dau-chat > .nut,
:root[data-phong-cach="dem"] #dau-chat > .nut,
:root[data-phong-cach="mint"] #dau-chat > .nut,
:root[data-phong-cach="cobalt"] #dau-chat > .nut,
:root[data-phong-cach="ngoc"] #dau-chat > .nut {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--nen-tin-toi); color: var(--chu-tin-toi); border-color: transparent;
  box-shadow: inset 0 1px #ffffff66, 0 3px 8px var(--pc-bong-mau);
}

:root[data-phong-cach="aqua"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="dem"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="mint"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="cobalt"] .go .nut-mic:has(.ico-kep),
:root[data-phong-cach="ngoc"] .go .nut-mic:has(.ico-kep) {
  background: var(--nen-tin-toi); color: var(--chu-tin-toi); border-color: transparent; border-radius: 50%;
  box-shadow: inset 0 1px #ffffff66, 0 3px 8px var(--pc-bong-mau);
}

:root[data-phong-cach="aqua"] .go .ico-kep,
:root[data-phong-cach="dem"] .go .ico-kep,
:root[data-phong-cach="mint"] .go .ico-kep,
:root[data-phong-cach="cobalt"] .go .ico-kep,
:root[data-phong-cach="ngoc"] .go .ico-kep {
  --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3h3v7.5H21v3h-7.5V21h-3v-7.5H3v-3h7.5z'/%3E%3C/svg%3E");
}
/* Kính rất nhỏ phía sau giờ, không viên trắng lớn; đủ tương phản trên mọi ảnh. */

:root[data-phong-cach="aqua"] .tin-ds .tin-gio,
:root[data-phong-cach="dem"] .tin-ds .tin-gio,
:root[data-phong-cach="mint"] .tin-ds .tin-gio,
:root[data-phong-cach="cobalt"] .tin-ds .tin-gio,
:root[data-phong-cach="ngoc"] .tin-ds .tin-gio {
  padding: 0 3px; margin-block: 3px 7px; border: 0; border-radius: 2px;
  background: var(--pc-kinh, var(--mat)); color: var(--chu); font-size: .68rem;
  line-height: 1.4; box-shadow: none; text-shadow: none;
}

:root[data-phong-cach="aqua"] .tin-gio .doc,
:root[data-phong-cach="dem"] .tin-gio .doc,
:root[data-phong-cach="mint"] .tin-gio .doc,
:root[data-phong-cach="cobalt"] .tin-gio .doc,
:root[data-phong-cach="ngoc"] .tin-gio .doc { color: inherit; }

:root[data-phong-cach="aqua"] .tin:has(> .cx-chips),
:root[data-phong-cach="dem"] .tin:has(> .cx-chips),
:root[data-phong-cach="mint"] .tin:has(> .cx-chips),
:root[data-phong-cach="cobalt"] .tin:has(> .cx-chips),
:root[data-phong-cach="ngoc"] .tin:has(> .cx-chips) { position: relative; }

:root[data-phong-cach="aqua"] .tin > .cx-chips:has(> .cx-chip:only-child),
:root[data-phong-cach="dem"] .tin > .cx-chips:has(> .cx-chip:only-child),
:root[data-phong-cach="mint"] .tin > .cx-chips:has(> .cx-chip:only-child),
:root[data-phong-cach="cobalt"] .tin > .cx-chips:has(> .cx-chip:only-child),
:root[data-phong-cach="ngoc"] .tin > .cx-chips:has(> .cx-chip:only-child) {
  position: absolute; inset-inline-end: -8px; bottom: 0; margin: 0; z-index: 1;
}

:root[data-phong-cach="aqua"] .tin:has(> .cx-chips > .cx-chip:only-child) > .tin-gio,
:root[data-phong-cach="dem"] .tin:has(> .cx-chips > .cx-chip:only-child) > .tin-gio,
:root[data-phong-cach="mint"] .tin:has(> .cx-chips > .cx-chip:only-child) > .tin-gio,
:root[data-phong-cach="cobalt"] .tin:has(> .cx-chips > .cx-chip:only-child) > .tin-gio,
:root[data-phong-cach="ngoc"] .tin:has(> .cx-chips > .cx-chip:only-child) > .tin-gio { margin-inline-end: 42px; }

:root[data-phong-cach="aqua"] .cx-chip,
:root[data-phong-cach="dem"] .cx-chip,
:root[data-phong-cach="mint"] .cx-chip,
:root[data-phong-cach="cobalt"] .cx-chip,
:root[data-phong-cach="ngoc"] .cx-chip {
  justify-content: center; min-width: 44px; min-height: 44px; padding: 6px;
  border-radius: 999px; background: var(--mat); color: var(--chu); box-shadow: 0 1px 3px var(--pc-bong-mau);
}

:root[data-phong-cach="aqua"] .cx-chip .cx-yeu,
:root[data-phong-cach="dem"] .cx-chip .cx-yeu,
:root[data-phong-cach="mint"] .cx-chip .cx-yeu,
:root[data-phong-cach="cobalt"] .cx-chip .cx-yeu,
:root[data-phong-cach="ngoc"] .cx-chip .cx-yeu { color: #d10b43; }

:root[data-phong-cach="aqua"] .cx-chip:has(.cx-yeu),
:root[data-phong-cach="dem"] .cx-chip:has(.cx-yeu),
:root[data-phong-cach="mint"] .cx-chip:has(.cx-yeu),
:root[data-phong-cach="cobalt"] .cx-chip:has(.cx-yeu),
:root[data-phong-cach="ngoc"] .cx-chip:has(.cx-yeu),
:root[data-phong-cach="aqua"] .cx-chip:has(use[href*="2764"]),
:root[data-phong-cach="dem"] .cx-chip:has(use[href*="2764"]),
:root[data-phong-cach="mint"] .cx-chip:has(use[href*="2764"]),
:root[data-phong-cach="cobalt"] .cx-chip:has(use[href*="2764"]),
:root[data-phong-cach="ngoc"] .cx-chip:has(use[href*="2764"]) {
  background: #ffffff; color: #4d1527; border-color: #edb9c9;
}

:root[data-phong-cach="aqua"] .tin-ds > .tin-ngay,
:root[data-phong-cach="dem"] .tin-ds > .tin-ngay,
:root[data-phong-cach="mint"] .tin-ds > .tin-ngay,
:root[data-phong-cach="cobalt"] .tin-ds > .tin-ngay,
:root[data-phong-cach="ngoc"] .tin-ds > .tin-ngay {
  align-self: stretch; text-align: center; margin: 8px 0 12px; flex-shrink: 0;
}

:root[data-phong-cach="aqua"] .tin-ngay > span,
:root[data-phong-cach="dem"] .tin-ngay > span,
:root[data-phong-cach="mint"] .tin-ngay > span,
:root[data-phong-cach="cobalt"] .tin-ngay > span,
:root[data-phong-cach="ngoc"] .tin-ngay > span {
  display: inline-block; max-width: calc(100% - 24px); padding: 4px 14px;
  border: 1px solid var(--vien); border-radius: 999px; background: var(--pc-kinh, var(--mat));
  color: var(--chu); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere;
}
/* Màn rất hẹp: tên/ảnh ở hàng trên, bốn nút ở hàng dưới để giữ vùng chạm. */
@media (max-width: 600px) {

:root[data-phong-cach="aqua"] #dau-chat,
:root[data-phong-cach="dem"] #dau-chat,
:root[data-phong-cach="mint"] #dau-chat,
:root[data-phong-cach="cobalt"] #dau-chat,
:root[data-phong-cach="ngoc"] #dau-chat {
  display: grid; grid-template-columns: 44px 36px repeat(4, minmax(0, 1fr)); gap: 6px;
}

:root[data-phong-cach="aqua"] #dau-chat > h2,
:root[data-phong-cach="dem"] #dau-chat > h2,
:root[data-phong-cach="mint"] #dau-chat > h2,
:root[data-phong-cach="cobalt"] #dau-chat > h2,
:root[data-phong-cach="ngoc"] #dau-chat > h2 { grid-column: 3 / -1; grid-row: 1; }

:root[data-phong-cach="aqua"] #dau-chat > .nut:not(.lui-chinh),
:root[data-phong-cach="dem"] #dau-chat > .nut:not(.lui-chinh),
:root[data-phong-cach="mint"] #dau-chat > .nut:not(.lui-chinh),
:root[data-phong-cach="cobalt"] #dau-chat > .nut:not(.lui-chinh),
:root[data-phong-cach="ngoc"] #dau-chat > .nut:not(.lui-chinh) { grid-row: 2; justify-self: center; }

:root[data-phong-cach="aqua"] #dau-chat > .nut:nth-of-type(2),
:root[data-phong-cach="dem"] #dau-chat > .nut:nth-of-type(2),
:root[data-phong-cach="mint"] #dau-chat > .nut:nth-of-type(2),
:root[data-phong-cach="cobalt"] #dau-chat > .nut:nth-of-type(2),
:root[data-phong-cach="ngoc"] #dau-chat > .nut:nth-of-type(2) { grid-column: 3; }

:root[data-phong-cach="aqua"] #dau-chat > .nut:nth-of-type(3),
:root[data-phong-cach="dem"] #dau-chat > .nut:nth-of-type(3),
:root[data-phong-cach="mint"] #dau-chat > .nut:nth-of-type(3),
:root[data-phong-cach="cobalt"] #dau-chat > .nut:nth-of-type(3),
:root[data-phong-cach="ngoc"] #dau-chat > .nut:nth-of-type(3) { grid-column: 4; }

:root[data-phong-cach="aqua"] #dau-chat > .nut:nth-of-type(4),
:root[data-phong-cach="dem"] #dau-chat > .nut:nth-of-type(4),
:root[data-phong-cach="mint"] #dau-chat > .nut:nth-of-type(4),
:root[data-phong-cach="cobalt"] #dau-chat > .nut:nth-of-type(4),
:root[data-phong-cach="ngoc"] #dau-chat > .nut:nth-of-type(4) { grid-column: 5; }

:root[data-phong-cach="aqua"] #dau-chat > .nut:nth-of-type(5),
:root[data-phong-cach="dem"] #dau-chat > .nut:nth-of-type(5),
:root[data-phong-cach="mint"] #dau-chat > .nut:nth-of-type(5),
:root[data-phong-cach="cobalt"] #dau-chat > .nut:nth-of-type(5),
:root[data-phong-cach="ngoc"] #dau-chat > .nut:nth-of-type(5) { grid-column: 6; }
}
/* Từ375px: một hàng như mẫu, mỗi nút vẫn44px; ảnh32px có vùng chạm44px.
   Lề3px + gap4px giữ vùng chạm ảnh không đè các nút kề bên. */
@media (min-width: 375px) and (max-width: 600px) {
:root[data-phong-cach="aqua"] #dau-chat,
:root[data-phong-cach="dem"] #dau-chat,
:root[data-phong-cach="mint"] #dau-chat,
:root[data-phong-cach="cobalt"] #dau-chat,
:root[data-phong-cach="ngoc"] #dau-chat { display: flex; gap: 4px; }
:root[data-phong-cach="aqua"] #dau-chat > .anh-dai,
:root[data-phong-cach="dem"] #dau-chat > .anh-dai,
:root[data-phong-cach="mint"] #dau-chat > .anh-dai,
:root[data-phong-cach="cobalt"] #dau-chat > .anh-dai,
:root[data-phong-cach="ngoc"] #dau-chat > .anh-dai {
  width: 32px; min-width: 32px; height: 32px; flex: 0 0 32px; margin-inline: 3px;
}
:root[data-phong-cach="aqua"] #dau-chat > .anh-dai[data-dau-ho-so]::after,
:root[data-phong-cach="dem"] #dau-chat > .anh-dai[data-dau-ho-so]::after,
:root[data-phong-cach="mint"] #dau-chat > .anh-dai[data-dau-ho-so]::after,
:root[data-phong-cach="cobalt"] #dau-chat > .anh-dai[data-dau-ho-so]::after,
:root[data-phong-cach="ngoc"] #dau-chat > .anh-dai[data-dau-ho-so]::after { inset: -6px; }
:root[data-phong-cach="aqua"] #dau-chat > h2,
:root[data-phong-cach="dem"] #dau-chat > h2,
:root[data-phong-cach="mint"] #dau-chat > h2,
:root[data-phong-cach="cobalt"] #dau-chat > h2,
:root[data-phong-cach="ngoc"] #dau-chat > h2 {
  flex: 1; min-width: 0; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-phong-cach="aqua"] #dau-chat > .nut,
:root[data-phong-cach="dem"] #dau-chat > .nut,
:root[data-phong-cach="mint"] #dau-chat > .nut,
:root[data-phong-cach="cobalt"] #dau-chat > .nut,
:root[data-phong-cach="ngoc"] #dau-chat > .nut { flex: 0 0 44px; }
}
@media (prefers-color-scheme: light) {

:root[data-phong-cach="aqua"] :is(.khung-chinh, .man-xanh),
:root[data-phong-cach="mint"] :is(.khung-chinh, .man-xanh),
:root[data-phong-cach="cobalt"] :is(.khung-chinh, .man-xanh),
:root[data-phong-cach="ngoc"] :is(.khung-chinh, .man-xanh),
:root[data-phong-cach="aqua"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="mint"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="cobalt"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="ngoc"] .tin-ds:not(.nen-chat) {
  background-image: none;
}
}
}

/* Nền TƯƠI ở mọi màn: chỉ các panel dùng kính; bong bóng tin vẫn đặc.
   RGBA có sẵn cả khi máy không hỗ trợ color-mix. Không đổi ảnh hay vị trí/luồng tin. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] { --pc-be-mat: rgba(255, 255, 255, 0.78); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="dem"] { --pc-be-mat: rgba(36, 24, 50, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="mint"] { --pc-be-mat: rgba(251, 255, 252, 0.78); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="cobalt"] { --pc-be-mat: rgba(255, 253, 249, 0.78); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="ngoc"] { --pc-be-mat: rgba(255, 250, 251, 0.78); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"] { --pc-be-mat: rgba(21, 44, 66, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="dem"] { --pc-be-mat: rgba(36, 24, 50, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="mint"] { --pc-be-mat: rgba(21, 53, 41, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="cobalt"] { --pc-be-mat: rgba(57, 36, 17, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
:root[data-phong-cach="ngoc"] { --pc-be-mat: rgba(56, 23, 34, 0.86); --pc-kinh: var(--pc-be-mat); --pc-ca-nhan: var(--pc-be-mat); }
}

:root[data-phong-cach="aqua"] :is(.cot-ds, .man-xanh, .thanh-duoi, .menu-nho, .bang-dinh-kem, .khay-bc, .khay-kieu, .hop-dau),
:root[data-phong-cach="aqua"] #dau-chat,
:root[data-phong-cach="aqua"] .go.go-chat,
:root[data-phong-cach="aqua"] .goi:not(.co-hinh),
:root[data-phong-cach="dem"] :is(.cot-ds, .man-xanh, .thanh-duoi, .menu-nho, .bang-dinh-kem, .khay-bc, .khay-kieu, .hop-dau),
:root[data-phong-cach="dem"] #dau-chat,
:root[data-phong-cach="dem"] .go.go-chat,
:root[data-phong-cach="dem"] .goi:not(.co-hinh),
:root[data-phong-cach="mint"] :is(.cot-ds, .man-xanh, .thanh-duoi, .menu-nho, .bang-dinh-kem, .khay-bc, .khay-kieu, .hop-dau),
:root[data-phong-cach="mint"] #dau-chat,
:root[data-phong-cach="mint"] .go.go-chat,
:root[data-phong-cach="mint"] .goi:not(.co-hinh),
:root[data-phong-cach="cobalt"] :is(.cot-ds, .man-xanh, .thanh-duoi, .menu-nho, .bang-dinh-kem, .khay-bc, .khay-kieu, .hop-dau),
:root[data-phong-cach="cobalt"] #dau-chat,
:root[data-phong-cach="cobalt"] .go.go-chat,
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh),
:root[data-phong-cach="ngoc"] :is(.cot-ds, .man-xanh, .thanh-duoi, .menu-nho, .bang-dinh-kem, .khay-bc, .khay-kieu, .hop-dau),
:root[data-phong-cach="ngoc"] #dau-chat,
:root[data-phong-cach="ngoc"] .go.go-chat,
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) {
  --chu-nhat: var(--chu); --bieu-nhat: var(--chu);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .khau-hieu, .man-xanh .tieu-de, .man-xanh .loi-chao, .man-xanh .ngan, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai, .man-xanh .lien-ket, .muc[aria-current="true"]),
:root[data-phong-cach="aqua"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="aqua"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="aqua"] :is(.trong, .cd-tieu-de, .dai-cx),
:root[data-phong-cach="dem"] :is(.man-xanh .khau-hieu, .man-xanh .tieu-de, .man-xanh .loi-chao, .man-xanh .ngan, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai, .man-xanh .lien-ket, .muc[aria-current="true"]),
:root[data-phong-cach="dem"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="dem"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="dem"] :is(.trong, .cd-tieu-de, .dai-cx),
:root[data-phong-cach="mint"] :is(.man-xanh .khau-hieu, .man-xanh .tieu-de, .man-xanh .loi-chao, .man-xanh .ngan, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai, .man-xanh .lien-ket, .muc[aria-current="true"]),
:root[data-phong-cach="mint"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="mint"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="mint"] :is(.trong, .cd-tieu-de, .dai-cx),
:root[data-phong-cach="cobalt"] :is(.man-xanh .khau-hieu, .man-xanh .tieu-de, .man-xanh .loi-chao, .man-xanh .ngan, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai, .man-xanh .lien-ket, .muc[aria-current="true"]),
:root[data-phong-cach="cobalt"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="cobalt"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="cobalt"] :is(.trong, .cd-tieu-de, .dai-cx),
:root[data-phong-cach="ngoc"] :is(.man-xanh .khau-hieu, .man-xanh .tieu-de, .man-xanh .loi-chao, .man-xanh .ngan, .man-xanh .lkm-huong-dan, .man-xanh .lkm-trang-thai, .man-xanh .lien-ket, .muc[aria-current="true"]),
:root[data-phong-cach="ngoc"] .man-xanh .o > span:not(.o-mat-khau),
:root[data-phong-cach="ngoc"] :is(.man-xanh .o input, .man-xanh .o textarea),
:root[data-phong-cach="ngoc"] :is(.trong, .cd-tieu-de, .dai-cx) {
  background: var(--pc-be-mat); color: var(--chu);
}

:root[data-phong-cach="aqua"] :is(.man-xanh .lien-ket a, .man-xanh .day a, .man-xanh .loi-chao a),
:root[data-phong-cach="aqua"] .cot-ds a,
:root[data-phong-cach="dem"] :is(.man-xanh .lien-ket a, .man-xanh .day a, .man-xanh .loi-chao a),
:root[data-phong-cach="dem"] .cot-ds a,
:root[data-phong-cach="mint"] :is(.man-xanh .lien-ket a, .man-xanh .day a, .man-xanh .loi-chao a),
:root[data-phong-cach="mint"] .cot-ds a,
:root[data-phong-cach="cobalt"] :is(.man-xanh .lien-ket a, .man-xanh .day a, .man-xanh .loi-chao a),
:root[data-phong-cach="cobalt"] .cot-ds a,
:root[data-phong-cach="ngoc"] :is(.man-xanh .lien-ket a, .man-xanh .day a, .man-xanh .loi-chao a),
:root[data-phong-cach="ngoc"] .cot-ds a { color: var(--chu); }
:root[data-phong-cach="aqua"] .go.go-chat textarea,
:root[data-phong-cach="aqua"] .tim-ds input,
:root[data-phong-cach="dem"] .go.go-chat textarea,
:root[data-phong-cach="dem"] .tim-ds input,
:root[data-phong-cach="mint"] .go.go-chat textarea,
:root[data-phong-cach="mint"] .tim-ds input,
:root[data-phong-cach="cobalt"] .go.go-chat textarea,
:root[data-phong-cach="cobalt"] .tim-ds input,
:root[data-phong-cach="ngoc"] .go.go-chat textarea,
:root[data-phong-cach="ngoc"] .tim-ds input { background: transparent; color: var(--chu); }
}

/* Lỗi đăng nhập: kính theo phong cách, chữ rõ cả Tối; chỉ hiện khi có nội dung. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] .man-xanh .loi:not(:empty),
:root[data-phong-cach="dem"] .man-xanh .loi:not(:empty),
:root[data-phong-cach="mint"] .man-xanh .loi:not(:empty),
:root[data-phong-cach="cobalt"] .man-xanh .loi:not(:empty),
:root[data-phong-cach="ngoc"] .man-xanh .loi:not(:empty) {
  background: var(--pc-be-mat); color: var(--chu);
  border: 1px solid var(--do); border-inline-start-width: 3px;
}
}

/* Gọn màn chính sau phản hồi v176: giữ vùng chạm, giảm đệm và lớp vẽ.
   Hộp/trang con do phong-cach-muc.css giữ; không đổi luồng/nút/HTML. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] body,
:root[data-phong-cach="dem"] body,
:root[data-phong-cach="mint"] body,
:root[data-phong-cach="cobalt"] body,
:root[data-phong-cach="ngoc"] body {
  background: var(--nen); background-attachment: scroll;
}
:root[data-phong-cach="aqua"] #app > .dang-tai,
:root[data-phong-cach="dem"] #app > .dang-tai,
:root[data-phong-cach="mint"] #app > .dang-tai,
:root[data-phong-cach="cobalt"] #app > .dang-tai,
:root[data-phong-cach="ngoc"] #app > .dang-tai {
  width: fit-content; max-width: min(420px, calc(100% - 32px)); margin: clamp(20px, 6dvh, 48px) auto;
  padding: 14px 16px; border: 1px solid var(--vien); border-radius: 12px;
  background: var(--pc-be-mat); color: var(--chu); text-shadow: none; overflow-wrap: anywhere;
}
:root[data-phong-cach="aqua"] .cot-ds .muc,
:root[data-phong-cach="dem"] .cot-ds .muc,
:root[data-phong-cach="mint"] .cot-ds .muc,
:root[data-phong-cach="cobalt"] .cot-ds .muc,
:root[data-phong-cach="ngoc"] .cot-ds .muc {
  width: calc(100% - 20px); min-height: 64px; height: auto; margin: 2px 10px; padding: 10px; gap: 10px;
  border-width: 0 0 1px; border-radius: 0; box-shadow: none;
}
:root[data-phong-cach="ngoc"] .cot-ds .muc { border-radius: 0; box-shadow: none; }
:root[data-phong-cach="aqua"] .cot-ds .muc > .anh-dai,
:root[data-phong-cach="dem"] .cot-ds .muc > .anh-dai,
:root[data-phong-cach="mint"] .cot-ds .muc > .anh-dai,
:root[data-phong-cach="cobalt"] .cot-ds .muc > .anh-dai,
:root[data-phong-cach="ngoc"] .cot-ds .muc > .anh-dai {
  width: 44px; min-width: 44px; height: 44px; font-size: 1rem;
}
:root[data-phong-cach="aqua"] #cot-tc > .dau,
:root[data-phong-cach="dem"] #cot-tc > .dau,
:root[data-phong-cach="mint"] #cot-tc > .dau,
:root[data-phong-cach="cobalt"] #cot-tc > .dau,
:root[data-phong-cach="ngoc"] #cot-tc > .dau {
  padding: max(8px, env(safe-area-inset-top)) 10px 8px;
}
:root[data-phong-cach="aqua"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="dem"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="mint"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="cobalt"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="ngoc"] #cot-tc .dau .logo-chu {
  width: min(160px, 50cqw); max-width: 100%; height: auto;
}
:root[data-phong-cach="aqua"] .tim-ds,
:root[data-phong-cach="dem"] .tim-ds,
:root[data-phong-cach="mint"] .tim-ds,
:root[data-phong-cach="cobalt"] .tim-ds,
:root[data-phong-cach="ngoc"] .tim-ds {
  min-height: 44px; border-radius: 14px;
}
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  margin-block: 6px max(6px, env(safe-area-inset-bottom)); padding: 4px;
  border-radius: 18px;
}
:root[data-phong-cach="aqua"] .muc-duoi,
:root[data-phong-cach="dem"] .muc-duoi,
:root[data-phong-cach="mint"] .muc-duoi,
:root[data-phong-cach="cobalt"] .muc-duoi,
:root[data-phong-cach="ngoc"] .muc-duoi {
  min-height: 48px; height: auto; padding: 4px 2px; gap: 2px; border-radius: 12px;
}
:root[data-phong-cach="aqua"] .muc-duoi .vien-ico,
:root[data-phong-cach="dem"] .muc-duoi .vien-ico,
:root[data-phong-cach="mint"] .muc-duoi .vien-ico,
:root[data-phong-cach="cobalt"] .muc-duoi .vien-ico,
:root[data-phong-cach="ngoc"] .muc-duoi .vien-ico {
  height: 28px;
}
:root[data-phong-cach="aqua"] .muc-duoi .ico,
:root[data-phong-cach="dem"] .muc-duoi .ico,
:root[data-phong-cach="mint"] .muc-duoi .ico,
:root[data-phong-cach="cobalt"] .muc-duoi .ico,
:root[data-phong-cach="ngoc"] .muc-duoi .ico {
  width: 22px; height: 22px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-anh {
  padding: 10px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-ds {
  gap: 6px 8px;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="dem"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="mint"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o-luoi {
  gap: 8px; margin-top: 12px;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o,
:root[data-phong-cach="dem"] #cot-canhan .cd-o,
:root[data-phong-cach="mint"] #cot-canhan .cd-o,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o {
  min-height: 82px; height: auto; padding: 10px; border-radius: 14px;
  box-shadow: inset 0 1px var(--pc-vien-kinh), 0 2px 6px var(--pc-bong-mau);
}
:root[data-phong-cach="aqua"] .go.go-chat,
:root[data-phong-cach="dem"] .go.go-chat,
:root[data-phong-cach="mint"] .go.go-chat,
:root[data-phong-cach="cobalt"] .go.go-chat,
:root[data-phong-cach="ngoc"] .go.go-chat {
  margin-block: 4px max(6px, env(safe-area-inset-bottom)); border-radius: 18px;
}
:root[data-phong-cach="aqua"] .khung-chinh :is(.muc, .cd-ho-so, .cd-o, .cd-the, .the-cn-anh, .the-cn-dong, .tin, .tin-hop, .tin-gio, .go),
:root[data-phong-cach="dem"] .khung-chinh :is(.muc, .cd-ho-so, .cd-o, .cd-the, .the-cn-anh, .the-cn-dong, .tin, .tin-hop, .tin-gio, .go),
:root[data-phong-cach="mint"] .khung-chinh :is(.muc, .cd-ho-so, .cd-o, .cd-the, .the-cn-anh, .the-cn-dong, .tin, .tin-hop, .tin-gio, .go),
:root[data-phong-cach="cobalt"] .khung-chinh :is(.muc, .cd-ho-so, .cd-o, .cd-the, .the-cn-anh, .the-cn-dong, .tin, .tin-hop, .tin-gio, .go),
:root[data-phong-cach="ngoc"] .khung-chinh :is(.muc, .cd-ho-so, .cd-o, .cd-the, .the-cn-anh, .the-cn-dong, .tin, .tin-hop, .tin-gio, .go) {
  -webkit-backdrop-filter: none; backdrop-filter: none;
}

:root[data-phong-cach="aqua"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="aqua"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="aqua"] .goi:not(.co-hinh),
:root[data-phong-cach="dem"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="dem"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="dem"] .goi:not(.co-hinh),
:root[data-phong-cach="mint"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="mint"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="mint"] .goi:not(.co-hinh),
:root[data-phong-cach="cobalt"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="cobalt"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="cobalt"] .goi:not(.co-hinh),
:root[data-phong-cach="ngoc"] :is(.khung-chinh, .ca-nhan, .man-xanh),
:root[data-phong-cach="ngoc"] .tin-ds:not(.nen-chat),
:root[data-phong-cach="ngoc"] .goi:not(.co-hinh) {
  background-attachment: scroll;
}
@media (max-width: 859px) {
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
:root[data-phong-cach="aqua"] .go.go-chat,
:root[data-phong-cach="dem"] .go.go-chat,
:root[data-phong-cach="mint"] .go.go-chat,
:root[data-phong-cach="cobalt"] .go.go-chat,
:root[data-phong-cach="ngoc"] .go.go-chat {
  padding-block: 4px;
}
}
}

/* Danh sách PHẲNG theo mẫu Thông báo anh chốt: chỉ các cột chính.
   Không tạo tiêu đề/thời gian/trạng thái mới; giữ dữ liệu và các nút thật. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="dem"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] {
  --pc-ds-phu: #5e6876;
}
:root[data-phong-cach="dem"] { --pc-ds-phu: #c4bacf; }
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"],
:root[data-phong-cach="dem"],
:root[data-phong-cach="mint"],
:root[data-phong-cach="cobalt"],
:root[data-phong-cach="ngoc"] {
  --pc-ds-phu: #bbc6d3;
}
}

:root[data-phong-cach="aqua"] :is(#cot-tc, #cot-goi, #cot-canhan),
:root[data-phong-cach="dem"] :is(#cot-tc, #cot-goi, #cot-canhan),
:root[data-phong-cach="mint"] :is(#cot-tc, #cot-goi, #cot-canhan),
:root[data-phong-cach="cobalt"] :is(#cot-tc, #cot-goi, #cot-canhan),
:root[data-phong-cach="ngoc"] :is(#cot-tc, #cot-goi, #cot-canhan) {
  background: var(--nen); --chu-nhat: var(--pc-ds-phu); --bieu-nhat: var(--pc-ds-phu);
}

:root[data-phong-cach="aqua"] :is(#cot-tc > .ds, #cot-goi > .ds, #cot-canhan .ca-nhan),
:root[data-phong-cach="dem"] :is(#cot-tc > .ds, #cot-goi > .ds, #cot-canhan .ca-nhan),
:root[data-phong-cach="mint"] :is(#cot-tc > .ds, #cot-goi > .ds, #cot-canhan .ca-nhan),
:root[data-phong-cach="cobalt"] :is(#cot-tc > .ds, #cot-goi > .ds, #cot-canhan .ca-nhan),
:root[data-phong-cach="ngoc"] :is(#cot-tc > .ds, #cot-goi > .ds, #cot-canhan .ca-nhan) {
  background: transparent;
}

:root[data-phong-cach="aqua"] :is(#cot-tc > .dau, #cot-goi > .dau, #cot-canhan > .dau),
:root[data-phong-cach="dem"] :is(#cot-tc > .dau, #cot-goi > .dau, #cot-canhan > .dau),
:root[data-phong-cach="mint"] :is(#cot-tc > .dau, #cot-goi > .dau, #cot-canhan > .dau),
:root[data-phong-cach="cobalt"] :is(#cot-tc > .dau, #cot-goi > .dau, #cot-canhan > .dau),
:root[data-phong-cach="ngoc"] :is(#cot-tc > .dau, #cot-goi > .dau, #cot-canhan > .dau) {
  margin: 0; padding: max(12px, env(safe-area-inset-top)) 16px 10px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-goi > .dau h2, #cot-canhan > .dau h2),
:root[data-phong-cach="dem"] :is(#cot-goi > .dau h2, #cot-canhan > .dau h2),
:root[data-phong-cach="mint"] :is(#cot-goi > .dau h2, #cot-canhan > .dau h2),
:root[data-phong-cach="cobalt"] :is(#cot-goi > .dau h2, #cot-canhan > .dau h2),
:root[data-phong-cach="ngoc"] :is(#cot-goi > .dau h2, #cot-canhan > .dau h2) {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2; color: var(--chu);
}
:root[data-phong-cach="aqua"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="dem"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="mint"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="cobalt"] #cot-tc .dau .logo-chu,
:root[data-phong-cach="ngoc"] #cot-tc .dau .logo-chu {
  width: 112px; max-width: 38vw; height: auto;
}
:root[data-phong-cach="aqua"] #cot-tc .dau .phu,
:root[data-phong-cach="dem"] #cot-tc .dau .phu,
:root[data-phong-cach="mint"] #cot-tc .dau .phu,
:root[data-phong-cach="cobalt"] #cot-tc .dau .phu,
:root[data-phong-cach="ngoc"] #cot-tc .dau .phu {
  color: var(--pc-ds-phu); font-size: .875rem; text-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-tc .the-tab, #cot-goi .the-tab),
:root[data-phong-cach="dem"] :is(#cot-tc .the-tab, #cot-goi .the-tab),
:root[data-phong-cach="mint"] :is(#cot-tc .the-tab, #cot-goi .the-tab),
:root[data-phong-cach="cobalt"] :is(#cot-tc .the-tab, #cot-goi .the-tab),
:root[data-phong-cach="ngoc"] :is(#cot-tc .the-tab, #cot-goi .the-tab) {
  margin: 4px 16px 8px; padding: 3px; border: 0; border-radius: 12px;
  background: var(--mat-2); box-shadow: none;
}
:root[data-phong-cach="aqua"] #cot-tc .tim-ds,
:root[data-phong-cach="dem"] #cot-tc .tim-ds,
:root[data-phong-cach="mint"] #cot-tc .tim-ds,
:root[data-phong-cach="cobalt"] #cot-tc .tim-ds,
:root[data-phong-cach="ngoc"] #cot-tc .tim-ds {
  margin: 4px 16px 8px; border: 0; background: var(--mat-2); box-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-tc .muc, #cot-goi .muc),
:root[data-phong-cach="dem"] :is(#cot-tc .muc, #cot-goi .muc),
:root[data-phong-cach="mint"] :is(#cot-tc .muc, #cot-goi .muc),
:root[data-phong-cach="cobalt"] :is(#cot-tc .muc, #cot-goi .muc),
:root[data-phong-cach="ngoc"] :is(#cot-tc .muc, #cot-goi .muc) {
  width: 100%; min-height: 64px; height: auto; margin: 0; padding: 8px 16px; gap: 12px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-tc .muc[aria-current="true"], #cot-goi .muc[aria-current="true"]),
:root[data-phong-cach="dem"] :is(#cot-tc .muc[aria-current="true"], #cot-goi .muc[aria-current="true"]),
:root[data-phong-cach="mint"] :is(#cot-tc .muc[aria-current="true"], #cot-goi .muc[aria-current="true"]),
:root[data-phong-cach="cobalt"] :is(#cot-tc .muc[aria-current="true"], #cot-goi .muc[aria-current="true"]),
:root[data-phong-cach="ngoc"] :is(#cot-tc .muc[aria-current="true"], #cot-goi .muc[aria-current="true"]) {
  background: var(--mat-2); box-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-tc .muc .muc-ten, #cot-goi .muc .muc-ten),
:root[data-phong-cach="dem"] :is(#cot-tc .muc .muc-ten, #cot-goi .muc .muc-ten),
:root[data-phong-cach="mint"] :is(#cot-tc .muc .muc-ten, #cot-goi .muc .muc-ten),
:root[data-phong-cach="cobalt"] :is(#cot-tc .muc .muc-ten, #cot-goi .muc .muc-ten),
:root[data-phong-cach="ngoc"] :is(#cot-tc .muc .muc-ten, #cot-goi .muc .muc-ten) {
  font-size: 1rem; font-weight: 700; line-height: 1.35; color: var(--chu);
}

:root[data-phong-cach="aqua"] :is(#cot-tc .muc .muc-xem, #cot-goi .muc .muc-xem),
:root[data-phong-cach="dem"] :is(#cot-tc .muc .muc-xem, #cot-goi .muc .muc-xem),
:root[data-phong-cach="mint"] :is(#cot-tc .muc .muc-xem, #cot-goi .muc .muc-xem),
:root[data-phong-cach="cobalt"] :is(#cot-tc .muc .muc-xem, #cot-goi .muc .muc-xem),
:root[data-phong-cach="ngoc"] :is(#cot-tc .muc .muc-xem, #cot-goi .muc .muc-xem) {
  font-size: .875rem; line-height: 1.4; color: var(--pc-ds-phu); opacity: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-phong-cach="aqua"] #cot-goi .muc .muc-xem.canh,
:root[data-phong-cach="dem"] #cot-goi .muc .muc-xem.canh,
:root[data-phong-cach="mint"] #cot-goi .muc .muc-xem.canh,
:root[data-phong-cach="cobalt"] #cot-goi .muc .muc-xem.canh,
:root[data-phong-cach="ngoc"] #cot-goi .muc .muc-xem.canh {
  color: var(--do);
}
:root[data-phong-cach="aqua"] #cot-tc .muc .muc-ben,
:root[data-phong-cach="dem"] #cot-tc .muc .muc-ben,
:root[data-phong-cach="mint"] #cot-tc .muc .muc-ben,
:root[data-phong-cach="cobalt"] #cot-tc .muc .muc-ben,
:root[data-phong-cach="ngoc"] #cot-tc .muc .muc-ben {
  font-size: .75rem; line-height: 1.4; color: var(--pc-ds-phu);
}
:root[data-phong-cach="aqua"] #cot-tc .muc .so-chua-doc:not(.nhac-so),
:root[data-phong-cach="dem"] #cot-tc .muc .so-chua-doc:not(.nhac-so),
:root[data-phong-cach="mint"] #cot-tc .muc .so-chua-doc:not(.nhac-so),
:root[data-phong-cach="cobalt"] #cot-tc .muc .so-chua-doc:not(.nhac-so),
:root[data-phong-cach="ngoc"] #cot-tc .muc .so-chua-doc:not(.nhac-so) {
  display: inline-block; width: 8px; min-width: 8px; height: 8px; min-height: 8px; padding: 0;
  border: 0; border-radius: 50%; background: var(--chinh); font-size: 0; line-height: 0;
}
:root[data-phong-cach="aqua"] #cot-tc .muc .so-chua-doc.tat:not(.nhac-so),
:root[data-phong-cach="dem"] #cot-tc .muc .so-chua-doc.tat:not(.nhac-so),
:root[data-phong-cach="mint"] #cot-tc .muc .so-chua-doc.tat:not(.nhac-so),
:root[data-phong-cach="cobalt"] #cot-tc .muc .so-chua-doc.tat:not(.nhac-so),
:root[data-phong-cach="ngoc"] #cot-tc .muc .so-chua-doc.tat:not(.nhac-so) {
  background: var(--pc-ds-phu);
}
:root[data-phong-cach="aqua"] #cot-goi .hang-goi,
:root[data-phong-cach="dem"] #cot-goi .hang-goi,
:root[data-phong-cach="mint"] #cot-goi .hang-goi,
:root[data-phong-cach="cobalt"] #cot-goi .hang-goi,
:root[data-phong-cach="ngoc"] #cot-goi .hang-goi {
  min-height: 64px; margin: 0; padding: 0 12px 0 0; gap: 4px;
  border: 0; background: transparent; box-shadow: none;
}
:root[data-phong-cach="aqua"] #cot-goi .hang-goi > .muc,
:root[data-phong-cach="dem"] #cot-goi .hang-goi > .muc,
:root[data-phong-cach="mint"] #cot-goi .hang-goi > .muc,
:root[data-phong-cach="cobalt"] #cot-goi .hang-goi > .muc,
:root[data-phong-cach="ngoc"] #cot-goi .hang-goi > .muc {
  width: auto; margin: 0; flex: 1; min-width: 0;
}
:root[data-phong-cach="aqua"] #cot-goi .nut-goi-lai,
:root[data-phong-cach="dem"] #cot-goi .nut-goi-lai,
:root[data-phong-cach="mint"] #cot-goi .nut-goi-lai,
:root[data-phong-cach="cobalt"] #cot-goi .nut-goi-lai,
:root[data-phong-cach="ngoc"] #cot-goi .nut-goi-lai {
  width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0;
  border: 0; border-radius: 10px; background: var(--chinh); color: var(--chu-tren-chinh); box-shadow: none;
}

:root[data-phong-cach="aqua"] :is(#cot-canhan .ca-nhan, #cot-canhan .cd),
:root[data-phong-cach="dem"] :is(#cot-canhan .ca-nhan, #cot-canhan .cd),
:root[data-phong-cach="mint"] :is(#cot-canhan .ca-nhan, #cot-canhan .cd),
:root[data-phong-cach="cobalt"] :is(#cot-canhan .ca-nhan, #cot-canhan .cd),
:root[data-phong-cach="ngoc"] :is(#cot-canhan .ca-nhan, #cot-canhan .cd) {
  padding: 0;
}

:root[data-phong-cach="aqua"] :is(#cot-canhan .cd-the, #cot-canhan .the-cn-anh, #cot-canhan .the-cn-dong),
:root[data-phong-cach="dem"] :is(#cot-canhan .cd-the, #cot-canhan .the-cn-anh, #cot-canhan .the-cn-dong),
:root[data-phong-cach="mint"] :is(#cot-canhan .cd-the, #cot-canhan .the-cn-anh, #cot-canhan .the-cn-dong),
:root[data-phong-cach="cobalt"] :is(#cot-canhan .cd-the, #cot-canhan .the-cn-anh, #cot-canhan .the-cn-dong),
:root[data-phong-cach="ngoc"] :is(#cot-canhan .cd-the, #cot-canhan .the-cn-anh, #cot-canhan .the-cn-dong) {
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-anh,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-anh {
  width: 100%; min-height: 64px; margin: 0; padding: 10px 16px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-anh > .anh-dai,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-anh > .anh-dai,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-anh > .anh-dai,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-anh > .anh-dai,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-anh > .anh-dai {
  width: 48px; min-width: 48px; height: 48px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-anh .cd-chu b,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-anh .cd-chu b,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-anh .cd-chu b,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-anh .cd-chu b,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-anh .cd-chu b {
  font-size: 1.125rem;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-ds,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-ds {
  grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0 16px 8px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-dong,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-dong,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-dong,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-dong,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-dong {
  min-height: 40px; padding: 8px 0; border-bottom: 1px solid var(--vien);
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-nut,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-nut,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-nut,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-nut,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-nut {
  margin: 8px 16px 12px; gap: 8px;
}
:root[data-phong-cach="aqua"] #cot-canhan .the-cn-nut .nut,
:root[data-phong-cach="dem"] #cot-canhan .the-cn-nut .nut,
:root[data-phong-cach="mint"] #cot-canhan .the-cn-nut .nut,
:root[data-phong-cach="cobalt"] #cot-canhan .the-cn-nut .nut,
:root[data-phong-cach="ngoc"] #cot-canhan .the-cn-nut .nut {
  min-height: 44px; height: auto; padding: 8px 12px; border-radius: 10px; font-size: .9375rem;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="dem"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="mint"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o-luoi,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o-luoi {
  display: flex; flex-direction: column; gap: 0; margin: 8px 0;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o,
:root[data-phong-cach="dem"] #cot-canhan .cd-o,
:root[data-phong-cach="mint"] #cot-canhan .cd-o,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto;
  align-items: center; justify-items: start; gap: 2px 12px; width: 100%; min-height: 64px; height: auto;
  padding: 8px 16px; border: 0; border-radius: 0; background: transparent; color: var(--chu); box-shadow: none; text-align: start;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o .cd-bieu,
:root[data-phong-cach="dem"] #cot-canhan .cd-o .cd-bieu,
:root[data-phong-cach="mint"] #cot-canhan .cd-o .cd-bieu,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o .cd-bieu,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o .cd-bieu {
  grid-column: 1; grid-row: 1 / 3; width: 36px; height: 36px; border-radius: 50%;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o > b,
:root[data-phong-cach="dem"] #cot-canhan .cd-o > b,
:root[data-phong-cach="mint"] #cot-canhan .cd-o > b,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o > b,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o > b {
  grid-column: 2; grid-row: 1; font-size: 1rem; line-height: 1.35;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-o > small,
:root[data-phong-cach="dem"] #cot-canhan .cd-o > small,
:root[data-phong-cach="mint"] #cot-canhan .cd-o > small,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-o > small,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-o > small {
  grid-column: 2; grid-row: 2;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-tieu-de,
:root[data-phong-cach="dem"] #cot-canhan .cd-tieu-de,
:root[data-phong-cach="mint"] #cot-canhan .cd-tieu-de,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-tieu-de,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-tieu-de {
  width: auto; max-width: none; margin: 18px 16px 6px; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--pc-ds-phu); font-size: .8125rem; font-weight: 700; line-height: 1.4;
  text-transform: none; letter-spacing: normal; box-shadow: none;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-hang,
:root[data-phong-cach="dem"] #cot-canhan .cd-hang,
:root[data-phong-cach="mint"] #cot-canhan .cd-hang,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-hang,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-hang {
  min-height: 56px; height: auto; padding: 10px 16px; border: 0; background: transparent;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-chu b,
:root[data-phong-cach="dem"] #cot-canhan .cd-chu b,
:root[data-phong-cach="mint"] #cot-canhan .cd-chu b,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-chu b,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-chu b {
  font-size: 1rem; font-weight: 700; color: var(--chu);
}

:root[data-phong-cach="aqua"] :is(#cot-canhan .cd-chu small, #cot-canhan .cd-o > small),
:root[data-phong-cach="aqua"] :is(#cot-canhan .cd-goi-y, #cot-canhan .the-cn-chu, #cot-canhan .cd-gia),
:root[data-phong-cach="dem"] :is(#cot-canhan .cd-chu small, #cot-canhan .cd-o > small),
:root[data-phong-cach="dem"] :is(#cot-canhan .cd-goi-y, #cot-canhan .the-cn-chu, #cot-canhan .cd-gia),
:root[data-phong-cach="mint"] :is(#cot-canhan .cd-chu small, #cot-canhan .cd-o > small),
:root[data-phong-cach="mint"] :is(#cot-canhan .cd-goi-y, #cot-canhan .the-cn-chu, #cot-canhan .cd-gia),
:root[data-phong-cach="cobalt"] :is(#cot-canhan .cd-chu small, #cot-canhan .cd-o > small),
:root[data-phong-cach="cobalt"] :is(#cot-canhan .cd-goi-y, #cot-canhan .the-cn-chu, #cot-canhan .cd-gia),
:root[data-phong-cach="ngoc"] :is(#cot-canhan .cd-chu small, #cot-canhan .cd-o > small),
:root[data-phong-cach="ngoc"] :is(#cot-canhan .cd-goi-y, #cot-canhan .the-cn-chu, #cot-canhan .cd-gia) {
  font-size: .875rem; line-height: 1.4; color: var(--pc-ds-phu); opacity: 1;
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-hang.canh .cd-chu small,
:root[data-phong-cach="dem"] #cot-canhan .cd-hang.canh .cd-chu small,
:root[data-phong-cach="mint"] #cot-canhan .cd-hang.canh .cd-chu small,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-hang.canh .cd-chu small,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-hang.canh .cd-chu small {
  color: var(--do);
}
:root[data-phong-cach="aqua"] #cot-canhan .cd-doan,
:root[data-phong-cach="dem"] #cot-canhan .cd-doan,
:root[data-phong-cach="mint"] #cot-canhan .cd-doan,
:root[data-phong-cach="cobalt"] #cot-canhan .cd-doan,
:root[data-phong-cach="ngoc"] #cot-canhan .cd-doan {
  margin: 6px 16px 10px; border-radius: 12px;
}
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  margin: 0; border-width: 1px 0 0; border-radius: 0; background: var(--nen); box-shadow: none;
  padding: 4px 4px max(6px, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
@media (min-width: 860px) {
:root[data-phong-cach="aqua"] .thanh-duoi,
:root[data-phong-cach="dem"] .thanh-duoi,
:root[data-phong-cach="mint"] .thanh-duoi,
:root[data-phong-cach="cobalt"] .thanh-duoi,
:root[data-phong-cach="ngoc"] .thanh-duoi {
  border-width: 0 1px 0 0; padding: 8px 4px;
}
}
}

/* 6553914003 C: MỘT ảnh nền app trên lớp cố định, không thuộc khung cuộn.
   Dialog top-layer và trang phụ dùng mặt nền màu ở module, không tạo lớp ảnh khác. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] body.ntyday-app,
:root[data-phong-cach="dem"] body.ntyday-app,
:root[data-phong-cach="mint"] body.ntyday-app,
:root[data-phong-cach="cobalt"] body.ntyday-app,
:root[data-phong-cach="ngoc"] body.ntyday-app {
  isolation: isolate; background: var(--nen);
}
:root[data-phong-cach="aqua"] body.ntyday-app::before,
:root[data-phong-cach="dem"] body.ntyday-app::before,
:root[data-phong-cach="mint"] body.ntyday-app::before,
:root[data-phong-cach="cobalt"] body.ntyday-app::before,
:root[data-phong-cach="ngoc"] body.ntyday-app::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: var(--nen) var(--pc-anh) center / cover no-repeat; will-change: transform;
}
:root[data-phong-cach="aqua"] .cot-chat,
:root[data-phong-cach="dem"] .cot-chat,
:root[data-phong-cach="mint"] .cot-chat,
:root[data-phong-cach="cobalt"] .cot-chat,
:root[data-phong-cach="ngoc"] .cot-chat {
  background: transparent;
}
}

/* C3: avatar/icon lặp, kể cả bộ nhiều màu, chỉ bóng nhỏ.
   Không đổi màu/ảnh/cỡ; rule riêng có shadow:none và specificity cao hơn vẫn giữ. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] :is(.anh-dai, .ico-tron),
:root[data-phong-cach="dem"] :is(.anh-dai, .ico-tron),
:root[data-phong-cach="mint"] :is(.anh-dai, .ico-tron),
:root[data-phong-cach="cobalt"] :is(.anh-dai, .ico-tron),
:root[data-phong-cach="ngoc"] :is(.anh-dai, .ico-tron) { box-shadow: 0 1px 3px var(--pc-bong-mau); }
}

/* 01.11 — bảng mẫu SÁNG + TƯƠI: nền kính sáng trong, màu tin đặc;
   chỉ biến màu, không đổi bố cục, ảnh, selector chức năng hoặc luồng app. */
@media (forced-colors: none) {
:root[data-phong-cach="aqua"] {
  --nen: #effbff;
  --mat: #ffffff;
  --mat-2: #e4f7ff;
  --chu: #08284f;
  --chu-nhat: #00439f;
  --bieu: #00439f;
  --bieu-nhat: #00439f;
  --chinh: #006aef;
  --chinh-2: #00439f;
  --xanh-bien: #00439f;
  --tin-ban: #ffffff;
  --tin-toi: #006aef;
  --chu-tin-toi: #ffffff;
  --chu-tren-chinh: #ffffff;
  --nen-nut-chinh: #006aef;
  --nen-tin-toi: #006aef;
  --nen-tron-xanh: #006aef;
  --pc-tile: #006aef;
  --pc-tile-gradient: linear-gradient(145deg, #006aef, #00439f);
  --pc-vien-kinh: #ffffffe6;
  --pc-be-mat: rgba(255, 255, 255, 0.72);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #08284f;
}
:root[data-phong-cach="mint"] {
  --nen: #f0fff8;
  --mat: #ffffff;
  --mat-2: #e3fff2;
  --chu: #063c2b;
  --chu-nhat: #005037;
  --bieu: #005037;
  --bieu-nhat: #005037;
  --chinh: #00835f;
  --chinh-2: #005037;
  --xanh-bien: #005037;
  --tin-ban: #ffffff;
  --tin-toi: #00835f;
  --chu-tin-toi: #ffffff;
  --chu-tren-chinh: #ffffff;
  --nen-nut-chinh: #00835f;
  --nen-tin-toi: #00835f;
  --nen-tron-xanh: #00835f;
  --pc-tile: #00835f;
  --pc-tile-gradient: linear-gradient(145deg, #00835f, #005037);
  --pc-vien-kinh: #ffffffe6;
  --pc-be-mat: rgba(255, 255, 255, 0.72);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #063c2b;
}
:root[data-phong-cach="cobalt"] {
  --nen: #fff8ed;
  --mat: #ffffff;
  --mat-2: #fff0dd;
  --chu: #4b2108;
  --chu-nhat: #842700;
  --bieu: #842700;
  --bieu-nhat: #842700;
  --chinh: #cf4700;
  --chinh-2: #842700;
  --xanh-bien: #842700;
  --tin-ban: #ffffff;
  --tin-toi: #cf4700;
  --chu-tin-toi: #ffffff;
  --chu-tren-chinh: #ffffff;
  --nen-nut-chinh: #cf4700;
  --nen-tin-toi: #cf4700;
  --nen-tron-xanh: #cf4700;
  --pc-tile: #cf4700;
  --pc-tile-gradient: linear-gradient(145deg, #cf4700, #842700);
  --pc-vien-kinh: #ffffffe6;
  --pc-be-mat: rgba(255, 255, 255, 0.72);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #4b2108;
}
:root[data-phong-cach="ngoc"] {
  --nen: #fff1f8;
  --mat: #ffffff;
  --mat-2: #ffe8f3;
  --chu: #500b2b;
  --chu-nhat: #8e002f;
  --bieu: #8e002f;
  --bieu-nhat: #8e002f;
  --chinh: #df0041;
  --chinh-2: #8e002f;
  --xanh-bien: #8e002f;
  --tin-ban: #ffffff;
  --tin-toi: #df0041;
  --chu-tin-toi: #ffffff;
  --chu-tren-chinh: #ffffff;
  --nen-nut-chinh: #df0041;
  --nen-tin-toi: #df0041;
  --nen-tron-xanh: #df0041;
  --pc-tile: #df0041;
  --pc-tile-gradient: linear-gradient(145deg, #df0041, #8e002f);
  --pc-vien-kinh: #ffffffe6;
  --pc-be-mat: rgba(255, 255, 255, 0.72);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #500b2b;
}
:root[data-phong-cach="dem"] {
  --nen: #190d35;
  --mat: #31135b;
  --mat-2: #481d79;
  --chu: #fff5ff;
  --chu-nhat: #f7c0ff;
  --bieu: #f7c0ff;
  --bieu-nhat: #f7c0ff;
  --chinh: #f1a4ff;
  --chinh-2: #f7c0ff;
  --xanh-bien: #f7c0ff;
  --tin-ban: #481d79;
  --tin-toi: #f1a4ff;
  --chu-tin-toi: #32104b;
  --chu-tren-chinh: #32104b;
  --nen-nut-chinh: #f1a4ff;
  --nen-tin-toi: #f1a4ff;
  --nen-tron-xanh: #f1a4ff;
  --pc-tile: #8c27ba;
  --pc-tile-gradient: linear-gradient(145deg, #8c27ba, #5e1d90);
  --pc-be-mat: rgba(49, 19, 91, 0.86);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #fff5ff;
}
@media (prefers-color-scheme: dark) {
:root[data-phong-cach="aqua"] {
  --nen: #091f37;
  --mat: #0c304e;
  --mat-2: #12476b;
  --chu: #f2fbff;
  --chu-nhat: #9cecff;
  --bieu: #9cecff;
  --bieu-nhat: #9cecff;
  --chinh: #7de5ff;
  --chinh-2: #9cecff;
  --xanh-bien: #9cecff;
  --tin-ban: #12476b;
  --tin-toi: #7de5ff;
  --chu-tin-toi: #062d46;
  --chu-tren-chinh: #062d46;
  --nen-nut-chinh: #7de5ff;
  --nen-tin-toi: #7de5ff;
  --nen-tron-xanh: #7de5ff;
  --pc-tile: #1466a0;
  --pc-tile-gradient: linear-gradient(145deg, #1466a0, #104575);
  --pc-be-mat: rgba(12, 48, 78, 0.86);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #f2fbff;
}
:root[data-phong-cach="mint"] {
  --nen: #08291f;
  --mat: #0a4436;
  --mat-2: #105a45;
  --chu: #f1fff7;
  --chu-nhat: #a1ffd0;
  --bieu: #a1ffd0;
  --bieu-nhat: #a1ffd0;
  --chinh: #82f0b8;
  --chinh-2: #a1ffd0;
  --xanh-bien: #a1ffd0;
  --tin-ban: #105a45;
  --tin-toi: #82f0b8;
  --chu-tin-toi: #083b2a;
  --chu-tren-chinh: #083b2a;
  --nen-nut-chinh: #82f0b8;
  --nen-tin-toi: #82f0b8;
  --nen-tron-xanh: #82f0b8;
  --pc-tile: #08744d;
  --pc-tile-gradient: linear-gradient(145deg, #08744d, #075438);
  --pc-be-mat: rgba(10, 68, 54, 0.86);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #f1fff7;
}
:root[data-phong-cach="cobalt"] {
  --nen: #321707;
  --mat: #4f2108;
  --mat-2: #67310d;
  --chu: #fff8ed;
  --chu-nhat: #ffd29b;
  --bieu: #ffd29b;
  --bieu-nhat: #ffd29b;
  --chinh: #ffbd70;
  --chinh-2: #ffd29b;
  --xanh-bien: #ffd29b;
  --tin-ban: #67310d;
  --tin-toi: #ffbd70;
  --chu-tin-toi: #4b2008;
  --chu-tren-chinh: #4b2008;
  --nen-nut-chinh: #ffbd70;
  --nen-tin-toi: #ffbd70;
  --nen-tron-xanh: #ffbd70;
  --pc-tile: #bb4200;
  --pc-tile-gradient: linear-gradient(145deg, #bb4200, #873000);
  --pc-be-mat: rgba(79, 33, 8, 0.86);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #fff8ed;
}
:root[data-phong-cach="ngoc"] {
  --nen: #300b25;
  --mat: #4d1238;
  --mat-2: #64194a;
  --chu: #fff2f9;
  --chu-nhat: #ffb8d7;
  --bieu: #ffb8d7;
  --bieu-nhat: #ffb8d7;
  --chinh: #ff91c2;
  --chinh-2: #ffb8d7;
  --xanh-bien: #ffb8d7;
  --tin-ban: #64194a;
  --tin-toi: #ff91c2;
  --chu-tin-toi: #460b2a;
  --chu-tren-chinh: #460b2a;
  --nen-nut-chinh: #ff91c2;
  --nen-tin-toi: #ff91c2;
  --nen-tron-xanh: #ff91c2;
  --pc-tile: #bb0950;
  --pc-tile-gradient: linear-gradient(145deg, #bb0950, #890536);
  --pc-be-mat: rgba(77, 18, 56, 0.86);
  --pc-kinh: var(--pc-be-mat);
  --pc-ca-nhan: var(--pc-be-mat);
  --pc-chu-goi: #fff2f9;
}
}
}

/* Thanh dưới – ô ĐANG CHỌN sáng rõ (anh Thanh 01.11.2026: "vào ô nào thì ô đó sáng lên", anh bảo Claude làm): viên màu chính sau biểu tượng,
   biểu tượng màu chữ-trên-màu-chính, chữ đậm màu chính; ô khác mờ bớt. Không bóng / không làm mờ nền (vuốt nhẹ). Đặt cuối tệp + #thanh-duoi để thắng mọi phong cách */
:root[data-phong-cach="aqua"] #thanh-duoi .muc-duoi:not([aria-current="page"]),
:root[data-phong-cach="dem"] #thanh-duoi .muc-duoi:not([aria-current="page"]),
:root[data-phong-cach="mint"] #thanh-duoi .muc-duoi:not([aria-current="page"]),
:root[data-phong-cach="cobalt"] #thanh-duoi .muc-duoi:not([aria-current="page"]),
:root[data-phong-cach="ngoc"] #thanh-duoi .muc-duoi:not([aria-current="page"]) { opacity: .72; }
:root[data-phong-cach="aqua"] #thanh-duoi .muc-duoi[aria-current="page"],
:root[data-phong-cach="dem"] #thanh-duoi .muc-duoi[aria-current="page"],
:root[data-phong-cach="mint"] #thanh-duoi .muc-duoi[aria-current="page"],
:root[data-phong-cach="cobalt"] #thanh-duoi .muc-duoi[aria-current="page"],
:root[data-phong-cach="ngoc"] #thanh-duoi .muc-duoi[aria-current="page"] {
  opacity: 1; color: var(--chinh-2); font-weight: 700; background: color-mix(in srgb, var(--chinh-2) 14%, transparent);
}
:root[data-phong-cach="aqua"] #thanh-duoi .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="dem"] #thanh-duoi .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="mint"] #thanh-duoi .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="cobalt"] #thanh-duoi .muc-duoi[aria-current="page"] .vien-ico,
:root[data-phong-cach="ngoc"] #thanh-duoi .muc-duoi[aria-current="page"] .vien-ico { background: var(--chinh-2); color: var(--chu-tren-chinh, #fff); }