/* ═══════════════════════════════════════════════════════════════════ APP VIEW — trang web mở trong WebView của app RioHub Nơi ở DUY NHẤT cho rule "nằm trong khung app" (khác responsive mobile: cái đó ở mobile-optimizations.css / tiktok-shop-mobile.css). Nhận biết app (2 đường, CSS không cần phân biệt): - Server: UA có "RioHubApp/" ⇒ layout.php gắn và KHÔNG render navbar / footer / breadcrumb / banner nhóm Facebook. - Bản app cũ: JS bơm trước khi tải trang cũng gắn class rh-app. ⚠ MỌI rule phải bắt đầu bằng .rh-app — file này nạp ở mọi trang, rule trần là đổi luôn giao diện trình duyệt thường. Link cuối footer.php (sau CSS của trang) ⇒ thắng cascade khi cùng specificity; !important chỉ dùng để thắng !important có sẵn trong tiktok-shop-mobile.css. ═══════════════════════════════════════════════════════════════════ */ /* ─── Chrome của web: header app đã có nút quay lại + tiêu đề ─── */ .rh-app .rh-navbar, .rh-app .rh-foot, .rh-app .rh-breadcrumb, .rh-app .cd-breadcrumb, .rh-app .tt-fbgroup-ad, /* Nút chỉ có nghĩa trên trình duyệt: "Về TikTok Shop", xuất CSV (WebView không lưu được file tải về)… */ .rh-app .rh-web-only { display: none !important; } .rh-app body { padding-top: 0 !important; /* Bỏ vệt xám khi chạm — app native không có, nhìn như trang web lọt vào. */ -webkit-tap-highlight-color: transparent; /* Kéo quá đầu/cuối không lộ nền trắng của WebView. */ overscroll-behavior-y: none; } /* Không còn navbar phía trên ⇒ bớt lề đầu trang, sát header app hơn. */ .rh-app main.rh-section { padding-top: .75rem; } @media (max-width: 575.98px) { .rh-app main.container { padding-left: 12px; padding-right: 12px; } } /* ─── Hero TikTok Shop: tiêu đề trùng header app ⇒ chỉ giữ dòng mô tả ─── */ .rh-app .tts-hero { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 2px !important; margin-bottom: 12px !important; color: inherit; } .rh-app .tts-hero::before { display: none; } .rh-app .tts-hero h1 { display: none; } .rh-app .tts-hero p { color: #6B7280 !important; font-size: .8rem !important; line-height: 1.45; margin: 0; } /* ─── /application: tiêu đề trang nhỏ lại (header app đã ghi bước đang làm) ─── */ .rh-app .ap-head { margin-bottom: .9rem; } .rh-app .ap-head h1 { font-size: 1.05rem; }