body {
    margin: 0px
}
.private100-shell {
    overflow-x: clip;
    max-width: 100%;
}
.footer-mobile {
    display: none;
}
@media (max-width: 768px) {
    .footer-desktop {
        display: none;
    }
    .footer-mobile {
        display: block;
    }
    .header_table_top100cp h1,
    #name_h2 {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 23px;
    }
}
/* === TOP100 COMPANIES PAGE SHELL === */
/* Container full width; các thành phần con giới hạn 1920px căn giữa */
.top100companies {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.top100companies > *:not(.tabs_menu_wrap) {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    /* border-box để padding của khối con (vd. header 60px mỗi bên) nằm trong 1920px, không cộng thêm */
    box-sizing: border-box;
}


/* === BANNER SECTION (Video) === */
.bannertop200 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #000;
}

.video-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

/* === NOTE HEADER === */
.note-header {
    display: flex;
    padding: 0px 0px 40px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.note-header div {
    width: 100%;
    max-width: 1170px;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0.86px;
    text-transform: uppercase;
    color: #5E566A;
}

/* === TABS MENU === */
/* max 1920px; khi tràn: nút < > + fade mép theo TK */
.tabs_menu_wrap {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #EAEEF3;
    /* Khớp padding .header_table_top100cp / .top10bank_body để mép tab thẳng content */
    padding: 0 60px;
    z-index: 100;
}

.tabs_menu_wrap::before,
.tabs_menu_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1px;
    width: 56px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.tabs_menu_wrap::before {
    left: 60px;
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
}

.tabs_menu_wrap::after {
    right: 60px;
    background: linear-gradient(to left, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
}

.tabs_menu_wrap.can-scroll-left::before {
    opacity: 1;
}

.tabs_menu_wrap.can-scroll-right::after {
    opacity: 1;
}

.tabs_menu_nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F94E41;
    -webkit-tap-highlight-color: transparent;
}

.tabs_menu_nav[hidden] {
    display: none !important;
}

.tabs_menu_nav--prev {
    left: 0;
}

.tabs_menu_nav--next {
    right: 0;
}

.tabs_menu_nav::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #F94E41;
    border-bottom: 2px solid #F94E41;
    box-sizing: border-box;
}

.tabs_menu_nav--prev::before {
    transform: rotate(45deg);
    margin-left: 3px;
}

.tabs_menu_nav--next::before {
    transform: rotate(-135deg);
    margin-right: 3px;
}

.tabs_menu {
    display: flex;
    /* "safe center": căn giữa khi đủ rộng, khi tràn dồn trái để không cắt tab đầu */
    justify-content: safe center;
    align-items: center;
    position: relative;
    background: transparent;
    gap: 30px;
    border-bottom: none;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs_menu::-webkit-scrollbar {
    display: none;
}

.tabs_menu .tab-item {
    cursor: pointer;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0.857px;
    text-transform: uppercase;
    opacity: 0.6;
    color: #5E566A;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex: 0 0 auto;
}

.tabs_menu .tab-item:hover {
    color: #F94E41;
    opacity: 1 !important;
}

.tabs_menu .tab-item.active_top100,
.tabs_menu .tab-item.active {
    color: rgba(249, 78, 65, 1) !important;
    position: relative;
    box-shadow: inset 0 -3px 0 #F94E41;
    opacity: 1 !important;
}

/* === SEARCH BAR === */
.searchTop100 {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 8px;
}

.time_search_unit {
    display: flex;
    width: 100%;
    max-width: 1170px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    box-sizing: border-box;
}

/* Ô chọn năm nằm trong hàng bộ lọc: rộng cố định 160px như thiết kế.
   z-index cao hơn ô search để input iOS (min-width mặc định) không đè tap. */
.time_search_unit .hf_select {
    flex: 0 0 160px;
    position: relative;
    z-index: 3;
}

.time_search_unit .hf_select_toggle {
    width: 100%;
}

#time_update_top100 {
    color: #5E566A;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 17.1%;
}

.searchPrivate {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 70, 0.20);
    background: #FFF;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.searchPrivate input,
.searchPrivate input:focus {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    border: none !important;
    height: 20px;
    outline: none;
    color: #9E9AA6;
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: transparent;
}

.searchPrivate img {
    width: 16px;
    height: 16px;
}

.unit {
    color: #5E566A;
    text-align: left;
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex: 0 0 auto;
    white-space: nowrap;
}

/* === GRADIENT SECTION === */
.gradient-section {
    height: 215px;
    background: linear-gradient(180deg, #FFF 0%, #F0F5FB 100%);
    width: 100%;
    position: relative;
    z-index: 1;
}

/* === HEADER TABLE === */
.header_top100_pr {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -215px;
}

.header_table_top100cp {
    display: flex;
    flex-direction: column;
    padding: 0px 60px;
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;
}

.header_table_top100cp h1 {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.header_table_top100cp div {
    display: flex;
    color: #5E566A;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

/* === TABLE HEADER === */
.header_top100 {
    display: flex;
    align-items: center;
    background: #EFF4F8;
    position: sticky;
    top: 48px;
    z-index: 100;
    height: 54px;
    width: 100%;
    max-width: 1170px;
    box-sizing: border-box;
}

.header_top100.topHeader {
    background: white;
}

.header-text-mobile {
    display: none;
}

.header_top100 div {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding: 12px 16px;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

.header_top100 .stt_header,
.header_top100 .ten_dn_header,
.header_top100 .nganh_header,
.header_top100 .ma_header,
.header_top100 .total_header,
.header_top100 .chi_tiet_header {
    font-weight: 700 !important;
}

.stt_header,
.chi_tiet_header {
    width: 6.838%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.ten_dn_header {
    flex: 1 0 0;
}

/* Tab Tất cả (PC): logo cạnh tên DN, không cột STT — thu khoảng cách logo ↔ tên */
@media (min-width: 769px) {
    .table_top100cp--no-stt .logo_name_cp {
        gap: 12px;
        padding-left: 16px;
    }

    .table_top100cp--no-stt .logo_cp {
        padding: 8px;
    }
}

.nganh_header {
    width: 18.223%;
}

.ma_header {
    width: 14.256%;
}

.total_header {
    width: 13.676%;
}

/* === CONTAINER === */
.containter_table {
    width: 100%;
    display: flex;
    justify-content: center;
    background: #F0F5FB;
    flex-direction: column;
    align-items: center;
    padding-bottom: 95px;
    gap: 20px;
}

.table_top100cp {
    width: 100%;
    max-width: 1170px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    position: relative;
    z-index: 5;
    margin-top: -215px;
    box-sizing: border-box;
}

.table_top100cp_active {
    margin-top: 0px !important;
}

/* === COMPANY ITEM === */
.main_content_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background: #FFF;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.stt_item {
    width: 6.838%;
    padding: 16px;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #000046;
}

.logo_name_cp {
    padding: 16px 0px;
    gap: 12px;
    display: flex;
    flex: 1 0 0;
    box-sizing: border-box;
}

.logo_cp {
    width: 40px;
    height: 40px;
    padding: 0px 16px;
    /* Khung logo cố định 40x40, không co lại khi tên doanh nghiệp dài */
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_cp img {
    /* Footer.razor: img { width: auto !important; height: auto } */
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    /* Ảnh không vuông: co vừa khung 40x40, giữ tỉ lệ, không méo */
    object-fit: contain !important;
    display: block;
}

.name_note_cp {
    display: flex;
    gap: 4px;
    flex-direction: column;
}

.name_cp {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.name_cp h2 {
    color: inherit;
    font: inherit;
    margin: 0;
    text-decoration: none;
}

.note_name {
    color: #5E566A;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in-out;
}

.note_name:hover {
    /* Hover: hiện đủ text (xuống dòng) nhưng giữ nguyên width, không nới rộng div */
    -webkit-line-clamp: unset;
    white-space: normal;
    overflow: visible;
}

.name_stock {
    width: 18.223%;
    display: flex;
    padding: 16px 20px;
    box-sizing: border-box;
}

.name_stock div {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.name_category {
    width: 14.256%;
    display: flex;
    padding: 16px 8px;
    box-sizing: border-box;
}

.name_category:hover {
    color: #000046;
}

.name_category a,
.name_category span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
}

.name_stock div,
.name_category a {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.total_number {
    width: 13.676%;
    display: flex;
    padding: 16px 8px;
    box-sizing: border-box;
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    justify-content: flex-start;
    align-items: center;
}

.total_number.expanded_total {
    color: rgba(249, 78, 65, 1);
    font-weight: 800;
}

.total_detail {
    display: contents;
}

.button_show_close {
    /* khớp width với .chi_tiet_header (6.838%) để header & nội dung thẳng cột */
    width: 6.838%;
    display: flex;
    padding: 16px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.button_show_close_sub {
    width: 6.838%;
    display: flex;
    padding: 16px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.button_show_close img,
.button_show_close_sub img {
    cursor: pointer;
}

/* === EXPANDED DETAILS === */
.data_item_detail {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
    padding: 0px 8.55%;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 0px;
    transition-duration: .25s;
}

.active_data_item {
    max-height: 170px;
    padding-bottom: 12px;
}

.subsidiaries {
    overflow: hidden;
    max-height: 0px;
}

.active_data_sub {
    max-height: max-content;
}

.data_item_detail_sub {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
    padding: 0px 8.55%;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 0px;
    transition-duration: .25s;
}

.active_item_sub {
    max-height: 170px !important;
    margin-bottom: 16px;
}

.name_subsidiaries {
    display: flex;
    padding: 8px 8.55%;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #5E566A;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0.857px;
    text-transform: uppercase;
}

.rectangle_sub {
    padding: 0px 8.55%;
}

.container_content {
    display: flex;
    flex-direction: column;
    background: #FFF;
    width: 100%;
}

.detail_cards_row {
    display: flex;
    flex-direction: row;
    background: #FFF;
    width: 100%;
    gap: 16px;
}

.content_thue {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #EAEEF3;
    background: var(--Color-Shades-white, #FFF);
    flex: 1 0 0;
}

.top_name_thue {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

/* Nhãn loại thuế: 2 dòng cùng màu xám, cùng độ đậm 400 (Figma) */
.name_thue {
    color: #5E566A;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.rectangle_1433 {
    height: 1px;
    align-self: stretch;
    background: #EAEEF3;
}

.value_thue {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

/* === LOADING STATE === */
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.loading-container--compact {
    min-height: 160px;
    padding: 32px 0;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #4352FE;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-container--compact .spinner {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* === ERROR STATE === */
.error-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    padding: 40px;
    background: #fdf2f2;
    text-align: center;
}

.error-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.error-text {
    font-size: 1.2rem;
    color: #e74c3c;
    margin-bottom: 20px;
}

.error-retry {
    margin-top: 10px;
}

.retry-button {
    background: #4352FE;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.retry-button:hover {
    background: #3342ee;
}

/* === NO DATA === */
.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    padding: 40px;
    background: #f8f9fa;
    text-align: center;
}

.no-data-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.no-data-text {
    font-size: 1.2rem;
    color: #666;
}

/* === FLOATING BOTTOM TABS (Mobile) === */
.tabs_menu_bottom {
    position: fixed;
    display: none;
    z-index: 1001;
    bottom: 10px;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
}

.name_menu_bottom {
    position: relative;
    width: 396px;
    padding: 12px 12px 12px 16px;
    gap: 16px;
    align-items: center;
    display: flex;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 70, 0.15);
    background: #FFF;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.07);
}

.name_menu_bottom_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.name_menu_bottom_left h2 {
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0.857px;
    text-transform: uppercase;
    margin: 0;
}

.name_menu_bottom_left div {
    color: #5E566A;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.name_menu_bottom_right {
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #000046;
    background: #FFF;
    box-sizing: border-box;
    cursor: pointer;
}

.name_menu_bottom_right img {
    width: 16px;
    height: 16px;
}

.list_menu_bottom {
    position: absolute;
    bottom: calc(100% + 10px);
    display: inline-flex;
    padding: 8px 12px 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 70, 0.15);
    background: var(--Color-Shades-white, #FFF);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.07);
    visibility: hidden;
    transition: all 0.3s;
    width: 368px;
}

.tabs_menu_bottom:hover .list_menu_bottom,
.tabs_menu_bottom.menu-open .list_menu_bottom,
.list_menu_bottom:hover {
    visibility: visible;
}

.tab_menu_bottom {
    display: flex;
    width: 368px;
    padding: 14px 0px;
    align-items: center;
    border-bottom: 1px solid #EAEEF3;
    text-decoration: none;
    color: #020626;
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.tab_menu_bottom:last-child {
    border-bottom: none !important;
}

.tab_menu_bottom:hover {
    color: rgba(249, 78, 65, 1);
}

.tab_menu_bottom.active {
    color: rgba(249, 78, 65, 1) !important;
    font-weight: 600;
}

#scroll_top {
    display: none;
    margin: 0;
    padding: 0;
    background: url("https://cafefnew.mediacdn.vn/static/v2/images/scrollTop.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 46px;
    opacity: 0.5;
    position: fixed;
    right: 10px;
    top: 80%;
    width: 46px;
    z-index: 999;
}

#scroll_top:hover {
    opacity: 1;
}

/* === TOP 10 BANK / SECTOR CARD LAYOUT === */
.top10bank {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    margin-top: 40px;
    /* full width border-box để cùng width với .header_table_top100cp */
    width: 100%;
    box-sizing: border-box;
}

/* Lưới card: 10 công ty là item trực tiếp, desktop 5 cột (2 hàng), item tự co theo track.
   column-gap 30 + row-gap 60 giữ đúng khoảng cách như thiết kế cũ (2 hàng cách nhau 60px). */
.top10bank_body {
    display: grid;
    /* PC: 5 cột, item giãn đầy theo width nhờ 1fr. Tablet/mobile đổi số cột ở media query. */
    grid-template-columns: repeat(5, 1fr);
    column-gap: 30px;
    row-gap: 60px;
    /* padding trái/phải khớp với .header_table_top100cp (0 60px) để cùng width */
    padding: 0px 60px;
    /* stretch: mỗi hàng (grid row / flex line) các item tự giãn cao bằng item cao nhất hàng đó */
    align-items: stretch;
    align-self: stretch;
    margin-bottom: 60px;
    width: 100%;
    box-sizing: border-box;
}

.top10bank_body-item {
    width: auto;
    /* min-width:0 để grid track co đúng theo 1fr, không bị ảnh (min-content) làm phình tràn */
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--Color-Shades-white, #FFF);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.top10bank_body-item:hover {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12);
}

.top10bank_body-item a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.top10bank_body-item-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--Color-Shades-white, #FFF);
}

.top10bank_body-item-img1 {
    width: 100%;
}

.top10bank_body-item-img1 img {
    width: 100%;
    height: auto;
    display: block;
    transition: filter 0.3s ease;
}

.top10bank_body-item:hover .top10bank_body-item-img1 img {
    filter: brightness(1.1);
}

.top10bank_body-item-img2 {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: var(--Color-Shades-white, #FFF);
    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.12);
    padding: 12px;
    box-sizing: border-box;
}

.top10bank_body-item-img2 img {
    width: 100%;
    height: auto;
}

.top10bank_body-item-text {
    display: flex;
    padding: 16px 20px 20px 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    flex: 1;
}

.top10bank_body-item-text1 {
    margin: 0;
    padding: 0;
    /* Luôn giữ chỗ 2 dòng — text2 không bị đẩy sát lên khi tên 1 dòng */
    min-height: 48px;
    color: #020626;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

/* line-clamp trên span con — tránh ::after hover bị tính vào overflow gây "..." sai */
.top10bank_body-item-text1-inner {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-word;
}

.top10bank_body-item-text1::after {
    content: '';
    width: 0;
    height: 1px;
    display: block;
    background: #BB5644;
    transition: 300ms;
}

.top10bank_body-item:hover .top10bank_body-item-text1::after {
    width: 100%;
}

.top10bank_body-item-text2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
}

.top10bank_body-item-text2-name {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5E566A;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.857px;
    text-transform: uppercase;
    opacity: 0.6;
    flex: 1;
    min-width: 0;
}

.top10bank_body-item-text2-name2 {
    width: 1px;
    height: 16px;
    background: #EAEEF3;
    flex-shrink: 0;
}

.top10bank_body-item-text2-name1,
.top10bank_body-item-text2-name3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top10bank_body-item-text2-arrow {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.top10bank_body-item-text2-arrow img {
    width: 20px;
    height: 20px;
    min-width: 20px;
    flex-shrink: 0;
}

/* ==========================================================================
   HEADER FILTER — Bộ lọc ngành + năm nằm trong .header_filter
   Gồm 2 dropdown (ngành, năm) và 1 nút "Xem" để điều hướng trang.
   ========================================================================== */

/* Tiêu đề canh giữa cho tab bảng dữ liệu (dropdown năm nằm ở hàng bộ lọc bên dưới) */
.header_table_top100cp.header_table_top100cp--center {
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 24px;
    gap: 16px;
}

.header_table_top100cp--center .header_title_group {
    width: 100%;
    max-width: 1170px;
    align-items: center;
    text-align: center;
}

.header_table_top100cp--center h1 {
    width: 100%;
    text-align: center;
    line-height: 37.8px;
}

.header_table_top100cp--center #subcontent {
    justify-content: center;
    text-align: center;
}

/* Dòng đang mở chi tiết: viền xanh bao trọn khối (Figma) — chỉ PC */
@media (min-width: 769px) {
    .container_content:has(.active_data_item) {
        border: 1px solid #2E3191;
        box-sizing: border-box;
    }
}

/* Khối cha: xếp tiêu đề (trái) và bộ lọc (phải) trên cùng 1 hàng, canh giữa */
.header_table_top100cp {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
}

/* Nhóm tiêu đề + mô tả: xếp dọc, co giãn chiếm phần còn lại (không tràn) */
.header_title_group {
    display: flex !important;
    flex-direction: column;
    gap: 9px;
    flex: 1 1 auto;
    min-width: 0;
}

/* Bộ lọc nằm bên phải, không co lại */
.header_filter {
    /* ghi đè quy tắc chung ".header_table_top100cp div" (vốn canh giữa) */
    display: flex !important;
    flex-wrap: nowrap;
    align-items: flex-start;
    /* Căn khối bộ lọc lên đỉnh hàng (cha .header_table_top100cp canh giữa) */
    align-self: flex-start;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 12px;
    margin: 0;
}

/* Dropdown (ngành / năm): bỏ giao diện mặc định, tự vẽ mũi tên chevron bên phải */
/* Bọc dropdown tùy biến — làm mốc định vị cho menu thả xuống */
.hf_select {
    position: relative;
    z-index: 2;
    display: inline-flex;
}

/* Mở xong phải cao hơn .hf_backdrop (1001) kẻo pointerdown vừa mở thì click tiếp theo dính overlay rồi đóng ngay */
.hf_select.open {
    z-index: 1003;
}

/* Nút toggle: nhìn giống ô select (viền, chữ + mũi tên) */
.hf_select_toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 160px;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 70, 0.20);
    background: #FFF;
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    position: relative;
    z-index: 1;
}

.hf_select.open .hf_select_toggle {
    border-color: rgba(0, 0, 70, 0.20);
}

.hf_select_value {
    flex: 1;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

/* Mũi tên: xoay 180° khi mở. pointer-events:none — Safari iOS tap SVG không bubble ra button */
.hf_select_arrow {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    pointer-events: none;
}

.hf_select.open .hf_select_arrow {
    transform: rotate(180deg);
}

/* Menu thả xuống: ẩn mặc định, hiện khi .open
   (dùng !important để thắng rule chung ".header_table_top100cp div { display:flex }") */
.hf_select_menu {
    display: none !important;
    position: absolute;
    top: calc(100%);
    left: 0;
    min-width: 100%;
    max-height: 260px;
    overflow-y: auto;
    flex-direction: column;
    padding: 4px 0;
    background: #FFF;
    border: 1px solid rgba(0, 0, 70, 0.12);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
    z-index: 1002;
    box-sizing: border-box;
}

.hf_select.open .hf_select_menu {
    display: flex !important;
}

/* Thanh cuộn dọc tùy biến khi menu vượt max-height */
.hf_select_menu {
    scrollbar-width: thin;                    /* Firefox */
    scrollbar-color: #C9CDD2 transparent;     /* thumb / track */
}

.hf_select_menu::-webkit-scrollbar {
    width: 5px;
}

.hf_select_menu::-webkit-scrollbar-track {
    background: transparent;
}

.hf_select_menu::-webkit-scrollbar-thumb {
    background: #C9CDD2;
    border-radius: 4px;
}

.hf_select_menu::-webkit-scrollbar-thumb:hover {
    background: #A9AEB4;
}

/* Mỗi mục trong danh sách */
.hf_select_option {
    display: block;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: transparent;
    text-align: left;
    white-space: nowrap;
    color: #000046;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.hf_select_option:hover {
    background: #F0F5FB;
}

/* Mục đang chọn: nền nhạt + chữ đậm */
.hf_select_option.selected {
    background: #F0F5FB;
    font-weight: 700;
}

/* Lớp phủ trong suốt phủ toàn màn hình để bắt click ra ngoài */
.hf_backdrop {
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: transparent;
}

/* Nút "Xem": nền đỏ, chữ trắng */
.header_filter_button {
    padding: 12px 28px;
    border: none;
    background: #F94E41;
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.2s ease;
    min-width: 100px;
}

.header_filter_button:hover {
    background: #e23b2f;
}

/* Bộ lọc trên mobile: quay lại luồng thường (nằm dưới tiêu đề), dropdown giãn đầy */
@media (max-width: 768px) {
    /* Mobile: tiêu đề và bộ lọc xếp dọc trở lại */
    .header_table_top100cp {
        flex-direction: column !important;
        align-items: stretch;
    }

    .header_filter {
        gap: 8px;
        flex-wrap: wrap;
        /* Mobile: bộ lọc chiếm full width (ghi đè align-self: flex-start của desktop) */
        align-self: stretch;
    }

    .hf_select {
        flex: 1 0 0;
        min-width: 0;
    }

    /* Dropdown năm: đủ rộng để không che khuất chữ "Năm 2025" */
    .header_filter .hf_select {
        flex: 1 1 auto;
        min-width: 120px;
    }

    .hf_select_toggle {
        width: 100%;
        min-width: 0;
        padding: 11px 12px;
        font-size: 13px;
    }

    .hf_select_option {
        font-size: 13px;
    }

    .header_filter_button {
        padding: 12px 20px;
        font-size: 13px;
    }
}

/* === RESPONSIVE === */
@media screen and (max-width: 1169px) and (min-width: 769px) {
    .table_top100cp {
        width: 100%;
        display: flex;
        gap: 20px;
        flex-direction: column;
        position: relative;
        z-index: 5;
        margin-top: -215px;
    }

    .time_search_unit {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    /* Tablet: 3 công ty/hàng (PC là 5) để ảnh không bị bóp nhỏ */
    .top10bank_body {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }

    /* Tablet: header xếp dọc (tiêu đề trên, bộ lọc dưới) để tiêu đề không bị bóp hẹp */
    .header_table_top100cp {
        flex-direction: column !important;
        align-items: stretch;
    }

    .header_filter {
        align-self: stretch;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .name_cp, .name_cp h2 {
        font-size: 15px;
    }
    .tabs_menu_wrap {
        position: sticky;
        top: 0;
        z-index: 100;
        padding: 0;
        border-bottom: none;
        max-width: none;
    }

    .tabs_menu_wrap::before,
    .tabs_menu_wrap::after,
    .tabs_menu_nav {
        display: none !important;
    }

    .tabs_menu {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 20px 12px;
        position: relative;
        background: white;
        overflow-x: auto;
        overflow-y: hidden;
        box-sizing: border-box;
        margin-top: 0;
        justify-content: flex-start;
        border-bottom: none;
    }

    .tabs_menu::-webkit-scrollbar {
        display: none;
    }

    .tabs_menu {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .tabs_menu .tab-item {
        min-width: max-content;
        padding: 8px 16px;
        border: 1px solid #EAEEF3;
        border-radius: 100px;
        color: #787182;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0;
        text-transform: uppercase;
        opacity: 1;
        box-shadow: none;
    }

    .tabs_menu .tab-item.active_top100,
    .tabs_menu .tab-item.active {
        color: #F94E41 !important;
        border-color: #F94E41;
        box-shadow: none;
    }

    /* Touch: tránh :hover dính làm 2 tab cùng đỏ */
    @media (hover: none) {
        .tabs_menu .tab-item:not(.active_top100):not(.active):hover {
            color: #787182 !important;
            border-color: #EAEEF3;
        }
    }

    .tabs_menu_bottom {
        display: none;
    }

    .gradient-section,
    .unit,
    #time_update_top100,
    .header_top100 .stt_header,
    .header_top100 .nganh_header,
    .header_top100 .ma_header,
    .header_top100 .chi_tiet_header,
    .name_stock,
    .name_category,
    .rectangle_sub {
        display: none;
    }

    .header-text-desktop {
        display: none;
    }

    .header-text-mobile {
        display: inline;
    }

    .searchTop100 {
        /* Frame search + header: ngang 12, gap dưới 16 tới header; top 8 cho sát text trên */
        padding: 8px 12px 16px;
        margin: 0;
        box-sizing: border-box;
        position: sticky;
        top: 102px;
        /* Sticky tạo stacking context riêng: phải cao hơn .hf_backdrop (1001),
           nếu không dropdown năm bị lớp phủ nuốt tap → chọn năm không ăn */
        z-index: 1002;
        background: linear-gradient(180deg, #FFFFFF 0%, #F0F5FB 100%);
    }

    .time_search_unit {
        width: 100%;
        gap: 12px;
    }

    .searchPrivate {
        border: 1px solid #EAEEF3;
        padding: 12px 16px;
    }

    /* iOS Safari: input < 16px sẽ auto-zoom khi focus */
    .searchPrivate input.input_search_top100,
    .searchPrivate input.input_search_top100:focus {
        font-size: 16px;
    }

    .header_table_top100cp {
        padding: 0px 12px;
        gap: 12px;
        margin-top: 0px;
    }

    .header_title_group {
        gap: 12px;
    }

    .header_table_top100cp h2 {
        font-size: 18px;
        font-weight: 700;
    }

    .header_table_top100cp div {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .containter_table {
        gap: 0;
        /* Cân với gutter trái/phải 12px — tránh khoảng trống lớn trước footer */
        padding-bottom: 12px;
        /* MB theo TK ảnh 2: nền xanh nhạt, card trắng có gutter */
        background: #F0F5FB;
    }

    .header_top100_pr {
        position: sticky;
        top: 160px;
        z-index: 99;
        padding: 0 12px;
        /* Nối đuôi gradient của .searchTop100 */
        background: #F0F5FB;
        box-shadow: none;
        box-sizing: border-box;
    }

    .header_top100 {
        width: 100%;
        height: auto;
        padding: 0 12px;
        gap: 28px;
        position: static;
        background: #EEF7FF;
        box-sizing: border-box;
    }

    .header_top100 .ten_dn_header {
        padding: 12px 0;
        flex: 1 0 0;
        align-items: flex-start;
    }

    .header_top100 .total_header {
        width: 110px;
        padding: 12px 0;
        justify-content: center;
        align-items: flex-end;
        text-align: right;
    }

    /* Mobile: 2 dòng — NỘP NGÂN SÁCH (12px) + (Tỷ đồng) (11px) */
    .header_top100 .total_header .header-text-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        color: #000046;
    }

    .header_top100 .total_header .header-text-mobile-unit {
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        color: #787182;
        text-transform: none;
    }

    .table_top100cp {
        width: 100%;
        margin-top: 0;
        /* Gutter 12px đều 4 cạnh, cân với trái/phải trước footer */
        padding: 12px;
        gap: 12px;
        box-sizing: border-box;
    }

    .container_content {
        padding: 12px;
        border-radius: 0;
        overflow: hidden;
        box-shadow: none;
        border: none;
        box-sizing: border-box;
        background: #FFF;
    }

    /* MB: khi mở — không viền xanh PC */
    .container_content:has(.active_data_item) {
        border: none !important;
        border-radius: 0;
        box-shadow: none;
    }

    /* Không kẻ line giữa hàng DN và khối chi tiết (1 khối trắng liền) */
    .container_content:has(.active_data_item) > .main_content_item {
        border-bottom: none;
        padding-bottom: 0;
    }

    .main_content_item {
        width: 100%;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 9px;
        padding: 0;
        background: #FFF;
    }

    .stt_item {
        padding: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 800;
        align-self: stretch;
        align-items: center;
        width: auto;
        min-width: 12px;
        flex: 0 0 auto;
        color: #000046;
    }

    .logo_name_cp {
        align-items: center;
        gap: 12px;
        padding: 0;
        flex: 1 1 0%;
        min-width: 0;
    }

    .name_note_cp {
        flex: 1 1 0%;
        min-width: 0;
    }

    .logo_cp {
        width: 36px;
        height: 36px;
        padding: 0;
    }

    .logo_cp img {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        object-fit: contain !important;
        display: block;
    }

    .name_cp {
        font-size: 15px;
        line-height: 20px;
        text-transform: none;
        margin-right: 30px;
    }

    .note_name {
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        max-width: none;
        display: block;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        -webkit-line-clamp: unset;
    }

    .total_detail {
        display: flex;
        width: auto;
        min-width: 75px;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        /* MB: bấm cả khối để mở/đóng chi tiết (vùng chạm lớn hơn nút icon) */
        cursor: pointer;
        padding-right: 4px;
        box-sizing: border-box;
    }

    .total_number {
        width: auto;
        padding: 0;
        color: #F94E41;
        font-size: 15px;
        font-weight: 800;
        line-height: normal;
        justify-content: flex-end;
    }

    .total_number_sub {
        color: #000046;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

    /* MB công ty con khi mở: số nộp ngân sách chuyển cam */
    .total_number_sub.expanded_total {
        color: #F94E41;
        font-weight: 800;
    }

    .button_show_close,
    .button_show_close_sub {
        width: auto;
        padding: 0;
        cursor: pointer;
    }

    .data_item_detail,
    .data_item_detail_sub {
        gap: 8px;
        white-space: normal;
        overflow: hidden;
        opacity: 0;
        max-height: 0;
        padding: 0;
        align-self: stretch;
    }

    .data_item_detail::-webkit-scrollbar,
    .data_item_detail_sub::-webkit-scrollbar {
        display: none;
    }

    .data_item_detail,
    .data_item_detail_sub {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .active_data_item {
        max-height: 103px;
        opacity: 1;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin-top: 12px;
        padding-bottom: 0;
    }

    /* MB: không mở mặc định DN đầu */
    .data_item_detail.is-default-expand {
        max-height: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        margin-top: 0 !important;
        padding: 0 !important;
        transition: none !important;
    }

    .subsidiaries.is-default-expand {
        max-height: 0 !important;
    }

    .active_item_sub {
        max-height: 103px !important;
        opacity: 1;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin-bottom: 12px;
    }

    .detail_cards_row {
        flex-direction: row;
        gap: 8px;
        width: max-content;
        min-width: 100%;
    }

    .subsidiaries {
        width: 100%;
    }

    /* MB: công ty con — ẩn STT trống, thụt trái nhẹ theo TK (thẳng hàng logo DN cha) */
    .subsidiaries .stt_item {
        display: none;
    }

    .subsidiaries .main_content_item {
        border-top: 1px solid #EAEEF3;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 20px;
        flex-wrap: nowrap;
        align-items: center;
        box-sizing: border-box;
    }

    .name_subsidiaries {
        padding: 8px 0;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        box-sizing: border-box;
    }

    .content_thue {
        flex: 0 0 132px;
        padding: 12px;
        border: 1px solid #EAEEF3;
        border-radius: 0;
        box-sizing: border-box;
    }

    .name_thue {
        font-size: 13px;
        line-height: 16px;
        color: #5E566A;
    }

    .value_thue {
        font-size: 14px;
        font-weight: 500;
    }

    #scroll_top {
        top: auto;
        bottom: 40px;
    }

    /* MB: bỏ khoảng trắng giữa nội dung và footer (margin-top .f_menu) */
    .private100-shell .footer-mobile .f_menu {
        margin-top: 0;
    }

    /* Top10bank mobile */
    .top10bank {
        margin-top: 0px;
    }

    /* Mobile: 2 công ty/hàng theo CSS mẫu — flex-wrap + width calc(50% - 12px).
       Ảnh giữ tỉ lệ gốc (height:auto). Tiêu đề cố định 40px để footer các card thẳng hàng. */
    .top10bank_body {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        padding: 8px 0 20px 12px;
        margin-bottom: 30px;
    }

    .top10bank_body-item {
        width: calc(50% - 12px);
    }

    .top10bank_body-item-img1 {
        width: 100%;
    }

    .top10bank_body-item-img1 img {
        width: 100%;
        height: auto;
    }

    .top10bank_body-item-img2 {
        width: 56px;
        height: 56px;
        left: 8px;
        bottom: 8px;
        padding: 8px;
    }

    .top10bank_body-item-text {
        padding: 12px;
        gap: 12px;
    }

    .top10bank_body-item-text1 {
        font-size: 15px;
        line-height: 20px;
        min-height: 40px;
    }

    .top10bank_body-item-text2-name1,
    .top10bank_body-item-text2-name3 {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .top10bank_body-item-text2-name {
        font-size: 10px;
        line-height: 14px;
        flex-wrap: wrap;
        row-gap: 4px;
    }
}

/* Sentinel theo dõi bởi IntersectionObserver (vntax200.js attachInfiniteScroll) để tải dần danh
   sách khi cuộn — không hiển thị nội dung, chỉ cần đủ trong DOM để observer phát hiện giao viewport. */
.load_more_sentinel {
    width: 100%;
    height: 1px;
}

.award-label {
    color: #DBD7D2;
    font-family: "Plus Jakarta Sans";
    font-size: 62px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
}

.award-title {
    color: #B98C53;
    font-family: "Plus Jakarta Sans";
    font-size: 62px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* or relative to font size */
}

.note-header {
    display: flex;
    padding: 0 0 40px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.bannertop200 .is-mob {
    display: none;
}

@media (max-width: 767px) {
    .note-header {
        display: none;
    }

    .bannertop200 .is-mob {
        display: block;
    }

    .bannertop200 .is-pc {
        display: none;
    }

    .top10bank_body-item-text2-arrow img {
        width: 12px;
        height: 12px;
        min-width: 12px;
    }
}
/* Hàng bộ lọc (tìm kiếm + năm) trên mobile: cùng 1 hàng như thiết kế */
@media (max-width: 768px) {
    .time_search_unit {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 8px;
    }

    .time_search_unit .searchPrivate {
        flex: 1 1 auto;
        min-width: 0;
    }

    /* .unit bị ẩn trên mobile — ô năm co theo nội dung, cạnh search.
       z-index để không bị input search tràn đè tap trên iOS. */
    .time_search_unit .hf_select {
        display: flex;
        flex: 0 0 auto;
        flex-shrink: 0;
        align-self: stretch;
        z-index: 3;
    }

    .time_search_unit .hf_select_toggle {
        min-width: 0;
        width: auto;
        height: auto;
        min-height: 44px;
        align-self: stretch;
        padding: 12px;
        gap: 8px;
        border-color: #EAEEF3;
        box-sizing: border-box;
    }

    .header_table_top100cp.header_table_top100cp--center {
        margin-top: 0px;
    }
}