/* Logo mới (Naloo 26.10.2026 → NTYDAY mẫu 3 27.10.2026) – tệp nạp SAU CÙNG, đè lên ảnh nền có logo cũ in sẵn. Gỡ tệp này = về bản cũ.
   Logo phát sáng (neon) vẽ cho nền tối: luôn đặt trên nền xanh biển sâu – trên nền sáng viền sáng thành quầng, trông giả (anh Thanh 26.10).
   Màn chào: logo + 2 nút nằm giữa màn (cân), Điều khoản ở đáy. Đầu trang Trò chuyện: logo gọn trên dải xanh đậm. */

/* ---- Đăng nhập / đăng ký / quên mật khẩu (cả sáng lẫn tối) ---- */
/* Nền xanh mức B (anh Thanh chọn 27.10.2026: "nên để nền màu xanh nhạt hơn") – nhạt hơn bản cũ mà logo NT trắng + DAY xanh vẫn nổi */
.man-xanh {
  background: radial-gradient(130% 75% at 50% 28%, #1f74bb 0%, #17609f 34%, #104a85 66%, #0a3a70 100%);
}
.man-xanh::before { display: none; }
.man-xanh .ten-app {
  position: static; width: auto; height: auto; margin: 0 0 18px; padding: 0; overflow: visible; clip-path: none; white-space: normal;
}
.man-xanh .logo-naloo { width: 100%; max-width: 460px; margin: 0 auto; filter: none; }
.man-xanh .man-xanh-giua { max-width: 460px; }
.man-xanh .man-xanh-giua::before { flex: 0 1 8vh; }
/* Màn chào: khoảng trống trên logo = khoảng trống dưới 2 nút -> cụm logo + nút nằm giữa màn; Điều khoản ở đáy */
.man-chao .man-xanh-giua::before { flex: 1 1 0; }
.man-chao .chao-nut { margin-top: 10px; }
.man-chao .day { margin-top: auto; padding-top: 0; }
.man-chao .man-xanh-giua > .day { flex: 1 1 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

/* ---- Đầu trang Trò chuyện: xanh đậm ở trên (chỗ logo) nhạt dần liền xuống nền, không ranh giới (anh Thanh 26.10) ---- */
#cot-tc {
  /* logo bóng v6 cao hơn logo cũ → dải nhạt dần kéo dài tới hết ô Tìm, nhiều nấc để không thấy 2 mảng (anh Thanh 27.10.2026) */
  background: linear-gradient(180deg, #062347 0, #0a3768 55px, #0f4a85 100px, #1a64a4 135px, #3a85c2 165px, #6aa7da 195px, #9dc6ec 225px, #c9e0f5 255px, var(--nen) 295px) no-repeat, var(--nen);
}
#cot-tc > .dau { min-height: 0; align-items: center; padding: max(10px, env(safe-area-inset-top)) 12px 8px; background: transparent; box-shadow: none; }
#cot-tc .dau .dau-logo { flex-direction: column; align-items: flex-start; gap: 0; }
#cot-tc .dau .logo-chu { display: block; width: min(230px, 58cqw); height: auto; filter: none; }
#cot-tc .dau .dau-logo, #cot-tc .dau .dau-logo .phu { color: #fff; }
#cot-tc .dau .dau-logo .phu { font-size: 1rem; margin: 0 0 0 6px; text-shadow: 0 1px 4px rgba(3, 20, 38, .6); }
#cot-tc .dau > .cham { align-self: flex-start; margin: 6px 0 0; }
#cot-tc .dau .nut-tron { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .35); box-shadow: none; }
#cot-tc > .the-tab { margin-top: 4px; }
@media (prefers-color-scheme: dark) {
  #cot-tc { background: linear-gradient(180deg, #062347 0, #0a3768 70px, #0b3558 150px, #0c2f4c 220px, var(--nen) 300px) no-repeat, var(--nen); }
}