/* NN_SSO_NGOAI_v1 — nút tài khoản + khung đăng nhập đầu drawer (tệp riêng, không đụng tudien.css) */
.nn-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font:800 14px var(--chu);flex:none}
.nn-tk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 16px 14px;padding:12px;border:1px solid var(--vien);border-radius:14px;background:var(--nen)}
.nn-tk-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px;min-width:0}.nn-tk-t b{font-size:15px;color:var(--muc)}
.nn-tk-nut{flex:1 1 auto;text-align:center;padding:10px 12px;border-radius:12px;background:var(--chinh);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none}
.nn-tk-nut:hover{text-decoration:none;filter:brightness(1.05)}.nn-tk-nut.phu{background:var(--the);color:var(--muc);border:1px solid var(--vien)}
.nn-tk small{flex-basis:100%;color:var(--mo);font-size:12px;text-align:center}

/* TOPBAR_1HANG_v1 (31/10) — topbar không rớt hàng trên điện thoại: cụm brand được CO (flex 1 1 0, min-width 0), tên cắt "…" khi quá hẹp */
.dau .brand{flex:1 1 0;min-width:0}
.dau .brand-name{overflow:hidden;text-overflow:ellipsis}
@media (max-width:480px){
 .dau .brand{gap:8px}.dau .brand-logo{width:32px;height:32px}
 .dau .brand-name{font-size:clamp(14px,4.3vw,18px)}.dau .brand-sub{font-size:10.5px}
 .dau-nut .icon-btn{width:38px;height:38px}
}
/* TOPBAR_1HANG_v1b — KHÔNG cắt tên thương hiệu: thu cỡ chữ theo bề ngang thay vì "…" (tên tudien dài hơn wiki) */
@media (max-width:480px){ .dau .brand-name{font-size:clamp(12.5px,3.75vw,18px);letter-spacing:-.03em} }
.bottom-nav-item .bn-he + .bottom-nav-label{font-size:9.5px;letter-spacing:-.03em;white-space:nowrap}

.nn-av-anh{display:block;background:var(--nen);object-fit:cover}.nn-tk .nn-av-anh{width:40px;height:40px}