@charset "UTF-8";

@media (max-width: 1023px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  svg,
  canvas,
  video,
  iframe,
  embed,
  object {
    max-width: 100%;
  }

  img,
  video {
    height: auto;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  .fixwidth,
  .fixpage,
  .wrap-content,
  .wrap-main,
  .maincontent,
  .menu .fixwidth {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .wrapmain_container,
  .wrapmain_container > *,
  .w-clear,
  .clearfix,
  .d-flex,
  .wrap-taikhoan,
  .taikhoan_left,
  .taikhoan_right,
  .title_taikhoan,
  .title_taikhoan_left,
  .title_taikhoan_right,
  .title_taikhoan_right_topw,
  .list_user_tk,
  .right_user_tk,
  .right_user_tk_hoadon,
  .container_qlnhom,
  .left_qlnhom,
  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .right_qlnhom,
  .full_kenhdoitac,
  .content_header_qlnhom,
  .flex_header_groups_right,
  .grid_tv_qlnhom,
  .mkrica-dashboard,
  .mkrica-card,
  .mkrica-results,
  .mkrica-form-group-row,
  .mkrica-form-group-lang,
  .mok_tb_notification,
  .mokr-card-mok {
    min-width: 0;
  }

  .text-split,
  .title-main span,
  .title_dichthuat_container,
  .title-user1,
  .title-user_tt,
  .slider_info__name,
  .slider_info__desc,
  .mok_tb_text,
  .mokr-name-mok,
  .mokr-country,
  .mokr-highlight span,
  .mokr-lang-item {
    overflow-wrap: anywhere;
  }

  .table-responsive,
  .table-cart-area,
  .table_admin,
  .table_dh,
  .table100,
  .header_table,
  .order_qlnhom_table,
  .box_thanhvien_groups_order,
  .box_thanhvien_groups_order_qlnhom,
  .thanhvien_groups,
  .thanhvien_groups_qlnhom,
  .body_thongke_groups_center_r,
  .content_translatoradmin,
  .content_translatoradmin_lichsutt,
  .statistic_l,
  .page_admin_email_chiendich,
  .content_loaitailieu_cscl,
  .thongtin_dichgia_gr,
  .overflow_auto,
  .mkrica-table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive table,
  .table-cart-area table,
  .table_admin table,
  .table_dh table,
  .table100 table,
  .header_table table,
  .order_qlnhom_table table,
  .box_thanhvien_groups_order table,
  .box_thanhvien_groups_order_qlnhom table,
  .thanhvien_groups table,
  .thanhvien_groups_qlnhom table,
  .body_thongke_groups_center_r table,
  .content_translatoradmin table,
  .content_translatoradmin_lichsutt table,
  .statistic_l table,
  .page_admin_email_chiendich table,
  .content_loaitailieu_cscl table,
  .thongtin_dichgia_gr table,
  .mkrica-table table {
    width: max-content;
    min-width: 100%;
  }

  .taikhoan_right > table,
  .center_qlnhom > table,
  .full_kenhdoitac > table,
  .content-main table,
  .noidung_dieukhoan table,
  .toc-content table,
  #toc-content table {
    display: block;
    width: max-content;
    min-width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal-dialog,
  .modal-content,
  .modal-custom,
  .fancybox-content,
  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin,
  .openpopup_form,
  #formdk79,
  #popup-cart .modal-dialog {
    max-width: calc(100vw - 24px);
  }

  .modal-body,
  .fancybox-slide,
  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin {
    max-height: calc(100vh - 24px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fancybox-slide {
    padding: 12px;
  }

  .wrap-taikhoan {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    gap: 14px;
  }

  .taikhoan_left {
    flex: 0 0 250px;
  }

  .taikhoan_right {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .title_taikhoan {
    flex-wrap: wrap;
    gap: 10px;
  }

  .title_taikhoan_right,
  .title_taikhoan_right_topw ul,
  .link_tk_header,
  .link_tk_header_id {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .link_tk_header,
  .link_tk_header_id {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .link_tk_header a,
  .link_tk_header_id a,
  .title_taikhoan_right_topw ul li {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .container_qlnhom {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    gap: 12px;
  }

  .left_qlnhom {
    flex: 0 0 230px;
  }

  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .thanhvien_qlnhom {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .right_qlnhom {
    flex: 0 0 250px;
  }

  .content_header_qlnhom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex_header_groups_right,
  .m_mobile_header,
  .tabs {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .flex_header_groups_right > *,
  .tabs a {
    flex: 0 0 auto;
  }

  .dropdown .dropdownmenu,
  .mok_tb_panel,
  .sidebar_moi {
    max-width: calc(100vw - 20px);
  }

  .mok_tb_panel {
    right: 8px;
    width: min(420px, calc(100vw - 16px));
  }

  .mok_tb_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .sidebar_moi {
    width: min(430px, 92vw);
  }

  .mokr-top-mok,
  .mokr-lang-mok,
  .mokr-extra {
    flex-wrap: wrap;
  }

  .mkrica-dashboard {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 14px;
  }

  .mkrica-results {
    flex-direction: column;
  }

  .mkrica-chart canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  .mkrica-form-group input,
  .mkrica-form-group select,
  .mkrica-small,
  .mkrica-price,
  progress,
  input[type="file"] {
    max-width: 100%;
  }

  .detailvisavn_right,
  .detail_visaxcleft,
  .detail_visaxcright,
  .detailvisa_rightmain,
  .chitietvisa_bvkhacright,
  .chitietvisa_khungleft,
  .dtlistbv_img,
  .ngonngulist_right,
  .detail_visacatimg {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
  }

  .detail_visacatinfo,
  .dichthuat_info,
  .ngonngulist_slideinfo,
  .dtlist_title {
    position: static !important;
    width: 100% !important;
  }

  .dtlist_background {
    padding-bottom: 24px;
  }

  .dtlist_open {
    position: static !important;
    display: inline-flex;
    margin: 6px;
    vertical-align: top;
  }

  .dtlist_open p {
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  .dtlist_open::after,
  .dtlist_open a::after {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .fixwidth,
  .fixpage,
  .wrap-content,
  .wrap-main,
  .maincontent,
  .menu .fixwidth,
  .wrap-taikhoan,
  .container_qlnhom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrap-taikhoan {
    display: block !important;
  }

  .taikhoan_left {
    display: none;
  }
  .sotu_chitietdonhang {
    border:none !important;
  }
  .taikhoan_right,
  .center_qlnhom,
  .center_kenh,
  .center_uoctinhkenh,
  .thanhvien_qlnhom,
  .left_qlnhom,
  .right_qlnhom {
    width: 100% !important;
    max-width: 100%;
  }

  .left_qlnhom.position-sticky,
  .right_qlnhom.position-sticky {
    position: relative !important;
    top: auto !important;
  }

  .left_qlnhom,
  .right_qlnhom {
    margin-bottom: 12px;
  }

  .container_qlnhom {
    display: block !important;
  }

  .content_header_qlnhom {
    padding-left: 8px;
    padding-right: 8px;
  }

  .flex_header_groups_right {
    max-width: calc(100vw - 76px);
  }

  .box_flex_header_groups_l a {
    width: 44px;
    justify-content: center;
  }

  .box_flex_header_groups_l span,
  .flex_header_groups_user .select span {
    display: none;
  }

  .dropdown .dropdownmenu {
    right: 0;
    left: auto;
    width: min(320px, calc(100vw - 16px));
  }

  .mok_tb_panel {
    position: fixed;
    top: 58px;
    right: 8px;
    left: 8px;
    width: auto;
  }

  .mok_tb_notification {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .mok_tb_blue-dot {
    display: none;
  }

  .mok_tb_actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sidebar_moi {
    width: 100vw;
    max-width: 100vw;
  }

  .grid_tv_qlnhom,
  .grid_kh,
  .content_grid_kh,
  .thongke_groups_top_grid,
  .grid_thongke,
  .mkrica-dashboard,
  .boxtaisao_grid,
  .loadkhung_dichgia,
  .loadkhung_tintuc,
  .loadkhung_doc,
  .loadkhung_video,
  .loadkhung_tailalbum,
  .dttintuc_grid,
  .dttintuc_grid_trogiup,
  .visavietnam_bvlist,
  .visavietnam_listkhokhan,
  .detaildt_langlist,
  .detaildt_chuyennganhlist,
  .detaildtdt_grid,
  .detaillang_list,
  .ngonngulist_tintucgrid,
  .boxcontact_tabgrid {
    grid-template-columns: 1fr !important;
  }

  .mkrica-form-group-row,
  .mkrica-form-group-lang,
  .mkrica-btn-row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
    overflow-x: visible;
  }

  .button_moi a,
  .mkrica-btn-row button,
  .mkrica-banner,
  .btn_xoa_thanhvien_nhom,
  .btn_roi_nhom {
    width: 100%;
  }

  .box_video_landing_r a {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .dialog,
  .dialog-content-qlnhom,
  .dialog-content-suatin {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
  }

  .body_qlnhom .thanhvien_qlnhom .grid_tv_qlnhom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .body_qlnhom .thanhvien_qlnhom .box_tv_qlnhom {
    display: grid;
    align-content: start;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0;
    padding: 10px 8px !important;
    border-radius: 8px;
  }

  .body_qlnhom .thanhvien_qlnhom .box_tv_qlnhom > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 7px;
    width: 100%;
    text-align: center;
  }

  .body_qlnhom .thanhvien_qlnhom .info_user_img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px !important;
    height: 54px !important;
    margin: 0 auto;
    text-align: center;
  }

  .body_qlnhom .thanhvien_qlnhom .info_user_img > img:not(.favicon_logo1) {
    width: 54px !important;
    height: 54px !important;
    object-fit: cover;
  }

  .body_qlnhom .thanhvien_qlnhom .favicon_logo1 {
    right: -3px !important;
    bottom: -2px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .body_qlnhom .thanhvien_qlnhom .info_tv_qlnhom {
    display: grid !important;
    justify-items: center;
    gap: 5px;
    width: 100% !important;
    min-width: 0;
    margin-top: 0 !important;
    padding-left: 0 !important;
    text-align: center;
  }

  .body_qlnhom .thanhvien_qlnhom .info_tv_qlnhom b {
    max-width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom .thanhvien_qlnhom .info_tv_qlnhom .member-type-badge {
    max-width: 100%;
    margin: 0;
    padding: 4px 7px;
    font-size: 11px;
  }

  .body_qlnhom .thanhvien_qlnhom .action_tv_qlnhom {
    width: 100%;
    margin-top: 9px;
    justify-content: center;
  }

  .body_qlnhom .thanhvien_qlnhom .btn_xoa_thanhvien_nhom,
  .body_qlnhom .thanhvien_qlnhom .btn_roi_nhom {
    width: 100% !important;
    min-height: 32px;
    height: auto;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.2;
    white-space: normal;
  }
}

/* Frontend responsive audit guardrails - keep this file loaded last. */
.mokr-mobile-menu-toggle,
.translator-menu-open,
.translator-menu-overlay {
  display: none;
}

@media (max-width: 1280px) {
  .fixwidth,
  .fixpage,
  .wrap-main,
  .wrap-content,
  .maincontent,
  .container,
  .container_groups,
  .container_qlnhom,
  .wrap_translatoradmin,
  .wrap-taikhoan,
  .full_kenhdoitac,
  .kenh-share-page {
    
  }

  .content_translatoradmin,
  .content_translatoradmin_index,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail,
  .content_qlnhom,
  .content_manage,
  .content_user,
  .right_user,
  .right_taikhoan,
  .right_container_groups,
  .main-layout,
  .ant-layout,
  .ant-layout-content {
    
  }
}

@media (max-width: 1023px) {
  html,
  body {
    min-width: 0 !important;
    max-width: 100%;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  video,
  canvas,
  svg,
  iframe {
    max-width: 100%;
  }

  .d-flex,
  .flex,
  .row,
  .form-row,
  .input-group,
  .share_translatoradmin,
  .header_top_translatoradmin,
  .header_translatoradmin_index,
  .title_qlnhom_b,
  .title_taikhoan_right_topw,
  .filter_manage,
  .filter_qlnhom,
  .search_qlnhom,
  .timkiem_qlnhom,
  .box_search_groups,
  .box_flex_header_groups,
  .header_groups,
  .header_manage,
  .order-footer,
  .order-info,
  .order-lang,
  .kenh-share-actions {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .content_translatoradmin table,
  .content_translatoradmin_index table,
  .content_translatoradmin_tongquan table,
  .content_translatoradmin_reward table,
  .content_translatoradmin_reward_detail table,
  .content_translatoradmin_thanhtoan_detail table,
  .donhang_groups table,
  .donhang_qlnhom table,
  .table-cart-area table,
  .table100 table,
  .table1001 table,
  .table_admin table,
  .table_dh,
  .translatoradmin_order,
  .order_qlnhom_table {
    width: max-content !important;
    min-width: min(720px, calc(100vw - 24px));
    max-width: none;
  }

  table.table-responsive {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .content_translatoradmin,
  .content_translatoradmin_index,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail,
  .donhang_groups,
  .donhang_qlnhom,
  .table-cart-area,
  .table100,
  .table1001,
  .table_admin,
  .box_table,
  .box_table_order,
  .list_order,
  .order_scroll,
  .scroll_menu,
  .translatoradmin_order,
  .body_thongke_groups_center_r,
  .statistic_l,
  .statistic_r,
  .mokr-search-results,
  .mokr-translator-list {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .left_container_groups,
  .right_container_groups,
  .left_qlnhom,
  .right_qlnhom,
  .center_qlnhom,
  .l_qlnhom,
  .qlnhom_tinnhan_full_left,
  .qlnhom_tinnhan_full_center,
  .qlnhom_tinnhan_full_right,
  .wrap_translatoradmin,
  .content_translatoradmin_index,
  .sidebar,
  .main,
  .main-content,
  .content,
  .left,
  .center_kenh,
  .center_uoctinhkenh {
    min-width: 0 !important;
    max-width: 100%;
  }

  .sidebar,
  .left_container_groups,
  .left_qlnhom.position-sticky,
  .right_qlnhom.position-sticky {
    max-height: calc(100vh - 72px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fancybox-content,
  .fancybox-slide--html .fancybox-content,
  .dialog,
  .dialog-content,
  .dialog-content-qlnhom,
  .dialog-content-suatin,
  .modal-content,
  .popup,
  .popup_nn,
  .form_chonngonngu,
  .form_chuyennganh,
  .mokr-translator-modal,
  .mokr-channel-modal {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  input,
  select,
  textarea,
  button,
  .btn,
  .button,
  .input-group,
  .form-control,
  .select2-container,
  .bootstrap-select,
  .multi-select-container {
    max-width: 100%;
  }

  textarea {
    min-height: 96px;
  }

  .btn,
  button,
  input[type="button"],
  input[type="submit"],
  a[class*="btn_"],
  .button_moi a,
  .linkct_order_qlnhom,
  .btn-copy {
    min-height: 40px;
    white-space: normal;
  }

  .content_user_content_tinnhan_qlnhom,
  .puser_content_tinnhan_qlnhom,
  .header_content_tinnhan_qlnhom,
  .madonhang_qlnhom_tinnhan_full_right,
  .ten_qlnhom_tinnhan_full_right,
  .tdh_qlnhom,
  .mdh_qlnhom,
  .order-id,
  .order-specialty,
  .order-date {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 820px) {
  .wrap_translatoradmin,
  .content_translatoradmin_index,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail,
  .share_translatoradmin,
  .header_top_translatoradmin,
  .tv_translatoradmin,
  .share_translatoradmin_l,
  .share_translatoradmin_r {
    width: 100% !important;
  }

  .content_translatoradmin_index,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail {
    padding-left: 12px;
    padding-right: 12px;
  }

  .qlnhom_tinnhan_full,
  .left_qlnhom_tinnhan_full {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .qlnhom_tinnhan_full_left,
  .qlnhom_tinnhan_full_center,
  .qlnhom_tinnhan_full_right {
    width: 100% !important;
  }

  .box_content_tinnhan_qlnhom {
    max-height: 55vh;
    overflow-y: auto;
  }

  .khungchat_qlnhom form,
  .khungchat_qlnhom .form-group,
  .khungchat_qlnhom .form-group-tn {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .fixed_kenh {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    z-index: auto !important;
  }

  .mokr-site-mobile-header.menu_top {
    position: sticky;
    top: 0;
    z-index: 1000000;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap !important;
    gap: 10px;
    width: 100%;
    min-height: 60px;
    padding: 8px 10px !important;
    border-bottom: 1px solid #e7edf4;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 6px 22px rgba(22, 34, 51, 0.12);
  }

  .mokr-site-mobile-toggle {
    position: absolute !important;
    display: block;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    pointer-events: none;
  }

  .mokr-site-mobile-logo {
    display: inline-flex !important;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 142px;
    margin: 0 !important;
  }

  .mokr-site-mobile-logo img {
    display: block;
    width: auto !important;
    max-width: 132px;
    max-height: 34px;
    object-fit: contain;
  }

  .mokr-site-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 7px;
    min-width: 0;
    margin-left: auto;
  }

  .menu_top .mokr-site-mobile-actions a,
  .menu_top .mokr-site-mobile-actions label {
    display: inline-flex !important;
    text-decoration: none;
    margin-bottom: 0 !important;
  }
  .menu_top .mokr-site-mobile-actions .mokr-site-mobile-primary {
    display: none !important;
  }



  .mokr-site-mobile-primary {
    display: none !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 74px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    background: #202328;
    color: #fff !important;
    font-size: 13px;
    font-weight:600;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
  }

  .mokr-site-mobile-icon,
  .mokr-site-mobile-menu-button,
  .mokr-site-mobile-avatar,
  .mokr-site-mobile-lang a {
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px !important;
    height: 38px;
    min-height: 38px;
    border: 1px solid #dfe7f1;
    border-radius: 12px;
    background: #f7faff;
    color: #173b68 !important;
  }

  .mokr-site-mobile-icon i,
  .mokr-site-mobile-menu-button i {
    color: #173b68 !important;
    font-size: 18px !important;
    line-height: 1;
  }

  .mokr-site-mobile-lang {
    display: inline-flex !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  .mokr-site-mobile-lang img {
    width: 22px !important;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-site-mobile-avatar {
    overflow: hidden;
    padding: 0;
  }

  .mokr-site-mobile-avatar img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }

  .mokr-site-mobile-menu-button {
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
  }

  .mokr-site-mobile-menu-button span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #173b68;
  }
  .owl-dots{
    display: none !important;
  }

  .mokr-site-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000001;
    display: block;
    pointer-events: none;
    background: rgba(14, 24, 40, 0);
    opacity: 0;
    transition: opacity 0.22s ease, background 0.22s ease;
  }

  .mokr-site-mobile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000002;
    display: block;
    width: min(88vw, 360px);
    max-width: 360px;
    padding: 0;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(calc(100% + 72px));
    transition: transform 0.24s ease;
    box-shadow: -18px 0 42px rgba(14, 24, 40, 0.22);
    -webkit-overflow-scrolling: touch;
  }

  #mokrSiteMobileMenuToggle:checked ~ .mokr-site-mobile-overlay {
    pointer-events: auto;
    background: rgba(14, 24, 40, 0.48);
    opacity: 1;
  }

  #mokrSiteMobileMenuToggle:checked ~ .mokr-site-mobile-drawer {
    transform: translateX(0);
  }

  body:has(#mokrSiteMobileMenuToggle:checked) .as,
  body:has(#mokrSiteMobileMenuToggle:checked) .show-password,
  body:has(#mokrSiteMobileMenuToggle:checked) .input-group-append {
    z-index: 1 !important;
  }

  body:has(#mokrSiteMobileMenuToggle:checked) .mokr-site-mobile-overlay {
    z-index: 2147483645;
  }

  body:has(#mokrSiteMobileMenuToggle:checked) .mokr-site-mobile-drawer {
    z-index: 2147483646;
  }

  .mokr-site-mobile-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(135deg, #0d4777, #1b75bb);
    color: #fff;
  }

  .mokr-site-mobile-profile {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: #fff !important;
  }

  .mokr-site-mobile-profile img {
    width: 46px;
    height: 46px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-site-mobile-profile span,
  .mokr-site-mobile-profile b,
  .mokr-site-mobile-profile small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-site-mobile-profile b {
    font-size: 15px;
    line-height: 1.25;
  }

  .mokr-site-mobile-profile small {
    margin-top: 2px;
    font-size: 12px;
    opacity: 0.86;
  }

  .mokr-site-mobile-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    cursor: pointer;
  }

  .mokr-site-mobile-close i {
    color: #fff !important;
    font-size: 18px !important;
  }

  .mokr-site-mobile-drawer-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    margin: 14px 14px 10px;
    border-radius: 10px;
    background: #202328;
    color: #fff !important;
    font-weight:600;
  }

  .mokr-site-mobile-drawer-cta i {
    color: #fff !important;
  }

  .mokr-site-mobile-section {
    padding: 8px 10px 12px;
    border-top: 1px solid #edf2f7;
  }

  .mokr-site-mobile-section > b {
    display: block;
    padding: 8px 6px;
    color: #718096;
    font-size: 12px;
    font-weight:600;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .mokr-site-mobile-section a,
  .mokr-site-mobile-logout {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 9px 8px;
    border-radius: 10px;
    color: #263044 !important;
    font-size: 14px;
    line-height: 1.2;
  }

  .mokr-site-mobile-section a:hover,
  .mokr-site-mobile-logout:hover {
    background: #f3f7fc;
  }

  .mokr-site-mobile-section a i,
  .mokr-site-mobile-logout i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #eef5ff;
    color: #1b75bb !important;
    font-size: 15px !important;
  }

  .mokr-site-mobile-section a span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .mokr-site-mobile-nav-group {
    border-bottom: 1px solid #edf2f7;
  }

  .mokr-site-mobile-nav-group:last-child {
    border-bottom: 0;
  }

  .mokr-site-mobile-nav-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 9px 8px;
    border-radius: 10px;
    color: #263044;
    font-size: 14px;
    font-weight:600;
    line-height: 1.2;
    cursor: pointer;
    list-style: none;
  }

  .mokr-site-mobile-nav-group summary::-webkit-details-marker {
    display: none;
  }

  .mokr-site-mobile-nav-group summary:hover {
    background: #f3f7fc;
  }

  .mokr-site-mobile-nav-group summary i {
    flex: 0 0 auto;
    color: #718096 !important;
    font-size: 12px !important;
    transition: transform 0.2s ease;
  }

  .mokr-site-mobile-nav-group[open] summary i {
    transform: rotate(180deg);
  }

  .mokr-site-mobile-main-menu .mokr-site-mobile-nav-group a {
    margin-left: 12px;
    min-height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #445168 !important;
    font-size: 13px;
  }

  .mokr-site-mobile-main-menu .mokr-site-mobile-nav-parent {
    color: #1b75bb !important;
    font-weight:600;
  }

  .mokr-site-mobile-logout {
    margin: 4px 10px 16px;
    border-top: 1px solid #edf2f7;
    color: #b83232 !important;
  }

  .mokr-site-mobile-logout i {
    background: #fff1f1;
    color: #b83232 !important;
  }
}

@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
  }

  body {
    padding-bottom: 12px;
  }

  .fixwidth,
  .fixpage,
  .wrap-main,
  .wrap-content,
  .maincontent,
  .container,
  .container_groups,
  .container_qlnhom,
  .wrap_translatoradmin,
  .wrap-taikhoan,
  .full_kenhdoitac,
  .kenh-share-page {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container_groups,
  .main-layout,
  .body_groups .ant-layout,
  .body_groups .ant-layout-has-sider,
  .content_manage,
  .manage-layout,
  .wrap-taikhoan,
  .wrap_translatoradmin,
  .full_kenhdoitac,
  .share_translatoradmin {
    display: block !important;
  }

  .left_container_groups,
  .right_container_groups,
  .left_qlnhom,
  .right_qlnhom,
  .center_qlnhom,
  .thanhvien_qlnhom,
  .sidebar,
  .main,
  .main-content,
  .content,
  .left,
  .center_kenh,
  .center_uoctinhkenh,
  .left_user,
  .right_user,
  .list_user,
  .list_user_tk,
  .right_user_tk,
  .taikhoan_right {
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .right_container_groups,
  .main,
  .main-content,
  .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .left_container_groups,
  .sidebar,
  .left_qlnhom,
  .right_qlnhom {
    max-height: none;
    overflow-y: visible;
  }

  .header_groups,
  .content_header_qlnhom,
  .header_manage,
  .header_top_translatoradmin,
  .header_translatoradmin_index,
  .title_taikhoan_right_topw,
  .title_qlnhom_b,
  .timkiem_qlnhom,
  .search_qlnhom,
  .box_search_groups,
  .filter_manage,
  .filter_qlnhom,
  .share_translatoradmin_l,
  .share_translatoradmin_r,
  .mokr-search-translator,
  .mokr-filter-row,
  .mokr-action-row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch !important;
  }

  .header_groups > *,
  .content_header_qlnhom > *,
  .header_manage > *,
  .title_taikhoan_right_topw > *,
  .title_qlnhom_b > *,
  .timkiem_qlnhom > *,
  .search_qlnhom > *,
  .box_search_groups > *,
  .filter_manage > *,
  .filter_qlnhom > *,
  .share_translatoradmin_l > *,
  .share_translatoradmin_r > *,
  .mokr-search-translator > *,
  .mokr-filter-row > *,
  .mokr-action-row > * {
    min-width: 0;
    width: 100%;
  }

  .mokr-site-mobile-primary{
    display: none !important;
  }
  .list_menu_header_user,
  .tabs,
  .nav-tabs,
  .tab_header,
  .menu_tab,
  .flex_header_groups_right,
  .scroll_menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .list_menu_header_user > *,
  .tabs > *,
  .nav-tabs > *,
  .tab_header > *,
  .menu_tab > *,
  .flex_header_groups_right > *,
  .scroll_menu > * {
    flex: 0 0 auto;
  }

  .list_menu_header_user {
    display: block !important;
    overflow: visible;
  }

  .list_menu_header_user ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    padding: 10px !important;
    margin: 0;
  }

  .list_menu_header_user ul li {
    margin: 0 !important;
    width: 100%;
  }

  .list_menu_header_user ul li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 13px !important;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
  }

  .list_menu_header_user ul li.act a {
    background: #fff;
    color: #0d3e64;
  }

  .wrap-dangnhap .boxdichvu_list,
  .wrap-dangnhap .mota_dn,
  .wrap-dangnhap .auto_slide_dnkh,
  .wrap-dangnhap .auto_slide_dnkh .owl-stage-outer,
  .wrap-dangnhap .auto_slide_dnkh .owl-item,
  .wrap-dangnhap .auto_slide_dnkh .item_auto_slide_dnkh {
    max-width: 100%;
    min-width: 0;
  }

  .wrap-dangnhap .auto_slide_dnkh .owl-stage {
    max-width: none;
  }

  .wrap-dangnhap .boxdichvu_list,
  .wrap-dangnhap .mota_dn {
    overflow: hidden;
  }

  .wrap-dangnhap .boxdichvu_list {
    border-radius: 10px;
  }

  .wrap-dangnhap .auto_slide_dnkh .item_auto_slide_dnkh {
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  .wrap-dangnhap .auto_slide_dnkh .item_auto_slide_dnkh img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wrap-dangnhap .auto_slide_dnkh .owl-dots {
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    width: 100% !important;
    max-width: 100%;
    margin: 8px 0 0 !important;
    padding: 0 8px 10px;
    transform: none !important;
    overflow: hidden;
  }

  .wrap-dangnhap .auto_slide_dnkh .owl-dots .owl-dot {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    padding: 0 !important;
  }

  .wrap-dangnhap .auto_slide_dnkh .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0;
  }

  .toolbar {
    display: block;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    box-shadow: 0 -6px 24px rgba(22, 34, 51, 0.1);
  }

  .toolbar ul {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
  }

  .toolbar ul li,
  .toolbar ul li.li_giua {
    width: auto !important;
    min-width: 0;
  }

  .toolbar ul li a,
  .toolbar ul li.li_giua a {
    width: 100% !important;
    height: auto;
    min-height: 44px;
    border-radius: 8px;
    box-shadow: none;
    line-height: 1.15;
    background: transparent;
  }

  .toolbar ul li a span {
    display: block;
    max-width: 100%;
    margin-top: 4px;
    overflow: hidden;
    color: inherit;
    font-size: 11px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .toolbar ul li a i {
    font-size: 18px;
  }

  .toolbar ul li a.act {
    color: #1f63c4;
    font-weight: 600;
  }

  .translator-bottom-toolbar {
    display: none !important;
  }

  .mokr-mobile-menu-toggle {
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }

  .fix_menu_m {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap !important;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    padding: 8px 10px;
    background: #fff;
    border-bottom: 1px solid #e8edf5;
    box-shadow: 0 3px 14px rgba(22, 34, 51, 0.06);
  }

  .mokr-account-mobile-header.fix_menu_m {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .translator-menu-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #dce5f2;
    border-radius: 8px;
    background: #f7faff;
    color: #173b68;
    cursor: pointer;
  }

  .mokr-account-mobile-header .translator-menu-open {
    order: 5;
  }

  .translator-menu-open i {
    font-size: 20px;
    line-height: 1;
  }

  .fix_menu_m .logo_m_kh {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }

  .fix_menu_m .logo_m_kh img {
    max-width: 136px;
    max-height: 38px;
    object-fit: contain;
  }

  .fix_menu_m .menu_m_kh {
    flex: 0 0 auto;
    min-width: 0;
  }

  .mokr-account-mobile-header .menu_m_kh,
  .mokr-account-mobile-actions,
  .mokr-account-mobile-action-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    gap: 7px;
    width: auto !important;
    min-width: 0;
  }

  .mokr-account-mobile-actions .chu_taodonhang {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 76px;
    min-height: 36px;
    padding: 0 12px !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight:600;
    line-height: 1;
    white-space: nowrap;
  }

  .mokr-account-mobile-actions .chuongtb,
  .mokr-account-mobile-actions .mokr-mobile-lang-switch,
  .mokr-account-mobile-actions .aa_menu {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px !important;
    height: 38px;
    min-height: 38px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dfe7f1;
    border-radius: 12px;
    background: #f7faff;
  }

  .mokr-account-mobile-actions .mokr-mobile-lang-switch {
    overflow: hidden;
  }

  .mokr-account-mobile-actions .mokr-mobile-lang-switch > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }

  .mokr-account-mobile-actions .mokr-mobile-lang-switch img {
    display: block;
    width: 24px;
    height: 24px !important;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-account-mobile-actions .mokr-mobile-lang-switch .ngonngu_header {
    display: none !important;
  }

  .mokr-account-mobile-actions .chuongtb img {
    width: 19px;
    height: 19px;
    object-fit: contain;
  }

  .mokr-account-mobile-actions .chuongtb span {
    position: absolute;
    top: -5px;
    right: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #e53e3e;
    color: #fff;
    font-size: 10px;
    font-weight:600;
    line-height: 1;
  }

  .mokr-account-mobile-actions .aa_menu img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }

  .mokr-account-mobile-actions .ul_aa_menu {
    display: none !important;
  }

  #menu_mb1.inven,
  #menu_mb1,
  .mokr-account-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10050;
    display: block !important;
    width: min(84vw, 330px);
    max-width: 330px;
    padding: 0;
    margin: 0;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(105%);
    transition: transform 0.24s ease;
    box-shadow: -16px 0 36px rgba(14, 28, 52, 0.18);
    -webkit-overflow-scrolling: touch;
  }

  .translator-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 14px;
    background: linear-gradient(135deg, #0d3e64, #2267c9);
    color: #fff;
  }

  .translator-drawer-user {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .translator-drawer-user img {
    width: 42px;
    height: 42px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    object-fit: cover;
  }

  .translator-drawer-user b,
  .translator-drawer-user span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .translator-drawer-user b {
    font-size: 15px;
    line-height: 1.25;
  }

  .translator-drawer-user span {
    margin-top: 2px;
    font-size: 12px;
    opacity: 0.84;
  }

  .translator-menu-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    cursor: pointer;
  }

  .translator-menu-close i {
    font-size: 18px;
  }

  .translator-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 10040;
    display: block;
    pointer-events: none;
    background: rgba(12, 22, 38, 0);
    opacity: 0;
    transition: opacity 0.24s ease, background 0.24s ease;
  }

  #mokrTranslatorMenuToggle:checked ~ .mokr-account-drawer,
  #mokrCustomerMenuToggle:checked ~ .mokr-account-drawer {
    transform: translateX(0);
  }

  #mokrTranslatorMenuToggle:checked ~ .translator-menu-overlay,
  #mokrCustomerMenuToggle:checked ~ .translator-menu-overlay {
    pointer-events: auto;
    background: rgba(12, 22, 38, 0.46);
    opacity: 1;
  }

  #menu_mb1 ul,
  .mokr-account-drawer ul {
    display: block !important;
    width: 100%;
    padding: 8px 0 14px;
    margin: 0;
    list-style: none;
  }

  #menu_mb1 li,
  .mokr-account-drawer li {
    min-width: 0;
    margin: 0;
  }

  #menu_mb1 a,
  .mokr-account-drawer a {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 48px;
    padding: 10px 16px;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    border-radius: 0;
    background: #fff;
    color: #263044;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
  }

  #menu_mb1 a.act,
  .mokr-account-drawer a.act {
    border-color: #eef2f7;
    background: #eef5ff;
    color: #12427f;
    font-weight: 600;
  }

  #menu_mb1 img,
  #menu_mb1 i,
  .mokr-account-drawer img,
  .mokr-account-drawer i {
    width: 24px;
    height: 24px;
    max-width: 24px;
    object-fit: contain;
    color: #2267c9;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  #menu_mb1 a span,
  .mokr-account-drawer a span {
    display: block;
    min-width: 0;
    padding: 0 !important;
    color: inherit !important;
    font-size: 14px;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .content_translatoradmin table,
  .content_translatoradmin_index table,
  .content_translatoradmin_tongquan table,
  .content_translatoradmin_reward table,
  .content_translatoradmin_reward_detail table,
  .content_translatoradmin_thanhtoan_detail table,
  .donhang_groups table,
  .donhang_qlnhom table,
  .table-cart-area table,
  .table100 table,
  .table1001 table,
  .table_admin table,
  .box_table table,
  .box_table_order table,
  .translatoradmin_order,
  .order_qlnhom_table {
    min-width: min(640px, calc(100vw - 20px));
    font-size: 13px;
  }

  table.table-responsive {
    min-width: 0 !important;
    font-size: 13px;
  }

  .content_translatoradmin th,
  .content_translatoradmin td,
  .content_translatoradmin_index th,
  .content_translatoradmin_index td,
  .donhang_groups th,
  .donhang_groups td,
  .donhang_qlnhom th,
  .donhang_qlnhom td,
  .table_admin th,
  .table_admin td,
  .table_dh th,
  .table_dh td,
  .translatoradmin_order th,
  .translatoradmin_order td {
    padding: 8px 10px;
    vertical-align: top;
  }

  input,
  select,
  textarea,
  button,
  .btn,
  .button,
  .form-control,
  .input-group,
  .input-group-text,
  .btn-copy,
  .mokr-reset-translator,
  .mokr-search-translator button,
  .mokr-search-translator input,
  .mokr-search-translator select {
    width: 100%;
  }

  .input-group {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .order-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .order-card,
  .box_shadow,
  .boxs_team_qlnhom,
  .box_qlnhom_tinnhan_full_right,
  .box_user_qlnhom_tinnhan_full_left {
    max-width: 100%;
  }

  .fancybox-content,
  .fancybox-slide--html .fancybox-content,
  .dialog,
  .dialog-content,
  .dialog-content-qlnhom,
  .dialog-content-suatin,
  .modal-content,
  .popup,
  .popup_nn,
  .form_chonngonngu,
  .form_chuyennganh {
    width: auto !important;
    min-width: 0 !important;
    left: 10px !important;
    right: 10px !important;
  }
}

@media (min-width: 768px) {
  #menu_mb1,
  .mokr-account-drawer {
    display: none;
  }
}

@media (max-width: 480px) {
  .content_translatoradmin_index,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail,
  .content_header_qlnhom,
  .header_groups,
  .header_manage,
  .taikhoan_right,
  .right_user,
  .order-card {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .mok_tb_panel {
    top: 52px;
    right: 6px;
    left: 6px;
  }

  .content_translatoradmin table,
  .content_translatoradmin_index table,
  .donhang_groups table,
  .donhang_qlnhom table,
  .table_admin table,
  .table_dh,
  .translatoradmin_order,
  .order_qlnhom_table,
  table.table-responsive {
    font-size: 12px;
  }

  .user_content_tinnhan_qlnhom {
    max-width: 100%;
  }

}

@media (max-width: 390px) {
  .fixwidth,
  .fixpage,
  .wrap-main,
  .wrap-content,
  .maincontent,
  .container,
  .container_groups,
  .container_qlnhom,
  .wrap_translatoradmin,
  .wrap-taikhoan,
  .full_kenhdoitac {
    padding-left: 8px;
    padding-right: 8px;
  }

  .btn,
  button,
  input,
  select,
  textarea,
  .button_moi a,
  .linkct_order_qlnhom {
    font-size: 14px;
  }
}

/* Account/channel/manage mobile polish - keep after legacy responsive rules. */
@media (max-width: 767.98px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .wrap-taikhoan.d-flex {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 74px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .taikhoan_left,
  .list_user_tk {
    display: none !important;
  }

  .taikhoan_right,
  .right_user_tk {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px 82px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .title_taikhoan {
    position: sticky;
    top: 0;
    z-index: 10030;
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 10px !important;
    border: 0 !important;
    background: #fff;
    box-shadow: 0 2px 12px rgba(22, 34, 51, 0.08);
  }

  .title_taikhoan.fixed_m {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .title_taikhoan.fixed_m .mokr-account-mobile-header.fix_menu_m {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mokr-account-mobile-header.fix_menu_m {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px;
    padding: 9px 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #e8edf5;
    box-shadow: none;
  }

  .mokr-account-mobile-actions .chuongtb,
  .mokr-account-mobile-actions .aa_menu {
    flex-basis: 38px;
  }

  .mokr-account-drawer {
    width: min(86vw, 340px);
    max-width: 340px;
  }

  .mokr-account-drawer a {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 50px;
    padding: 11px 16px;
  }

  .mokr-account-drawer i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    max-width: 28px;
    border-radius: 8px;
    background: #eef5ff;
    color: #2267c9;
    font-size: 14px;
    line-height: 1;
  }

  .mokr-account-drawer a.act i {
    background: #2267c9;
    color: #fff;
  }

  .header_user,
  .wrap_tt,
  .wrap-trangnha,
  .trangnha_left,
  .trangnha_right,
  .right_user_tk > .d-flex,
  .box_shaw_padding,
  .box_shaw_padding0,
  .motatrangnhadichgia,
  .thongtinkhachhang_thanhtoan,
  .thongtindonhang_thanhtoan,
  .chonhinhthucthanhtoan {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .right_user_tk > .d-flex,
  .wrap-trangnha {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .header_user,
  .wrap_tt,
  .box_shaw_padding,
  .box_shaw_padding0,
  .motatrangnhadichgia {
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 8px !important;
  }

  .full_kenhdoitac,
  .kenh-share-page,
  .container_groups,
  .container_qlnhom,
  .left_container_groups,
  .right_container_groups,
  .left_qlnhom,
  .right_qlnhom,
  .center_qlnhom,
  .content_qlnhom,
  .content_manage,
  .content_translatoradmin_index,
  .content_translatoradmin,
  .content_translatoradmin_tongquan,
  .content_translatoradmin_reward,
  .content_translatoradmin_reward_detail,
  .content_translatoradmin_thanhtoan_detail {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .full_kenhdoitac .header,
  .kenh-share-page .header,
  .header_groups,
  .header_manage,
  .content_header_qlnhom {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap !important;
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .tabs,
  .nav-tabs,
  .full_kenhdoitac .tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0 8px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .tabs::-webkit-scrollbar,
  .nav-tabs::-webkit-scrollbar {
    display: none;
  }

  .tabs a,
  .nav-tabs a,
  .full_kenhdoitac .tabs a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 9px 12px !important;
    border-radius: 999px !important;
    white-space: nowrap;
  }

  .full_kenhdoitac .header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .full_kenhdoitac .tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .full_kenhdoitac .tabs a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0 !important;
    min-height: 38px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .full_kenhdoitac .tabs a.active,
  .full_kenhdoitac .tabs a:hover {
    border-color: #172033 !important;
    background: #f7faff !important;
    color: #000 !important;
  }

  .full_kenhdoitac .div_nut {
    width: 100% !important;
    padding: 0 !important;
  }

  .full_kenhdoitac .div_nut a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1;
    white-space: nowrap;
  }

  .manage_full {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .manage_full .header {
    width: 100% !important;
    height: 58px;
    padding: 0 12px !important;
    z-index: 1100;
  }

  .manage_full .menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dce5f2;
    border-radius: 8px;
    background: #f7faff;
    color: #173b68;
    font-size: 0;
  }

  .manage_full .menu-btn::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight:600;
  }

  .manage_full .container_manage.flex {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    margin: 0 !important;
  }

  .manage_full .content,
  .manage_full main.content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 0 80px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .manage_full .sidebar {
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 1090;
    width: min(86vw, 320px) !important;
    min-width: 0 !important;
    height: calc(100vh - 58px) !important;
    padding: 12px !important;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-105%);
    transition: transform 0.24s ease;
    box-shadow: 14px 0 32px rgba(14, 28, 52, 0.16);
  }

  .manage_full .sidebar.show {
    transform: translateX(0);
  }

  .manage_full .overlay {
    position: fixed;
    inset: 58px 0 0;
    z-index: 1080;
    display: block;
    pointer-events: none;
    background: rgba(12, 22, 38, 0);
    opacity: 0;
    transition: opacity 0.24s ease, background 0.24s ease;
  }

  .manage_full .overlay.show {
    pointer-events: auto;
    background: rgba(12, 22, 38, 0.42);
    opacity: 1;
  }

  .manage_full .menu .li-inner {
    width: 100%;
    border-radius: 10px;
  }

  .table-responsive,
  .overflow_auto,
  .box_table,
  .table100,
  .table1001,
  .content_translatoradmin table,
  .content_translatoradmin_index table,
  .donhang_groups table,
  .donhang_qlnhom table,
  .table-cart-area table,
  .table_admin table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .full_kenhdoitac {
    padding-top: 0 !important;
    overflow-x: hidden !important;
  }

  .full_kenhdoitac .main {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 84px !important;
    margin: 0 !important;
  }

  .full_kenhdoitac .left,
  .full_kenhdoitac .right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .full_kenhdoitac .right {
    order: -1;
  }

  .full_kenhdoitac .card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 18px rgba(22, 34, 51, 0.08) !important;
    overflow: hidden;
  }

  .full_kenhdoitac .chuh2_kenhdoitac,
  .full_kenhdoitac .desc_kenhdoitac,
  .full_kenhdoitac .section_hotro {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .full_kenhdoitac .chuh2_kenhdoitac {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding-left: 38px !important;
    font-size: 18px;
    line-height: 1.25;
  }

  .full_kenhdoitac .desc_kenhdoitac {
    font-size: 14px;
    line-height: 1.5;
  }

  .full_kenhdoitac .accordion,
  .full_kenhdoitac .box_mk {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 8px !important;
  }

  .full_kenhdoitac .content-wrapper .d-flex,
  .full_kenhdoitac .padding_r20 {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  .full_kenhdoitac .content,
  .full_kenhdoitac .w75k,
  .full_kenhdoitac .content_img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .full_kenhdoitac .content_img img {
    display: block;
    max-width: 120px;
    height: auto;
    margin: 0 auto;
  }

  .full_kenhdoitac .box_mk {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .full_kenhdoitac .column_mk {
    width: 100% !important;
  }

  .full_kenhdoitac .activate {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 10px 14px !important;
    font-size: 18px;
    line-height: 1.2;
    white-space: normal;
  }

  .mokr-account-mobile-header.fix_menu_m {
    min-height: 62px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .mokr-account-mobile-header .logo_m_kh {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    height: 40px;
    line-height: 1;
  }

  .mokr-account-mobile-header .logo_m_kh a {
    display: inline-flex;
    align-items: center;
    height: 40px;
    line-height: 1;
  }

  .mokr-account-mobile-header .logo_m_kh img {
    display: block;
    width: auto;
    height: auto;
    max-width: 122px;
    max-height: 26px;
    margin: 0 !important;
    vertical-align: middle;

  }

  .mokr-account-mobile-header .menu_m_kh,
  .mokr-account-mobile-actions,
  .mokr-account-mobile-action-row {
    align-self: center;
    height: 40px;
    min-height: 40px;
    gap: 7px;
    line-height: 1;
  }

  .mokr-account-mobile-actions .chu_taodonhang {
    align-self: center;
    height: 40px;
    min-height: 40px;
    margin: 0 !important;
    line-height: 1;
  }

  .mokr-account-mobile-actions .chuongtb,
  .mokr-account-mobile-actions .mokr-mobile-lang-switch,
  .mokr-account-mobile-actions .aa_menu,
  .mokr-account-mobile-header .translator-menu-open {
    align-self: center;
    flex: 0 0 40px;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    margin: 0 !important;
    line-height: 1;
  }

  .mokr-account-mobile-actions .aa_menu img {
    width: 100%;
    height: 100%;
  }

  .mokr-account-mobile-header .translator-menu-open i {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
  }
}

@media (max-width: 380px) {
  .mokr-account-mobile-header.fix_menu_m {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .fix_menu_m .logo_m_kh img {
    max-width: 112px;
  }

  .mokr-account-mobile-action-row {
    gap: 5px;
  }

  .mokr-account-mobile-actions .chu_taodonhang {
    min-width: 70px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px;
  }

  .translator-menu-open {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 900px) {
  .translator-home-page {
    display: block !important;
    width: 100%;
    min-width: 0;
    padding-bottom: 74px;
    background: #f6f8fc;
  }

  .translator-home-page > .taikhoan_left {
    display: none !important;
  }

  .translator-home-page > .taikhoan_right {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .translator-home-page .title_taikhoan {
    display: block !important;
    padding: 0 !important;
    border: 0;
    background: #fff;
    box-shadow: 0 4px 18px rgba(22, 34, 51, 0.08);
  }

  .translator-home-page .title_taikhoan .computer {
    display: none !important;
  }

  .translator-home-page .mokr-account-mobile-header {
    display: flex !important;
  }

  .translator-home-page .taikhoan_right > .d-flex {
    display: block !important;
  }

  .translator-home-page .list_user_tk {
    display: block !important;
    width: 100% !important;
    margin: 14px 0 0;
    padding: 0 !important;
    background: transparent;
  }

  .translator-home-page .right_user_tk {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 10px 0;
  }

  .translator-home-page .box_header_list_user_tk {
    padding: 0 10px 8px;
    text-align: left;
  }

  .translator-home-page .load_list_user_tk {
    display: flex !important;
    height: auto !important;
    max-height: none;
    gap: 10px;
    padding: 0 10px 4px;
    background: transparent !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .translator-home-page .box_list_user_tk {
    flex: 0 0 220px;
    min-width: 220px;
    padding: 10px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .translator-home-page .box_list_user_tk img {
    width: 38px;
    height: 38px;
  }

  .translator-home-page .boxdichvu_list {
    margin: 0 0 12px;
  }

  .translator-home-page .wrap_tt {
    padding: 0 !important;
  }

  .translator-home-page .wrap-trangnha {
    display: block !important;
    width: 100%;
  }

  .translator-home-page .trangnha_left,
  .translator-home-page .trangnha_right {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .translator-home-page .trangnha_right {
    margin-top: 14px !important;
  }

  .translator-home-page .trangnha_item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    grid-row-gap: 12px !important;
  }

  .translator-home-page .box_trangnha_item,
  .translator-home-page .donhang_order {
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .translator-home-page .header_box_trangnha_item {
    margin: 0;
    padding: 12px;
    border-radius: 0;
    background: #edf5ff;
  }

  .translator-home-page .header_box_trangnha_item h3 {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin: 0 0 8px;
    padding-left: 50px;
    background-size: 40px auto;
    font-size: 15px;
    line-height: 1.25;
  }

  .translator-home-page .header_box_trangnha_item span,
  .translator-home-page .header_box_trangnha_item span.text-split {
    width: auto !important;
    max-width: 100%;
    margin-bottom: 8px;
    overflow: visible;
    font-size: 13px;
    line-height: 1.35;
  }

  .translator-home-page .header_box_trangnha_item a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
  }

  .translator-home-page .header_box_trangnha_item a i {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .translator-home-page .content_box_trangnha_item {
    padding: 12px;
  }

  .translator-home-page .ngonngu_trangnha_item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .translator-home-page .ngonngu_trangnha_item a {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.25;
  }

  .translator-home-page .ngonngu_trangnha_item a img {
    float: none;
    flex: 0 0 20px;
  }

  .translator-home-page .ngay_trangnha_item span {
    margin-left: 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .translator-home-page .magt_trans {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }

  .translator-home-page .dangmo,
  .translator-home-page .danhan {
    margin-left: 0;
  }

  .translator-home-page .gia_trangnha_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px 0;
  }

  .translator-home-page .gia_trangnha_item span,
  .translator-home-page .gia_trangnha_item b {
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
  }

  .translator-home-page .end_box_trangnha_item_dichgia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
  }

  .translator-home-page .end_box_trangnha_item_l_dichgia {
    min-width: 0;
  }

  .translator-home-page .end_box_trangnha_item_dichgia .xemchitiet {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 6px;
    line-height: 36px;
  }

  .translator-home-page .motatrangnhadichgia {
    width: 100%;
    margin: 0 0 12px;
    overflow-x: auto;
  }

  .translator-home-page .motatrangnhadichgia .kt-table {
    min-width: 760px;
  }

  .translator-home-page .dialog {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: auto !important;
    display: flex !important;
    width: min(95vw, 430px) !important;
    height: 100dvh !important;
    max-width: 95vw;
    padding: 18px !important;
    background: #fff;
    overflow-y: auto;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(105%);
    transition: transform 0.24s ease, visibility 0.24s ease;
    z-index: 10070 !important;
  }

  .translator-home-page .dialog.is-open {
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
  }
}

@media (max-width: 480px) {
  .translator-home-page .right_user_tk {
    padding-left: 8px;
    padding-right: 8px;
  }

  .translator-home-page .ngonngu_trangnha_item {
    grid-template-columns: 1fr;
  }

  .translator-home-page .gia_trangnha_item {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 900px) {
  .customer-home-page {
    display: block !important;
    width: 100%;
    min-width: 0;
    padding-bottom: 74px;
    background: #f6f8fc;
  }

  .customer-home-page > .taikhoan_left {
    display: none !important;
  }

  .customer-home-page > .taikhoan_right {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .customer-home-page .title_taikhoan {
    display: block !important;
    padding: 0 !important;
    border: 0;
    background: #fff;
    box-shadow: 0 4px 18px rgba(22, 34, 51, 0.08);
  }

  .customer-home-page .title_taikhoan .computer {
    display: none !important;
  }

  .customer-home-page .mokr-account-mobile-header {
    display: flex !important;
  }

  .customer-home-page .taikhoan_right > .d-flex {
    display: block !important;
  }

  .customer-home-page .list_user_tk {
    display: block !important;
    width: 100% !important;
    margin: 14px 0 0;
    padding: 0 !important;
    background: transparent;
  }

  .customer-home-page .right_user_tk {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 10px 0;
  }

  .customer-home-page .box_header_list_user_tk {
    padding: 0 10px 8px;
    text-align: left;
  }

  .customer-home-page .load_list_user_tk {
    display: flex !important;
    height: auto !important;
    max-height: none;
    gap: 10px;
    padding: 0 10px 4px;
    background: transparent !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .customer-home-page .box_list_user_tk {
    flex: 0 0 220px;
    min-width: 220px;
    padding: 10px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .customer-home-page .box_list_user_tk img {
    width: 38px;
    height: 38px;
  }

  .customer-home-page .chinhsachdoitac,
  .customer-home-page .motatrangnhadichgia {
    width: 100%;
    margin: 0 0 12px;
    overflow: hidden;
  }

  .customer-home-page .wrap_tt {
    padding: 0 !important;
  }

  .customer-home-page .wrap-trangnha {
    display: block !important;
    width: 100%;
  }

  .customer-home-page .trangnha_left,
  .customer-home-page .trangnha_right {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .customer-home-page .trangnha_right {
    margin-top: 14px !important;
  }

  .customer-home-page .paging-product-trangnha-khachhang {
    min-width: 0;
  }

  .customer-home-page .trangnha_item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    grid-row-gap: 12px !important;
  }

  .customer-home-page .banmuondichgihomnay {
    margin: 0 0 12px;
    padding: 14px;
    border-color: #e1e7f0;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .customer-home-page .banmuondichgihomnay span {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.35;
  }

  .customer-home-page .banmuondichgihomnay a {
    margin-bottom: 0;
    border-radius: 6px;
    font-size: 14px;
  }

  .customer-home-page .box_trangnha_item,
  .customer-home-page .donhang_order {
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .customer-home-page .header_box_trangnha_item {
    margin: 0;
    padding: 12px;
    border-radius: 0;
    background: #edf5ff;
  }

  .customer-home-page .header_box_trangnha_item h3 {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin: 0 0 8px;
    padding-left: 50px;
    background-size: 40px auto;
    font-size: 15px;
    line-height: 1.25;
  }

  .customer-home-page .header_box_trangnha_item span,
  .customer-home-page .header_box_trangnha_item span.text-split {
    width: auto !important;
    max-width: 100%;
    margin-bottom: 8px;
    overflow: visible;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-home-page .header_box_trangnha_item a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
  }

  .customer-home-page .header_box_trangnha_item a i {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-home-page .content_box_trangnha_item {
    padding: 12px;
  }

  .customer-home-page .ngonngu_trangnha_item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .customer-home-page .ngonngu_trangnha_item a {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.25;
  }

  .customer-home-page .ngonngu_trangnha_item a img {
    float: none;
    flex: 0 0 20px;
    max-width: 20px;
  }

  .customer-home-page .ngay_trangnha_item span {
    margin-left: 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-home-page .magt_trans {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }

  .customer-home-page .dangmo,
  .customer-home-page .danhan {
    margin-left: 0;
  }

  .customer-home-page .gia_trangnha_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px 0;
  }

  .customer-home-page .gia_trangnha_item span,
  .customer-home-page .gia_trangnha_item b {
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
  }

  .customer-home-page .end_box_trangnha_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
  }

  .customer-home-page .end_box_trangnha_item_l {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  .customer-home-page .end_box_trangnha_item_l span {
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-home-page .box_chinhsach_doitac {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .customer-home-page .box_chinhsach_doitac table {
    display: table !important;
    width: max-content !important;
    min-width: 760px;
    overflow: visible !important;
  }

  .customer-home-page .dialog {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: auto !important;
    display: flex !important;
    width: min(95vw, 430px) !important;
    height: 100dvh !important;
    max-width: 95vw;
    padding: 18px !important;
    background: #fff;
    overflow-y: auto;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(105%);
    transition: transform 0.24s ease, visibility 0.24s ease;
    z-index: 10070 !important;
  }

  .customer-home-page .dialog.is-open {
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
  }
}

@media (max-width: 480px) {
  .customer-home-page .right_user_tk {
    padding-left: 8px;
    padding-right: 8px;
  }

  .customer-home-page .ngonngu_trangnha_item {
    grid-template-columns: 1fr;
  }

  .customer-home-page .gia_trangnha_item {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 900px) {
  .translator-home-page,
  .customer-home-page {
    overflow-x: hidden;
  }

  .translator-home-page .list_user_tk,
  .customer-home-page .list_user_tk {
    box-sizing: border-box;
    margin-top: 10px;
    overflow: hidden;
  }

  .translator-home-page .box_header_list_user_tk,
  .customer-home-page .box_header_list_user_tk {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 0 12px 10px;
    border-bottom: 1px solid #d7dde6;
    text-align: left;
  }

  .translator-home-page .box_header_list_user_tk a.xemchitiet_chinhsach1,
  .customer-home-page .box_header_list_user_tk a.xemchitiet_chinhsach1 {
    justify-self: start;
    max-width: 100%;
    margin: 0;
    padding: 8px 22px;
    font-size: 15px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .translator-home-page .box_header_list_user_tk center,
  .customer-home-page .box_header_list_user_tk center {
    justify-self: end;
    width: auto;
    min-width: 96px;
    text-align: right;
  }

  .translator-home-page .box_header_list_user_tk .animate-border,
  .customer-home-page .box_header_list_user_tk .animate-border {
    display: inline-block;
    width: 100px;
    margin: 0;
  }

  .translator-home-page .box_header_list_user_tk b,
  .customer-home-page .box_header_list_user_tk b,
  .translator-home-page .box_header_list_user_tk > span,
  .customer-home-page .box_header_list_user_tk > span {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #172033;
    text-align: left;
  }

  .translator-home-page .box_header_list_user_tk b,
  .customer-home-page .box_header_list_user_tk b {
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.25;
  }

  .translator-home-page .box_header_list_user_tk > span,
  .customer-home-page .box_header_list_user_tk > span {
    color: #5f6b7a;
    font-size: 14px;
    line-height: 1.3;
  }

  .translator-home-page .load_list_user_tk,
  .customer-home-page .load_list_user_tk {
    gap: 10px;
    padding: 12px 12px 6px;
  }

  .translator-home-page .box_list_user_tk,
  .customer-home-page .box_list_user_tk {
    flex: 0 0 min(230px, 70vw);
    min-width: min(230px, 70vw);
    padding: 12px;
  }

  .translator-home-page .box_list_user_tk a,
  .customer-home-page .box_list_user_tk a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
  }

  .translator-home-page .box_list_user_tk img,
  .customer-home-page .box_list_user_tk img {
    grid-row: 1 / 3;
    width: 44px;
    height: 44px;
    margin: 0;
    object-fit: cover;
  }

  .translator-home-page .box_list_user_tk b,
  .customer-home-page .box_list_user_tk b {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #111827;
    font-size: 15px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .translator-home-page .box_list_user_tk span,
  .customer-home-page .box_list_user_tk span {
    min-width: 0;
    margin: 3px 0 0;
    overflow: hidden;
    color: #5f6b7a;
    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .translator-home-page .box_content_thongbao,
  .customer-home-page .box_content_thongbao,
  .translator-home-page .chinhsachdoitac,
  .customer-home-page .chinhsachdoitac {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 10px 0 12px;
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
  }

  .translator-home-page .center_box_content_thongbao,
  .customer-home-page .center_box_content_thongbao,
  .translator-home-page .box_tb_content_g,
  .customer-home-page .box_tb_content_g {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .translator-home-page .box_chinhsach_doitac,
  .customer-home-page .box_chinhsach_doitac {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .translator-home-page .box_chinhsach_doitac table,
  .customer-home-page .box_chinhsach_doitac table {
    display: table !important;
    width: max-content !important;
    min-width: 640px !important;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible !important;
  }

  .translator-home-page .box_chinhsach_doitac table tr td,
  .customer-home-page .box_chinhsach_doitac table tr td {
    width: 96px;
    min-width: 96px;
    padding: 16px 8px !important;
    font-size: 14px;
    line-height: 1.3;
    vertical-align: middle;
    white-space: nowrap;
  }

  .translator-home-page .box_chinhsach_doitac table tr td:first-child,
  .customer-home-page .box_chinhsach_doitac table tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 150px;
    min-width: 150px;
    background: inherit;
    box-shadow: 1px 0 0 #e3e7ee;
    text-align: left !important;
    white-space: normal;
  }

  .translator-home-page .box_chinhsach_doitac table tr:first-child td:first-child,
  .customer-home-page .box_chinhsach_doitac table tr:first-child td:first-child {
    z-index: 3;
  }

  .translator-home-page .box_chinhsach_doitac b,
  .customer-home-page .box_chinhsach_doitac b,
  .translator-home-page .title_cs_doitac span,
  .customer-home-page .title_cs_doitac span {
    font-size: 14px;
    line-height: 1.25;
  }

  .translator-home-page .box_chinhsach_doitac .tengoi,
  .customer-home-page .box_chinhsach_doitac .tengoi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1;
  }

  .translator-home-page .box_chinhsach_doitac .mauxanh_moca span,
  .customer-home-page .box_chinhsach_doitac .mauxanh_moca span,
  .translator-home-page .box_chinhsach_doitac .damua_goi,
  .customer-home-page .box_chinhsach_doitac .damua_goi,
  .translator-home-page .box_chinhsach_doitac .thanhtoangoi_moca,
  .customer-home-page .box_chinhsach_doitac .thanhtoangoi_moca {
    min-width: 82px;
    width: auto;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
  }

  .translator-home-page .dialog .box_chinhsach_doitac,
  .customer-home-page .dialog .box_chinhsach_doitac {
    margin-top: 8px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  .translator-home-page .box_header_list_user_tk,
  .customer-home-page .box_header_list_user_tk {
    grid-template-columns: 1fr;
    gap: 7px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .translator-home-page .box_header_list_user_tk center,
  .customer-home-page .box_header_list_user_tk center {
    justify-self: stretch;
    text-align: left;
  }

  .translator-home-page .box_header_list_user_tk a.xemchitiet_chinhsach1,
  .customer-home-page .box_header_list_user_tk a.xemchitiet_chinhsach1 {
    padding: 8px 18px;
    font-size: 14px;
  }

  .translator-home-page .box_chinhsach_doitac table,
  .customer-home-page .box_chinhsach_doitac table {
    min-width: 600px !important;
  }

  .translator-home-page .box_chinhsach_doitac table tr td,
  .customer-home-page .box_chinhsach_doitac table tr td {
    width: 90px;
    min-width: 90px;
    padding: 14px 7px !important;
    font-size: 13px;
  }

  .translator-home-page .box_chinhsach_doitac table tr td:first-child,
  .customer-home-page .box_chinhsach_doitac table tr td:first-child {
    width: 138px;
    min-width: 138px;
  }
}
/* Channel management responsive */
@media (max-width: 1023px) {
  .body_qlnhom,
  .body_qlnhom * {
    box-sizing: border-box;
  }

  .body_qlnhom {
    min-height: 100vh;
    overflow-x: hidden;
    background: #f6f8fb;
  }

  .body_qlnhom .flex_header_qlnhom {
    z-index: 990;
  }

  .body_qlnhom .content_header_qlnhom {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-height: 58px;
    padding: 7px 12px !important;
  }

  .body_qlnhom .flex_header_qlnhom_left {
    flex: 0 0 150px;
    width: 150px;
    padding-left: 0;
  }

  .body_qlnhom .flex_header_groups_right {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto;
    flex-wrap: nowrap !important;
    gap: 6px;
    width: auto !important;
    max-width: 100%;
    padding-left: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .body_qlnhom .box_flex_header_groups_l {
    flex: 0 0 auto;
    padding: 0;
  }

  .body_qlnhom .box_flex_header_groups_l a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid #e1e7f0;
    border-radius: 999px;
    background: #fff;
    color: #1f2937;
    line-height: 1.15;
    white-space: nowrap;
  }

  .body_qlnhom .box_flex_header_groups_l a i,
  .body_qlnhom .box_flex_header_groups_l a span {
    display: inline-block;
    margin: 0;
    color: inherit;
  }

  .body_qlnhom .box_flex_header_groups_l span:after {
    display: none !important;
  }

  .body_qlnhom .box_flex_header_groups_l.act a,
  .body_qlnhom .box_flex_header_groups_l:hover a {
    border-color: #b9d2ff;
    background: #eef5ff;
    color: #1357b7;
  }

  .body_qlnhom .flex_header_groups_user {
    flex: 0 0 auto;
    width: auto !important;
    padding-left: 8px;
  }

  .body_qlnhom .dropdown .dropdownmenu {
    right: 0;
    left: auto;
    width: min(320px, calc(100vw - 20px));
    max-height: calc(100vh - 72px);
  }

  .body_qlnhom .container_qlnhom {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px 88px !important;
  }

  .body_qlnhom .left_qlnhom {
    flex: 0 0 260px;
    width: 260px !important;
    min-width: 0 !important;
  }

  .body_qlnhom .center_qlnhom,
  .body_qlnhom .width_qlnhom,
  .body_qlnhom .width_qlnhom_dh,
  .body_qlnhom .width_qlnhom75,
  .body_qlnhom .width_qlnhom_hoatdong,
  .body_qlnhom .width_qlnhom_congdong,
  .body_qlnhom .center_kenh,
  .body_qlnhom .center_uoctinhkenh,
  .body_qlnhom .thanhvien_qlnhom {
    flex: 1 1 auto;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
  }

  .body_qlnhom .right_qlnhom {
    flex: 0 0 260px;
    width: 260px !important;
    min-width: 0 !important;
    padding-left: 0;
  }

  .body_qlnhom .qldonhang_qlnhom,
  .body_qlnhom .box_shadow,
  .body_qlnhom .boxs_team_qlnhom,
  .body_qlnhom .full_tong_qlnhom,
  .body_qlnhom .donhang_groups_qlnhom,
  .body_qlnhom .ccdl_qlnhom,
  .body_qlnhom .content-qlnhom-tinghim,
  .body_qlnhom .l_qlnhom {
    max-width: 100%;
  }

  .body_qlnhom .title_qlnhom_b,
  .body_qlnhom .timkiem_qlnhom,
  .body_qlnhom .hd_timkiem_qlnhom,
  .body_qlnhom .box_dh_hd_timkiem_qlnhom {
    flex-wrap: wrap;
    gap: 10px;
  }

  .body_qlnhom .timkiem_header_groups {
    width: auto;
    max-width: 100%;
    justify-content: flex-end;
    gap: 8px;
  }

  .body_qlnhom .box_thanhvien_groups_order,
  .body_qlnhom .box_thanhvien_groups_order_qlnhom,
  .body_qlnhom .thanhvien_groups,
  .body_qlnhom .thanhvien_groups_qlnhom,
  .body_qlnhom .donhang_qlnhom,
  .body_qlnhom .order_qlnhom_table,
  .body_qlnhom .header_table,
  .body_qlnhom .body_thongke_groups_center_r,
  .body_qlnhom .main-content-qlnhom,
  .body_qlnhom .paging-donhangcuatoi-qlnhom,
  .body_qlnhom .paging-donhang-qlnhom,
  .body_qlnhom .overflow_auto {
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .body_qlnhom .box_thanhvien_groups_order table,
  .body_qlnhom .box_thanhvien_groups_order_qlnhom table,
  .body_qlnhom .thanhvien_groups table,
  .body_qlnhom .thanhvien_groups_qlnhom table,
  .body_qlnhom .donhang_qlnhom table,
  .body_qlnhom .order_qlnhom_table table,
  .body_qlnhom .header_table table,
  .body_qlnhom .body_thongke_groups_center_r table,
  .body_qlnhom .main-content-qlnhom table {
    width: max-content;
    min-width: 720px;
  }

  .toolbar_qlnhom {
    z-index: 995;
  }
}

@media (max-width: 767px) {
  .body_qlnhom {
    padding-bottom: 82px;
  }

  .body_qlnhom .flex_header_qlnhom {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 16px rgba(22, 34, 51, 0.08);
  }

  .body_qlnhom .content_header_qlnhom {
    min-height: 56px;
    padding: 6px 10px !important;
  }

  .body_qlnhom .flex_header_qlnhom_left,
  .body_qlnhom .congonngu12 {
    display: none !important;
  }

  .body_qlnhom .flex_header_groups_right {
    gap: 5px;
    padding-bottom: 1px;
    scrollbar-width: none;
  }

  .body_qlnhom .flex_header_groups_right::-webkit-scrollbar,
  .body_qlnhom .m_mobile_header::-webkit-scrollbar,
  .body_qlnhom .ulleft_m_mobile_header::-webkit-scrollbar {
    display: none;
  }

  .body_qlnhom .box_flex_header_groups_l a {
    min-height: 38px;
    padding: 7px 10px;
    font-size: 13px;
  }

  .body_qlnhom .box_flex_header_groups_l b {
    top: -3px;
    right: -2px;
  }

  .body_qlnhom .flex_header_groups_user {
    padding-left: 4px;
    border-left: 0;
  }

  .body_qlnhom .dropdown .select {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    background: #f4f7fb;
  }

  .body_qlnhom .dropdown .select span,
  .body_qlnhom .dropdown .select > i {
    display: none;
  }

  .body_qlnhom .logoheader img {
    width: 30px;
    height: 30px;
    margin: 0;
    object-fit: cover;
  }

  .body_qlnhom .m_mobile_header {
    display: flex !important;
    width: 100%;
    min-height: 46px;
    padding: 7px 10px;
    border-top: 1px solid #edf1f6;
    overflow-x: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .body_qlnhom .ulleft_m_mobile_header {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .body_qlnhom .ulleft_m_mobile_header a {
    flex: 0 0 auto;
    min-height: 32px;
    margin: 0;
    padding: 7px 11px;
    border-radius: 999px;
    background: #f4f7fb;
    color: #364152;
    font-size: 13px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .body_qlnhom .ulleft_m_mobile_header a:after {
    display: none !important;
  }

  .body_qlnhom .ulleft_m_mobile_header a.act {
    background: #e9f2ff;
    color: #1357b7;
  }

  .body_qlnhom .logoheader1 {
    flex: 0 0 auto;
    margin-left: 8px;
  }

  .body_qlnhom .logoheader1 img {
    width: 32px;
    height: 32px;
    margin: 0;
    object-fit: cover;
  }

  .body_qlnhom .container_qlnhom {
    display: block !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 114px 10px 92px !important;
    background: #f6f8fb;
  }

  .body_qlnhom .left_qlnhom,
  .body_qlnhom .right_qlnhom,
  .body_qlnhom .center_qlnhom,
  .body_qlnhom .width_qlnhom,
  .body_qlnhom .width_qlnhom_dh,
  .body_qlnhom .width_qlnhom75,
  .body_qlnhom .width_qlnhom_hoatdong,
  .body_qlnhom .width_qlnhom_congdong,
  .body_qlnhom .center_kenh,
  .body_qlnhom .center_uoctinhkenh,
  .body_qlnhom .thanhvien_qlnhom {
    display: block !important;
    float: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .body_qlnhom .left_qlnhom,
  .body_qlnhom .right_qlnhom {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .body_qlnhom .menu_left_qlnhom.scroll_menu {
    display: block !important;
    width: 100%;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 12px;
    padding: 12px;
    overflow: visible !important;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.06);
  }

  .body_qlnhom .close_menu_left {
    display: none !important;
  }

  .body_qlnhom .flex_user_qlnhom {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 8px 10px;
    align-items: center;
    margin: 0;
  }

  .body_qlnhom .img_boxs_user_qlnhom {
    width: 54px;
    min-height: 54px;
    margin: 0;
    border-radius: 8px;
  }

  .body_qlnhom .img_boxs_user_qlnhom img {
    width: 40px;
    height: 40px;
    object-fit: cover;
  }

  .body_qlnhom .name_boxs_user_qlnhom {
    min-width: 0;
    margin: 0;
    padding-left: 0;
  }

  .body_qlnhom .name_boxs_user_qlnhom b {
    overflow: hidden;
    font-size: 15px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom .thongtin_tv_qlnhom {
    grid-column: 2;
    justify-self: start;
    min-height: 32px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f4f7fb;
  }

  .body_qlnhom .channel-tools {
    grid-column: 1 / -1;
    width: 100%;
    margin: 4px 0 0 !important;
    padding: 9px !important;
    border-radius: 8px !important;
  }

  .body_qlnhom .channel-link {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 6px;
    width: 100%;
    min-width: 0;
  }

  .body_qlnhom .channel-link .url {
    max-width: none !important;
    min-width: 0;
  }

  .body_qlnhom .copy,
  .body_qlnhom .share-mini,
  .body_qlnhom .share-item {
    min-height: 34px;
    margin-left: 0;
    padding: 6px 9px;
    border-radius: 8px;
    white-space: nowrap;
  }

  .body_qlnhom .share-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .body_qlnhom .ul_menu_left_qlnhom {
    display: none !important;
  }

  .body_qlnhom .ul_menu_left_qlnhom li {
    width: 100%;
    margin: 0;
    list-style: none;
  }

  .body_qlnhom .li1_qlnhom_box {
    height: 100%;
    padding: 0;
    border-radius: 8px;
  }

  .body_qlnhom .li1_qlnhom_box a {
    align-items: center !important;
    width: 100%;
    min-height: 48px;
    padding: 9px 10px;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    background: #fbfcff;
    line-height: 1.2;
  }

  .body_qlnhom .li1_qlnhom_box.act a {
    border-color: #b9d2ff;
    background: #eef5ff;
  }

  .body_qlnhom .li1_qlnhom_box a i {
    flex: 0 0 24px;
    min-width: 24px;
    margin-right: 6px;
    font-size: 17px;
  }

  .body_qlnhom .li1_qlnhom_box a span {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.2;
  }

  .body_qlnhom .tinnhan_qlnhom1 {
    margin-top: 12px;
    padding-left: 0;
  }

  .body_qlnhom .title_tinnhan_qlnhom {
    margin-bottom: 8px;
  }

  .body_qlnhom .box_tn_qlnhom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .body_qlnhom .box_tn_thanhvien_qlnhom a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 4px 8px;
    align-items: center;
    min-width: 0;
    padding: 8px;
    border: 1px solid #edf1f6;
    border-radius: 8px;
  }

  .body_qlnhom .box_tn_thanhvien_qlnhom img {
    grid-row: 1 / 3;
    width: 34px;
    height: 34px;
    object-fit: cover;
  }

  .body_qlnhom .box_tn_thanhvien_qlnhom b,
  .body_qlnhom .box_tn_thanhvien_qlnhom span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom .qldonhang_qlnhom,
  .body_qlnhom .box_shadow,
  .body_qlnhom .boxs_team_qlnhom,
  .body_qlnhom .full_tong_qlnhom,
  .body_qlnhom .donhang_groups_qlnhom,
  .body_qlnhom .ccdl_qlnhom,
  .body_qlnhom .content-qlnhom-tinghim,
  .body_qlnhom .header_table,
  .body_qlnhom .order_qlnhom_table,
  .body_qlnhom .l_qlnhom {
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 12px !important;
    border-radius: 8px;
  }

  .body_qlnhom .title_qlnhom_b,
  .body_qlnhom .timkiem_qlnhom,
  .body_qlnhom .hd_timkiem_qlnhom,
  .body_qlnhom .box_dh_hd_timkiem_qlnhom,
  .body_qlnhom .box_donhang_qlnhom,
  .body_qlnhom .header_box_donhang_qlnhom,
  .body_qlnhom .full_tong_qlnhom,
  .body_qlnhom .flull_left_tc,
  .body_qlnhom .flull_right_tc,
  .body_qlnhom .morong,
  .body_qlnhom .card_r,
  .body_qlnhom .action-box {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch !important;
    width: 100% !important;
  }

  .body_qlnhom .title_qlnhom_b > *,
  .body_qlnhom .timkiem_qlnhom > *,
  .body_qlnhom .box_dh_hd_timkiem_qlnhom > *,
  .body_qlnhom .box_donhang_qlnhom > *,
  .body_qlnhom .header_box_donhang_qlnhom > *,
  .body_qlnhom .full_tong_qlnhom > *,
  .body_qlnhom .flull_left_tc > *,
  .body_qlnhom .flull_right_tc > * {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }

  .body_qlnhom .timkiem_header_groups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100% !important;
    text-align: left;
  }

  .body_qlnhom .timkiem_header_groups .thongke_select,
  .body_qlnhom .timkiem_header_groups select,
  .body_qlnhom input[type='text'],
  .body_qlnhom input[type='email'],
  .body_qlnhom input[type='number'],
  .body_qlnhom input[type='search'],
  .body_qlnhom input[type='password'],
  .body_qlnhom textarea,
  .body_qlnhom select {
    width: 100% !important;
    min-height: 40px;
    max-width: 100%;
  }

  .body_qlnhom textarea {
    min-height: 96px;
  }

  .body_qlnhom .box_thanhvien_groups_order,
  .body_qlnhom .box_thanhvien_groups_order_qlnhom,
  .body_qlnhom .thanhvien_groups,
  .body_qlnhom .thanhvien_groups_qlnhom,
  .body_qlnhom .donhang_qlnhom,
  .body_qlnhom .order_qlnhom_table,
  .body_qlnhom .header_table,
  .body_qlnhom .body_thongke_groups_center_r,
  .body_qlnhom .main-content-qlnhom,
  .body_qlnhom .paging-donhangcuatoi-qlnhom,
  .body_qlnhom .paging-donhang-qlnhom,
  .body_qlnhom .overflow_auto {
    width: 100% !important;
    padding-bottom: 4px;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .body_qlnhom .box_thanhvien_groups_order table,
  .body_qlnhom .box_thanhvien_groups_order_qlnhom table,
  .body_qlnhom .thanhvien_groups table,
  .body_qlnhom .thanhvien_groups_qlnhom table,
  .body_qlnhom .donhang_qlnhom table,
  .body_qlnhom .order_qlnhom_table table,
  .body_qlnhom .header_table table,
  .body_qlnhom .body_thongke_groups_center_r table,
  .body_qlnhom .main-content-qlnhom table {
    display: table !important;
    width: max-content !important;
    min-width: 680px !important;
    overflow: visible !important;
  }

  .body_qlnhom table th,
  .body_qlnhom table td {
    padding: 9px 10px !important;
    font-size: 13px;
    line-height: 1.3;
    vertical-align: top;
  }

  .body_qlnhom .qlnhom_tinnhan_full,
  .body_qlnhom .left_qlnhom_tinnhan_full,
  .body_qlnhom .qlnhom_tinnhan_full_left,
  .body_qlnhom .qlnhom_tinnhan_full_center,
  .body_qlnhom .qlnhom_tinnhan_full_right,
  .body_qlnhom .l_qlnhom {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    min-width: 0;
  }

  .body_qlnhom .l_qlnhom {
    overflow: visible;
  }

  .body_qlnhom .left_qlnhom_tinnhan_full,
  .body_qlnhom .qlnhom_tinnhan_full_left {
    max-height: 260px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .body_qlnhom .qlnhom_tinnhan_full_center,
  .body_qlnhom .qlnhom_tinnhan_full_right {
    margin-top: 12px;
  }

  .body_qlnhom .box_content_tinnhan_qlnhom,
  .body_qlnhom .center_tinnhan_qlnhom .height40,
  .body_qlnhom .center_tinnhan_qlnhom_noibo .height40 {
    height: auto !important;
    max-height: 52vh;
    overflow-y: auto;
    padding: 10px;
  }

  .body_qlnhom .khungchat_qlnhom,
  .body_qlnhom .timkiem_madonhang {
    margin: 10px 0;
    padding: 0;
  }

  .body_qlnhom .dialog-content-qlnhom,
  .dialog-content-qlnhom {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 24px);
    padding: 12px !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .body_qlnhom .img_user_qlnhom img,
  .dialog-content-qlnhom .img_user_qlnhom img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 1;
    object-fit: cover;
  }

  .tinnhan_qlnhom,
  .tinnhan_qlnhom_noibo {
    right: 10px !important;
    left: 10px !important;
    bottom: 78px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
  }

  .toolbar_qlnhom {
    display: block !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid #dfe6ef;
    background: #fff;
  }

  .toolbar_qlnhom ul {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
  }

  .toolbar_qlnhom ul li,
  .toolbar_qlnhom ul li.li_giua {
    width: auto !important;
    min-width: 0;
  }

  .toolbar_qlnhom ul li a,
  .toolbar_qlnhom ul li.li_giua a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 46px;
    padding: 4px 3px;
    border-radius: 8px;
    color: #667085;
    line-height: 1.1;
  }

  .toolbar_qlnhom ul li.li_giua a {
    min-height: 50px;
    background: #1b75bb;
    color: #fff;
  }

  .toolbar_qlnhom ul li a span {
    display: block;
    width: 100%;
    margin-top: 3px;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .toolbar_qlnhom ul li a.act {
    background: #e9f2ff;
    color: #1357b7;
  }

  .toolbar_right_qlnhom {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .body_qlnhom .container_qlnhom {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .body_qlnhom .ul_menu_left_qlnhom,
  .body_qlnhom .box_tn_qlnhom,
  .body_qlnhom .share-grid,
  .body_qlnhom .timkiem_header_groups {
    grid-template-columns: 1fr;
  }

  .body_qlnhom .channel-link {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .body_qlnhom .channel-link .copy,
  .body_qlnhom .channel-link .share-mini {
    grid-column: span 1;
  }

  .body_qlnhom .box_thanhvien_groups_order table,
  .body_qlnhom .box_thanhvien_groups_order_qlnhom table,
  .body_qlnhom .thanhvien_groups table,
  .body_qlnhom .thanhvien_groups_qlnhom table,
  .body_qlnhom .donhang_qlnhom table,
  .body_qlnhom .order_qlnhom_table table,
  .body_qlnhom .header_table table,
  .body_qlnhom .body_thongke_groups_center_r table,
  .body_qlnhom .main-content-qlnhom table {
    min-width: 620px !important;
  }

  .toolbar_qlnhom ul li a span {
    font-size: 9.5px;
  }
}
/* Channel account header and lazy chat */
.mokr-channel-header.flex_header_qlnhom {
  background: #fff;
  border-bottom: 1px solid #e5eaf2;
  box-shadow: 0 4px 16px rgba(22, 34, 51, 0.06);
}

.mokr-channel-header .content_header_qlnhom {
  justify-content: space-between;
  width: 100%;
  min-height: 70px;
  padding: 10px 28px;
}

.mokr-channel-header-profile {
  width: auto;
  max-width: 48%;
  min-width: 0;
  padding: 0;
}

.mokr-channel-header-profile img {
  width: 46px;
  height: 46px;
  margin-right: 10px;
  border: 1px solid #e1e7f0;
  border-radius: 50%;
  object-fit: cover;
}

.mokr-channel-header-profile a.text-split {
  min-width: 0;
  color: #172033;
  font-weight:600;
  line-height: 1.2;
}

.mokr-channel-header-profile .chumoca {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
}

.mokr-channel-header-actions.title_taikhoan_right {
  justify-content: flex-end;
  width: auto;
  max-width: 52%;
  min-width: 0;
  gap: 8px;
  padding: 0;
}

.mokr-channel-header-action.img_hinh {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid #e1e7f0;
  border-radius: 50%;
  background: #fff;
  color: #344054;
}

.mokr-channel-header-action picture {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.mokr-channel-header-action i {
  color: inherit;
  font-size: 17px;
  line-height: 1;
}

.mokr-channel-header-action picture.act,
.mokr-channel-header-action:hover {
  background: #e9f2ff;
  border-color: #b9d2ff;
  color: #1357b7;
}

.mokr-channel-header-action.chuongtb span,
.mokr-channel-header-action.chuongtb1 span,
.mokr-channel-mobile-header .chuongtb span {
  position: absolute;
  top: -5px;
  right: -4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

.mokr-channel-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid #e1e7f0;
  border-radius: 50%;
  background: #fff;
}

.mokr-channel-lang > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mokr-channel-lang img {
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}

.mokr-channel-dropdown.dropdown {
  flex: 0 0 auto;
  margin-left: 2px;
}

.mokr-channel-dropdown .select.logoheader {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: auto;
  min-height: 42px;
  padding: 5px 9px 5px 5px;
  border: 1px solid #e1e7f0;
  border-radius: 999px;
  background: #fff;
}

.mokr-channel-dropdown .logoheader img {
  width: 32px;
  height: 32px;
  margin: 0;
  object-fit: cover;
}

.mokr-channel-dropdown .select span {
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  color: #172033;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mokr-channel-dropdown.dropdown .dropdownmenu {
  right: 0;
  left: auto;
  width: 320px;
  max-width: calc(100vw - 20px);
}

.tinnhan_qlnhom,
.tinnhan_qlnhom_noibo {
  bottom: -120% !important;
  visibility: hidden;
  pointer-events: none;
}

.tinnhan_qlnhom.is-open,
.tinnhan_qlnhom_noibo.is-open {
  bottom: 10px !important;
  visibility: visible;
  pointer-events: auto;
}

.right_user_tinnhan_qlnhom .js-channel-chat-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f2f4f7;
  color: #344054;
  cursor: pointer;
}

.right_user_tinnhan_qlnhom .js-channel-chat-close:hover {
  background: #e4eaf2;
  color: #111827;
}

@media (max-width: 1023px) {
  .body_qlnhom .mokr-channel-header .content_header_qlnhom {
    justify-content: space-between;
    min-height: 66px;
    padding: 9px 14px !important;
  }

  .body_qlnhom .mokr-channel-header-profile {
    display: flex !important;
    flex: 1 1 auto;
    max-width: none;
  }

  .body_qlnhom .mokr-channel-header-actions.title_taikhoan_right {
    display: flex !important;
    flex: 0 0 auto;
    max-width: none;
    overflow: visible;
  }

  .body_qlnhom .mokr-channel-header .flex_header_groups_right,
  .body_qlnhom .mokr-channel-header .m_mobile_header {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .body_qlnhom .mokr-channel-header .content_header_qlnhom {
    display: none !important;
  }

  .body_qlnhom .mokr-channel-mobile-header.fix_menu_m {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 8px 10px !important;
  }

  .body_qlnhom .mokr-channel-mobile-header .logo_m_kh img {
    width: auto;
    max-width: 118px;
    height: 32px;
    object-fit: contain;
  }

  .body_qlnhom .mokr-channel-mobile-header .mokr-account-mobile-action-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: auto !important;
    min-width: 0;
  }

  .body_qlnhom .mokr-channel-mobile-header .chuongtb,
  .body_qlnhom .mokr-channel-mobile-header .mokr-mobile-lang-switch,
  .body_qlnhom .mokr-channel-mobile-header .aa_menu,
  .body_qlnhom .mokr-channel-mobile-header .translator-menu-open {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e1e7f0;
    border-radius: 50%;
    background: #fff;
    color: #344054;
    line-height: 1;
  }

  .body_qlnhom .mokr-channel-mobile-header .mokr-mobile-lang-switch {
    overflow: hidden;
  }

  .body_qlnhom .mokr-channel-mobile-header .mokr-mobile-lang-switch > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }

  .body_qlnhom .mokr-channel-mobile-header .mokr-mobile-lang-switch img {
    width: 24px;
    height: 24px !important;
    border-radius: 50%;
    object-fit: cover;
  }

  .body_qlnhom .mokr-channel-mobile-header .mokr-mobile-lang-switch .ngonngu_header {
    display: none !important;
  }

  .body_qlnhom .mokr-channel-mobile-header .aa_menu img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
  }

  #mokrChannelMenuToggle:checked ~ .mokr-account-drawer {
    transform: translateX(0);
    visibility: visible;
  }

  #mokrChannelMenuToggle:checked ~ .translator-menu-overlay {
    background: rgba(12, 22, 38, 0.46);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .body_qlnhom .container_qlnhom {
    padding-top: 68px !important;
  }

  .tinnhan_qlnhom.is-open,
  .tinnhan_qlnhom_noibo.is-open {
    right: 10px !important;
    left: 10px !important;
    bottom: 78px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
  }
}
/* Channel filter controls stay inline */
@media (max-width: 767px) {
  .body_qlnhom .timkiem_header_groups {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .body_qlnhom .timkiem_header_groups .thongke_select,
  .body_qlnhom .timkiem_header_groups select {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0 !important;
    max-width: none;
  }
}

@media (max-width: 360px) {
  .body_qlnhom .timkiem_header_groups {
    gap: 6px !important;
  }

  .body_qlnhom .timkiem_header_groups .thongke_select,
  .body_qlnhom .timkiem_header_groups select {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 12px;
  }
}
/* Keep channel drawer above bottom toolbar */
@media (max-width: 767px) {
  .body_qlnhom .mokr-account-drawer {
    z-index: 10080 !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }

  .body_qlnhom .translator-menu-overlay {
    z-index: 10070 !important;
  }

  #mokrChannelMenuToggle:checked ~ .toolbar_qlnhom,
  .body_qlnhom:has(#mokrChannelMenuToggle:checked) ~ .toolbar_qlnhom,
  .body_qlnhom:has(#mokrChannelMenuToggle:checked) .toolbar_qlnhom {
    display: none !important;
  }
}
/* Manage account header */
.manage_full .mokr-manage-header.header {
  display: block;
  width: 100%;
  height: auto;
  min-height: 70px;
  padding: 0;
  border-bottom: 1px solid #e5eaf2;
  background: #fff;
  box-shadow: 0 4px 16px rgba(22, 34, 51, 0.06);
}

.manage_full .mokr-manage-desktop-header {
  justify-content: space-between;
  width: 100%;
  min-height: 70px;
  padding: 10px 28px;
}

.manage_full .mokr-manage-header-profile {
  width: auto;
  max-width: 38%;
  min-width: 0;
  padding: 0;
}

.manage_full .mokr-manage-header-actions {
  justify-content: flex-end;
  width: auto;
  max-width: 62%;
  min-width: 0;
  gap: 8px;
  padding: 0;
}

.manage_full .mokr-manage-header-actions .mokr-channel-header-action,
.manage_full .mokr-manage-lang {
  width: 40px;
  height: 40px;
}

.manage_full .mokr-manage-dropdown .dropdownmenu i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #2267c9;
  font-size: 17px;
}

.manage_full .mokr-manage-dropdown .dropdownmenu li a:first-child {
  flex: 0 0 auto;
}

.manage_full .mokr-manage-dropdown .dropdownmenu li a span {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .manage_full .mokr-manage-desktop-header {
    min-height: 66px;
    padding: 9px 14px !important;
  }

  .manage_full .mokr-manage-header-profile {
    display: flex !important;
    flex: 1 1 auto;
    max-width: none;
  }

  .manage_full .mokr-manage-header-actions {
    display: flex !important;
    flex: 0 0 auto;
    max-width: none;
    overflow: visible;
  }
}

@media (max-width: 767px) {
  .manage_full .mokr-manage-header.header {
    position: sticky;
    top: 0;
    z-index: 1100;
    min-height: 56px;
  }

  .manage_full .mokr-manage-desktop-header {
    display: none !important;
  }

  .manage_full .mokr-manage-mobile-header.fix_menu_m {
    display: flex !important;
    min-height: 56px;
    padding: 8px 10px !important;
  }

  .manage_full .mokr-manage-mobile-header .logo_m_kh img {
    width: auto;
    max-width: 118px;
    height: 32px;
    object-fit: contain;
  }

  .manage_full .mokr-manage-mobile-header .mokr-account-mobile-action-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }

  .manage_full .mokr-manage-mobile-header .chuongtb,
  .manage_full .mokr-manage-mobile-header .aa_menu,
  .manage_full .mokr-manage-mobile-header .translator-menu-open {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border: 1px solid #e1e7f0;
    border-radius: 50%;
    background: #fff;
    color: #344054;
  }

  .manage_full .mokr-manage-mobile-header .aa_menu img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
  }

  .manage_full .mokr-manage-mobile-header .chuongtb span {
    position: absolute;
    top: -5px;
    right: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #e11d48;
    color: #fff;
    font-size: 10px;
    line-height: 1;
  }

  #mokrManageMenuToggle:checked ~ .mokr-account-drawer {
    transform: translateX(0);
    visibility: visible;
  }

  #mokrManageMenuToggle:checked ~ .translator-menu-overlay {
    background: rgba(12, 22, 38, 0.46);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .manage_full .mokr-account-drawer {
    z-index: 10080 !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }

  .manage_full .translator-menu-overlay {
    z-index: 10070 !important;
  }

  .manage_full .container_manage.flex {
    padding-top: 12px !important;
  }

  .manage_full .sidebar {
    display: none !important;
  }

  .manage_full .overlay {
    display: none !important;
  }
}
.manage_full .mokr-account-drawer {
  display: none;
}

@media (max-width: 767px) {
  .manage_full .mokr-account-drawer {
    display: block !important;
  }
}
/* Manage mobile header only - desktop keeps original style_manage.css header. */
@media (min-width: 768px) {
  .manage_full .mokr-manage-mobile-header,
  .manage_full #mokrManageDrawer,
  .manage_full .translator-menu-overlay,
  .manage_full #mokrManageMenuToggle {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .manage_full .header {
    display: block !important;
    height: auto !important;
    min-height: 56px;
    padding: 0 !important;
  }

  .manage_full .header > .header-left,
  .manage_full .header > .header-right {
    display: none !important;
  }
}
/* Channel mobile drawer only - desktop keeps original qlnhom header. */
.body_qlnhom .mokr-channel-mobile-header,
.body_qlnhom #mokrChannelDrawer {
  display: none;
}

@media (max-width: 767px) {
  .body_qlnhom .mokr-channel-mobile-header.fix_menu_m,
  .body_qlnhom #mokrChannelDrawer {
    display: block !important;
  }

  .body_qlnhom .mokr-channel-mobile-header.fix_menu_m {
    display: flex !important;
  }
}
#mokrChannelDrawer,
.mokr-channel-mobile-header {
  display: none;
}

@media (max-width: 767px) {
  #mokrChannelDrawer {
    display: block !important;
  }

  .mokr-channel-mobile-header.fix_menu_m {
    display: flex !important;
  }
}
/* Channel home mobile layout - desktop unchanged. */
@media (max-width: 767px) {
  .mokr-channel-home-page {
    overflow-x: hidden;
    background: #f6f8fb;
  }

  .mokr-channel-home-page,
  .mokr-channel-home-page * {
    box-sizing: border-box;
  }

  .mokr-channel-home-page .container_qlnhom {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 68px 10px calc(96px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
  }

  .mokr-channel-home-page .left_qlnhom,
  .mokr-channel-home-page .right_qlnhom {
    display: none !important;
  }

  .mokr-channel-home-page .center_qlnhom.width_qlnhom {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mokr-channel-home-page .flull_left_tc1,
  .mokr-channel-home-page .flull_left_tc2,
  .mokr-channel-home-page .chienluoc_qlnhom,
  .mokr-channel-home-page .donhang_qlnhom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mokr-channel-home-page .okrica-onboarding-roadmap,
  .mokr-channel-home-page .chienluoc_qlnhom .card,
  .mokr-channel-home-page .empty-card,
  .mokr-channel-home-page .box_donhang_qlnhom,
  .mokr-channel-home-page .flull_left_tc2 {
    border-radius: 8px !important;
    border: 1px solid #e4e9f2 !important;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.05) !important;
    background: #fff !important;
  }

  .mokr-channel-home-page .okrica-onboarding-roadmap {
    padding: 14px !important;
    margin: 0 0 12px !important;
  }

  .mokr-channel-home-page .okrica-onboarding-roadmap h2,
  .mokr-channel-home-page .chienluoc_qlnhom h2 {
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .mokr-channel-home-page .okrica-onboarding-roadmap__progress-text {
    width: 100% !important;
    margin-top: 10px !important;
    text-align: center;
  }

  .mokr-channel-home-page .okrica-onboarding-roadmap__card,
  .mokr-channel-home-page .okrica-onboarding-roadmap__task {
    border-radius: 8px !important;
    padding: 12px !important;
  }

  .mokr-channel-home-page .container_chienluoc,
  .mokr-channel-home-page .container_chienluoc .grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .side,
  .mokr-channel-home-page .chienluoc_qlnhom .d-flex.gap12,
  .mokr-channel-home-page .chienluoc_qlnhom .morong,
  .mokr-channel-home-page .chienluoc_qlnhom .card_r,
  .mokr-channel-home-page .chienluoc_qlnhom .action-box {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    padding: 14px !important;
    transform: none !important;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .stat-card {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .w30 {
    width: 100% !important;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .card_r a.morong_kenh,
  .mokr-channel-home-page .chienluoc_qlnhom .action-item {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
  }

  .mokr-channel-home-page .chienluoc_qlnhom .milestone {
    width: 100% !important;
    min-width: 0;
  }

  .mokr-channel-home-page .empty-card {
    margin: 0 0 12px !important;
    padding: 18px 14px !important;
  }

  .mokr-channel-home-page .empty-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
    font-size: 26px !important;
  }

  .mokr-channel-home-page .empty-title {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .mokr-channel-home-page .empty-text {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .mokr-channel-home-page .empty-card .actions,
  .mokr-channel-home-page .empty-card .btn {
    width: 100% !important;
  }

  .mokr-channel-home-page .empty-card .btn {
    min-height: 42px;
    margin-top: 12px;
    border-radius: 8px;
  }

  .mokr-channel-home-page .title_qlnhom_b,
  .mokr-channel-home-page .title_flull_left_tc2 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0 10px !important;
    padding: 0 2px !important;
    font-size: 18px !important;
    line-height: 1.25;
  }

  .mokr-channel-home-page .box_donhang_qlnhom {
    margin: 0 0 12px !important;
    padding: 14px !important;
  }

  .mokr-channel-home-page .header_box_donhang_qlnhom {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
  }

  .mokr-channel-home-page .end_box_trangnha_item_qlnhom {
    align-items: flex-start !important;
  }

  .mokr-channel-home-page .end_box_trangnha_item_qlnhom img {
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    margin-right: 9px !important;
  }

  .mokr-channel-home-page .name_donhang_qlnhom {
    min-width: 0;
  }

  .mokr-channel-home-page .name_donhang_qlnhom b,
  .mokr-channel-home-page .id_donhang_qlnhom span {
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .mokr-channel-home-page .name_donhang_qlnhom span {
    display: block;
    margin-top: 4px;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .mokr-channel-home-page .id_donhang_qlnhom {
    margin-bottom: 12px !important;
  }

  .mokr-channel-home-page .img_content_qlnhom {
    margin-bottom: 12px !important;
  }

  .mokr-channel-home-page .img_content_qlnhom img {
    width: 100% !important;
    height: auto !important;
    max-height: 190px;
    border-radius: 8px;
    object-fit: cover;
  }

  .mokr-channel-home-page .content_box_trangnha_qlnhom,
  .mokr-channel-home-page .ngonngu_trangnha_qlnhom,
  .mokr-channel-home-page .full_tong_qlnhom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mokr-channel-home-page .ngonngu_trangnha_qlnhom a,
  .mokr-channel-home-page .cn_donhang_qlnhom a,
  .mokr-channel-home-page .ngay_trangnha_item_qlnhom span {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 9px 10px;
    border-radius: 8px;
    background: #f7faff;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .mokr-channel-home-page .ngonngu_trangnha_qlnhom a span {
    display: inline !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    color: #667085;
  }

  .mokr-channel-home-page .ngonngu_trangnha_qlnhom a img,
  .mokr-channel-home-page .cn_donhang_qlnhom img {
    float: none !important;
    width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    margin: 0 5px 0 0 !important;
    object-fit: cover;
    vertical-align: middle;
  }

  .mokr-channel-home-page .full_tong_qlnhom {
    margin-top: 10px !important;
  }

  .mokr-channel-home-page .full_tong_qlnhom > div,
  .mokr-channel-home-page .gia_item_qlnhom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    width: 100% !important;
    max-width: 100% !important;
    padding: 9px 10px !important;
    border-radius: 8px;
    background: #f8fafc;
  }

  .mokr-channel-home-page .gia_item_qlnhom b {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .mokr-channel-home-page .img_dg_tong_qlnhom img {
    width: 28px !important;
    height: 28px !important;
  }

  .mokr-channel-home-page .magt_trans b {
    font-size: 12px !important;
  }

  .mokr-channel-home-page .flull_left_tc2 {
    margin-top: 12px !important;
    padding: 14px !important;
  }

  .mokr-channel-home-page .content_flull_left_tc2,
  .mokr-channel-home-page .order-list,
  .mokr-channel-home-page .order-card,
  .mokr-channel-home-page .channel-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mokr-channel-home-page .order-card {
    border-radius: 8px !important;
    padding: 12px !important;
  }

  .mokr-channel-home-page .order-card:hover {
    transform: none !important;
  }
}

@media (max-width: 380px) {
  .mokr-channel-home-page .container_qlnhom {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .mokr-channel-home-page .box_donhang_qlnhom,
  .mokr-channel-home-page .flull_left_tc2,
  .mokr-channel-home-page .okrica-onboarding-roadmap,
  .mokr-channel-home-page .chienluoc_qlnhom .card,
  .mokr-channel-home-page .empty-card {
    padding: 12px !important;
  }
}
/* Channel mobile uses the drawer header; desktop keeps the original fixed header. */
@media (max-width: 767px) {
  .body_qlnhom .flex_header_qlnhom {
    display: none !important;
  }

  .body_qlnhom > .mokr-channel-mobile-header.fix_menu_m {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10060;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
  }
}
/* Channel avatar info sheet on mobile only. */
.mokr-channel-info-sheet,
.mokr-channel-info-overlay {
  display: none;
}

@media (max-width: 767px) {
  .body_qlnhom .menu_left_qlnhom > .flex_user_qlnhom {
    display: none !important;
  }

  .mokr-channel-info-open {
    cursor: pointer;
  }

  .mokr-channel-info-sheet {
    position: fixed;
    right: 10px;
    left: 10px;
    top: 66px;
    z-index: 10090;
    display: block;
    max-height: calc(100vh - 96px);
    overflow: auto;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(14, 28, 52, 0.2);
    transform: translateY(-12px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    -webkit-overflow-scrolling: touch;
  }

  #mokrChannelInfoToggle:checked ~ .mokr-channel-info-sheet {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .mokr-channel-info-overlay {
    position: fixed;
    inset: 0;
    z-index: 10085;
    display: block;
    background: rgba(12, 22, 38, 0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, background 0.2s ease, visibility 0.2s ease;
  }

  #mokrChannelInfoToggle:checked ~ .mokr-channel-info-overlay {
    background: rgba(12, 22, 38, 0.38);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .mokr-channel-info-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #eef2f7;
  }

  .mokr-channel-info-sheet__brand {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .mokr-channel-info-sheet__brand img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-channel-info-sheet__brand b,
  .mokr-channel-info-sheet__brand span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-channel-info-sheet__brand b {
    color: #172033;
    font-size: 16px;
    line-height: 1.25;
  }

  .mokr-channel-info-sheet__brand span {
    margin-top: 2px;
    color: #667085;
    font-size: 12px;
  }

  .mokr-channel-info-sheet__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f2f4f7;
    color: #344054;
    cursor: pointer;
  }

  .mokr-channel-info-sheet__body {
    display: grid;
    gap: 10px;
    padding: 14px;
  }

  .mokr-channel-info-sheet__edit,
  .mokr-channel-info-share-toggle,
  .mokr-channel-info-copy,
  .mokr-channel-info-share-panel button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    font-size: 13px;
    font-weight:600;
    line-height: 1.2;
    cursor: pointer;
  }

  .mokr-channel-info-sheet__edit {
    gap: 7px;
    width: 100%;
    background: #eef5ff;
    color: #1357b7;
  }

  .mokr-channel-info-sheet__link {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid #e4e9f2;
    border-radius: 8px;
    background: #f8fafc;
  }

  .mokr-channel-info-sheet__link > i {
    color: #1357b7;
    text-align: center;
  }

  .mokr-channel-info-sheet__link span {
    min-width: 0;
    overflow: hidden;
    color: #344054;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-channel-info-copy {
    min-height: 32px;
    padding: 0 10px;
    background: #1357b7;
    color: #fff;
  }

  .mokr-channel-info-share-toggle {
    width: 100%;
    background: #111827;
    color: #fff;
  }

  .mokr-channel-info-share-panel {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .mokr-channel-info-share-panel.is-open {
    display: grid;
  }

  .mokr-channel-info-share-panel button {
    width: 100%;
    padding: 0 8px;
    border: 1px solid #e4e9f2;
    background: #fff;
    color: #344054;
  }
}

@media (max-width: 380px) {
  .mokr-channel-info-sheet__link {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .mokr-channel-info-copy {
    grid-column: 1 / -1;
    width: 100%;
  }
}
/* Hide channel left sidebar on mobile; desktop unchanged. */
@media (max-width: 767px) {
  .body_qlnhom .left_qlnhom {
    display: none !important;
  }
}
/* Reward CDR mobile presentation; desktop keeps the existing table. */
.mokr-cdr-mobile-list {
  display: none;
}

@media (max-width: 767px) {
  .mokr-channel-reward-page .hd_timkiem_qlnhom {
    display: grid !important;
    grid-template-columns: 1fr;
    align-items: stretch !important;
    gap: 8px;
    padding: 12px !important;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    background: #fff;
  }

  .mokr-channel-reward-page .title_hd_timkiem_qlnhom {
    width: 100% !important;
    min-width: 0;
  }

  .mokr-channel-reward-page .title_hd_timkiem_qlnhom span {
    display: block;
    overflow: visible;
    color: #172033;
    font-size: 14px;
    font-weight:600;
    line-height: 1.3;
    text-overflow: clip;
    white-space: normal;
  }

  .mokr-channel-reward-page .timkiem_header_groups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    min-width: 0;
    gap: 8px;
  }

  .mokr-channel-reward-page .timkiem_header_groups select {
    min-height: 36px;
    padding: 0 8px !important;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background-color: #f8fafc;
    color: #24324a;
    font-size: 13px;
  }

  .mokr-channel-reward-page .ajax_phanthuong_cdr {
    display: block;
    overflow: visible !important;
  }

  .mokr-channel-reward-page .ajax_phanthuong_cdr > .header_table,
  .mokr-channel-reward-page .ajax_phanthuong_cdr > .order_qlnhom_table {
    display: none !important;
  }

  .mokr-channel-reward-page .mokr-cdr-mobile-list {
    display: grid;
    gap: 10px;
    width: 100%;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-card,
  .mokr-channel-reward-page .mokr-cdr-member-card,
  .mokr-channel-reward-page .mokr-cdr-empty {
    border: 1px solid #e3eaf4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.06);
  }

  .mokr-channel-reward-page .mokr-cdr-summary-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-card > div {
    min-width: 0;
    padding: 10px;
    border-radius: 8px;
    background: #f7f9fc;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-card span,
  .mokr-channel-reward-page .mokr-cdr-member-grid span {
    display: block;
    color: #667085;
    font-size: 12px;
    line-height: 1.25;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-card b,
  .mokr-channel-reward-page .mokr-cdr-member-grid b {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #152238;
    font-size: 14px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-owner {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-owner img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-channel-reward-page .mokr-cdr-summary-owner b {
    margin-top: 0;
    color: #0f766e;
  }

  .mokr-channel-reward-page .mokr-cdr-card-list {
    display: grid;
    gap: 10px;
  }

  .mokr-channel-reward-page .mokr-cdr-member-card {
    padding: 12px;
  }

  .mokr-channel-reward-page .mokr-cdr-member-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf1f7;
  }

  .mokr-channel-reward-page .mokr-cdr-member-head .box_list_user_group {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
  }

  .mokr-channel-reward-page .mokr-cdr-member-head img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-channel-reward-page .mokr-cdr-member-head span {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #172033;
    font-size: 14px;
    font-weight:600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-channel-reward-page .mokr-cdr-member-head strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #047857;
    font-size: 13px;
    font-weight:600;
    line-height: 1.2;
    white-space: nowrap;
  }

  .mokr-channel-reward-page .mokr-cdr-member-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-top: 10px;
  }

  .mokr-channel-reward-page .mokr-cdr-member-grid > div {
    min-width: 0;
    padding: 9px 8px;
    border-radius: 8px;
    background: #f8fafc;
  }

  .mokr-channel-reward-page .mokr-cdr-empty {
    padding: 18px 12px;
    color: #667085;
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .mokr-channel-reward-page .hd_timkiem_qlnhom,
  .mokr-channel-reward-page .mokr-cdr-member-grid {
    grid-template-columns: 1fr;
  }

  .mokr-channel-reward-page .timkiem_header_groups {
    width: 100% !important;
  }
}

/* Force Reward CDR filter layout on mobile: title above, filters in one row. */
@media (max-width: 767px) {
  .body_qlnhom.mokr-channel-reward-page .hd_timkiem_qlnhom {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .body_qlnhom.mokr-channel-reward-page .title_hd_timkiem_qlnhom {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .body_qlnhom.mokr-channel-reward-page .timkiem_header_groups {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  .body_qlnhom.mokr-channel-reward-page .timkiem_header_groups .thongke_select,
  .body_qlnhom.mokr-channel-reward-page .timkiem_header_groups select {
    flex: 1 1 0 !important;
    width: 50% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Channel message page responsive; desktop above 1024px stays unchanged. */
@media (min-width: 768px) and (max-width: 1024px) {
  .body_qlnhom.mokr-channel-message-page .content-main-tinnhan {
    padding: 12px !important;
    background: #f6f8fb;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
  }

  .body_qlnhom.mokr-channel-message-page .l_qlnhom {
    width: 100% !important;
    height: auto !important;
    min-height: 620px;
    overflow: hidden;
    border-radius: 8px;
  }

  .body_qlnhom.mokr-channel-message-page .left_qlnhom_tinnhan_full {
    display: grid !important;
    grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
    height: calc(100vh - 168px);
    min-height: 560px;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_left,
  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_center {
    width: 100% !important;
    min-width: 0;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_left {
    height: 100%;
    overflow-y: auto;
    border-right: 1px solid #edf1f6;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_center {
    display: flex;
    flex-direction: column;
    border-left: 0;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left {
    padding: 12px;
  }

  .body_qlnhom.mokr-channel-message-page .box_content_tinnhan_qlnhom {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    max-height: none;
    padding: 12px 14px;
  }

  .body_qlnhom.mokr-channel-message-page .khungchat_qlnhom {
    flex: 0 0 auto;
    margin: 12px 14px 14px;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_right {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 8px;
  }

  .body_qlnhom.mokr-channel-message-page .box_qlnhom_tinnhan_full_right {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 12px 12px;
  }

  .body_qlnhom.mokr-channel-message-page .madonhang_qlnhom_tinnhan_full_right,
  .body_qlnhom.mokr-channel-message-page .ten_qlnhom_tinnhan_full_right,
  .body_qlnhom.mokr-channel-message-page .xemchitiet_qlnhom_tinnhan_full_right {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .body_qlnhom.mokr-channel-message-page .container_qlnhom {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .body_qlnhom.mokr-channel-message-page .content-main-tinnhan {
    padding: 0 !important;
    background: #f6f8fb;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full,
  .body_qlnhom.mokr-channel-message-page .left_qlnhom_tinnhan_full {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px;
    width: 100%;
  }

  .body_qlnhom.mokr-channel-message-page .l_qlnhom,
  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_left,
  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_center,
  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_right {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
  }

  .body_qlnhom.mokr-channel-message-page .l_qlnhom {
    height: auto !important;
    overflow: visible;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.06);
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_qlnhom {
    display: block !important;
    padding: 10px;
    border-bottom: 1px solid #edf1f6;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_header_qlnhom {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_header_qlnhom a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 40px;
    margin: 0 !important;
    padding: 8px 10px;
    border: 1px solid #dfe7f2;
    border-radius: 8px;
    background: #f8fafc;
    color: #344054;
    font-size: 13px;
    font-weight:600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_header_qlnhom a.act {
    border-color: #b7d4ff;
    background: #eef5ff;
    color: #1357b7;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_header_qlnhom a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    line-height: 1;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_left {
    height: auto !important;
    overflow: hidden;
    border-bottom: 1px solid #edf1f6;
  }

  .body_qlnhom.mokr-channel-message-page .user_qlnhom_tinnhan_full_left {
    display: flex;
    gap: 8px;
    width: 100%;
    padding: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .body_qlnhom.mokr-channel-message-page .user_qlnhom_tinnhan_full_left::-webkit-scrollbar {
    display: none;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left {
    flex: 0 0 min(82vw, 310px);
    min-width: 0;
    min-height: 92px;
    padding: 10px;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #fff;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left.act,
  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left:hover {
    border-color: #b7d4ff;
    border-left: 1px solid #b7d4ff;
    background: #eef7ff;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left .top_user_content_tinnhan_qlnhom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    margin-bottom: 6px;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left .top_user_content_tinnhan_qlnhom > div {
    min-width: 0;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left b,
  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left span,
  .body_qlnhom.mokr-channel-message-page .puser_content_tinnhan_qlnhom {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left span {
    font-size: 11px;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_center {
    display: flex !important;
    flex-direction: column;
    border-left: 0;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_madonhang {
    padding: 10px 12px !important;
    border-bottom: 1px solid #edf1f6;
    background: #fff;
  }

  .body_qlnhom.mokr-channel-message-page .timkiem_madonhang .top_user_content_tinnhan_qlnhom {
    margin-bottom: 0;
  }

  .body_qlnhom.mokr-channel-message-page .ten_nguoinhan_qlnhom {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #172033;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom.mokr-channel-message-page .box_content_tinnhan_qlnhom {
    height: auto !important;
    min-height: 300px;
    max-height: 52vh;
    padding: 12px !important;
    overflow-y: auto;
    border-top: 0;
    background: #f8fafc;
  }

  .body_qlnhom.mokr-channel-message-page .header_content_tinnhan_qlnhom {
    margin-bottom: 12px;
    padding: 9px 10px;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    line-height: 1.35;
  }

  .body_qlnhom.mokr-channel-message-page .header_content_tinnhan_qlnhom span,
  .body_qlnhom.mokr-channel-message-page .header_content_tinnhan_qlnhom a,
  .body_qlnhom.mokr-channel-message-page .header_content_tinnhan_qlnhom b {
    font-size: 13px !important;
    line-height: 1.35;
  }

  .body_qlnhom.mokr-channel-message-page .user_content_tinnhan_qlnhom {
    margin-bottom: 12px;
  }

  .body_qlnhom.mokr-channel-message-page .user_content_tinnhan_qlnhom .top_user_content_tinnhan_qlnhom {
    gap: 5px;
    margin-bottom: 5px;
  }

  .body_qlnhom.mokr-channel-message-page .user_content_tinnhan_qlnhom .top_user_content_tinnhan_qlnhom img {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
  }

  .body_qlnhom.mokr-channel-message-page .user_content_tinnhan_qlnhom .top_user_content_tinnhan_qlnhom b {
    max-width: 120px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .body_qlnhom.mokr-channel-message-page .user_content_tinnhan_qlnhom .top_user_content_tinnhan_qlnhom span {
    font-size: 11px;
  }

  .body_qlnhom.mokr-channel-message-page .content_user_content_tinnhan_qlnhom {
    max-width: 86%;
    padding: 9px 11px !important;
    border-radius: 12px !important;
    font-size: 13px;
    line-height: 1.45;
  }

  .body_qlnhom.mokr-channel-message-page .tinnhan_cuatoi .content_user_content_tinnhan_qlnhom {
    margin-left: auto;
    background: #dff1ff;
  }

  .body_qlnhom.mokr-channel-message-page .tinnhan_cuanguoikhac .content_user_content_tinnhan_qlnhom {
    margin-right: auto;
    background: #fff;
  }

  .body_qlnhom.mokr-channel-message-page .khungchat_qlnhom {
    margin: 0 !important;
    padding: 10px;
    border-top: 1px solid #edf1f6;
    background: #fff;
  }

  .body_qlnhom.mokr-channel-message-page .khungchat_qlnhom textarea {
    width: 100% !important;
    height: 84px !important;
    min-height: 84px;
    padding: 10px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    font-size: 14px;
  }

  .body_qlnhom.mokr-channel-message-page .form-group-tn {
    margin-top: 8px;
    text-align: right;
  }

  .body_qlnhom.mokr-channel-message-page .form-group-tn input {
    width: 100% !important;
    min-height: 42px;
    border-radius: 8px;
    background: #111827;
    font-weight:600;
  }

  .body_qlnhom.mokr-channel-message-page .qlnhom_tinnhan_full_right {
    margin-top: 10px !important;
    padding-bottom: 12px;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.06);
  }

  .body_qlnhom.mokr-channel-message-page .title_qlnhom_tinnhan_full_right {
    padding: 12px 12px 8px;
  }

  .body_qlnhom.mokr-channel-message-page .title_qlnhom_tinnhan_full_right b {
    font-size: 15px;
  }

  .body_qlnhom.mokr-channel-message-page .madonhang_qlnhom_tinnhan_full_right,
  .body_qlnhom.mokr-channel-message-page .ten_qlnhom_tinnhan_full_right,
  .body_qlnhom.mokr-channel-message-page .xemchitiet_qlnhom_tinnhan_full_right {
    padding-right: 12px;
    padding-left: 12px;
  }

  .body_qlnhom.mokr-channel-message-page .linkct_order_qlnhom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
  }
}

@media (max-width: 380px) {
  .body_qlnhom.mokr-channel-message-page .timkiem_header_qlnhom,
  .body_qlnhom.mokr-channel-message-page .box_qlnhom_tinnhan_full_right {
    grid-template-columns: 1fr;
  }

  .body_qlnhom.mokr-channel-message-page .box_user_qlnhom_tinnhan_full_left {
    flex-basis: 88vw;
  }
}

/* Manage pages responsive content; desktop above 1024px stays unchanged. */
@media (max-width: 1024px) {
  .manage_full,
  .manage_full * {
    box-sizing: border-box;
  }

  .manage_full {
    overflow-x: hidden;
    background: #f0f4f9;
  }

  .manage_full .container_manage.flex {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 14px 12px 32px !important;
  }

  .manage_full .sidebar {
    flex: 0 0 250px;
    width: 250px !important;
    min-width: 0 !important;
    padding: 8px !important;
  }

  .manage_full .sidebar .menu .li-inner {
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
  }

  .manage_full .sidebar .menu li a {
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .manage_full .content,
  .manage_full main.content {
    flex: 1 1 auto;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
  }

  .manage_full .container_tv,
  .manage_full .content > .container_tv,
  .manage_full .full_doitackenh,
  .manage_full .full_hoatdongkinhdoanh,
  .manage_full .table_dh,
  .manage_full .table-responsive,
  .manage_full .card-box,
  .manage_full .box,
  .manage_full .payment-card,
  .manage_full .content-tabs,
  .manage_full .profile_filter {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }

  .manage_full .profile_filter,
  .manage_full .tichhopkhachhangchokenh_manage,
  .manage_full .title_manage_kh {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 10px;
    margin-bottom: 12px;
  }

  .manage_full h1,
  .manage_full h3,
  .manage_full h4,
  .manage_full .mb-3 {
    min-width: 0;
    color: #121826;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .manage_full .profile.box {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px;
  }

  .manage_full .profile.box > .d-flex,
  .manage_full .kenhcuatoi {
    min-width: 0;
  }

  .manage_full .profile.box .avatar-lg {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    object-fit: cover;
  }

  .manage_full .kenhcuatoi a,
  .manage_full .kenhcuatoi p,
  .manage_full .profile h1,
  .manage_full .profile .email {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .manage_full .filter-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 8px !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
  }

  .manage_full .filter-bar span {
    flex: 0 0 auto;
    color: #475467;
    font-size: 13px;
    line-height: 1.2;
  }

  .manage_full .filter-bar input,
  .manage_full .filter-bar select,
  .manage_full .filter-bar .thongke_select {
    flex: 1 1 0;
    min-width: 0 !important;
    max-width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-size: 14px;
  }

  .manage_full .filter-bar select,
  .manage_full .filter-bar .thongke_select {
    min-width: 120px !important;
  }

  .manage_full .kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .manage_full .kpi-card,
  .manage_full .kpi-item,
  .manage_full .card-box,
  .manage_full .box,
  .manage_full .payment-card {
    border-radius: 8px !important;
  }

  .manage_full .table-responsive,
  .manage_full .table_dh,
  .manage_full .bg_trang,
  .manage_full .box {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .manage_full table,
  .manage_full .table_dh table,
  .manage_full .table-responsive table {
    width: max-content;
    min-width: 760px;
  }

  .manage_full .payment-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .manage_full {
    padding-bottom: 22px;
  }

  .manage_full .container_manage.flex {
    display: block !important;
    padding: 12px 8px 28px !important;
  }

  .manage_full .content,
  .manage_full main.content {
    display: block !important;
    width: 100% !important;
  }

  .manage_full .container_tv,
  .manage_full .content > .container_tv {
    padding: 0 !important;
  }

  .manage_full .profile_filter,
  .manage_full .tichhopkhachhangchokenh_manage,
  .manage_full .title_manage_kh {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 8px;
    width: 100% !important;
  }

  .manage_full .profile.box {
    justify-self: start;
    max-width: min(100%, 360px);
    padding: 8px 10px !important;
    box-shadow: 0 6px 18px rgba(20, 35, 60, 0.08);
  }

  .manage_full .profile.box .avatar-lg {
    flex-basis: 50px;
    width: 50px;
    height: 50px;
  }

  .manage_full .kenhcuatoi a {
    font-size: 14px;
    line-height: 1.25;
  }

  .manage_full .kenhcuatoi p {
    margin: 3px 0 0;
    font-size: 16px;
    line-height: 1.25;
  }

  .manage_full h4.mb-3,
  .manage_full .mb-3 {
    margin-bottom: 0 !important;
    font-size: 18px;
  }

  .manage_full .mar5,
  .manage_full p.mar5 {
    margin: 0 0 10px !important;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
  }

  .manage_full .filter-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    width: 100% !important;
    gap: 8px !important;
  }

  .manage_full .filter-bar:has(input) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .manage_full .filter-bar span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }

  .manage_full .filter-bar input,
  .manage_full .filter-bar select,
  .manage_full .filter-bar .thongke_select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    font-size: 15px;
  }

  .manage_full .card-box,
  .manage_full .box,
  .manage_full .payment-card {
    margin-bottom: 12px !important;
    padding: 14px !important;
    box-shadow: 0 6px 18px rgba(20, 35, 60, 0.07) !important;
  }

  .manage_full .kpi-grid,
  .manage_full .payment-body {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .manage_full .kpi-card h3,
  .manage_full .kpi-item h3 {
    font-size: 20px;
    line-height: 1.25;
  }

  .manage_full .payment-header {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .manage_full .payment-status {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    width: fit-content;
    white-space: normal;
  }

  .manage_full .title_taifilemau,
  .manage_full .card-box .d-flex,
  .manage_full .content-tabs,
  .manage_full .button-user,
  .manage_full .input-group112 {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100% !important;
    min-width: 0;
  }

  .manage_full .title_taifilemau h4,
  .manage_full .title_taifilemau a,
  .manage_full .button-user input,
  .manage_full .btn,
  .manage_full button,
  .manage_full input[type='submit'],
  .manage_full input[type='button'] {
    width: 100% !important;
    max-width: 100%;
    min-height: 40px;
    border-radius: 8px;
  }

  .manage_full .upload-box {
    padding: 18px 12px;
    border-radius: 8px;
  }

  .manage_full .table-responsive,
  .manage_full .table_dh,
  .manage_full .manage-ds-khachhang,
  .manage_full .danhsachthanhviencuakenh,
  .manage_full .manage-ds-khachhang-goi {
    width: 100% !important;
    border-radius: 8px;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .manage_full table,
  .manage_full .table_dh table,
  .manage_full .table-responsive table {
    min-width: 680px;
    font-size: 13px;
  }

  .manage_full .table th,
  .manage_full .table td,
  .manage_full .table_dh th,
  .manage_full .table_dh td {
    padding: 9px 8px !important;
    vertical-align: middle;
  }

  .manage_full .ten_kh_manage,
  .manage_full .table td span,
  .manage_full .table td b {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .manage_full .xoatatca_manage,
  .manage_full .tichhopkhachhangchokenh_manage > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 40px;
    padding: 8px 10px;
    border-radius: 8px;
    text-align: center;
  }

  .manage_full .profile:not(.box) {
    padding: 14px !important;
    border-radius: 8px;
  }

  .manage_full .profile:not(.box) .avatar-lg {
    width: 58px;
    height: 58px;
  }

  .manage_full .profile h1 {
    font-size: 22px;
  }

  .manage_full .ccdl_qlnhom,
  .manage_full .khongcothongbao {
    padding: 16px 10px !important;
  }

  .manage_full .ccdl_qlnhom img,
  .manage_full .khongcothongbao img {
    max-height: 170px;
  }
}

@media (max-width: 380px) {
  .manage_full .filter-bar,
  .manage_full .filter-bar:has(input) {
    grid-template-columns: 1fr;
  }

  .manage_full .profile.box {
    width: 100% !important;
  }
}

/* Customer home partner policy mobile cards; desktop keeps the comparison table. */
.mokr-partner-policy-mobile {
  display: none;
}

@media (max-width: 767px) {
  .customer-home-page .chinhsachdoitac {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .customer-home-page .chinhsachdoitac > .box_chinhsach_doitac {
    display: none !important;
  }

  .customer-home-page .mokr-partner-policy-mobile {
    display: grid;
    gap: 10px;
    width: 100%;
  }

  .customer-home-page .mokr-partner-policy-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.06);
  }

  .customer-home-page .mokr-partner-policy-head span {
    min-width: 0;
    color: #172033;
    font-size: 15px;
    font-weight:600;
    line-height: 1.3;
    text-transform: uppercase;
  }

  .customer-home-page .mokr-partner-policy-head .xemchitiet_chinhsach {
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 10px;
    border-radius: 8px;
    background: #f4f7fb;
    color: #1357b7;
    font-size: 13px;
    line-height: 1.15;
    text-align: center;
    box-shadow: none;
  }

  .customer-home-page .mokr-partner-package-list {
    display: grid;
    gap: 10px;
  }

  .customer-home-page .mokr-partner-package-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.06);
  }

  .customer-home-page .mokr-partner-package-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
  }

  .customer-home-page .mokr-partner-package-title .tengoi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    max-width: 70%;
    padding: 7px 12px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-home-page .mokr-partner-package-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef2f6;
    color: #344054;
    font-size: 12px;
    font-weight:600;
    line-height: 1;
  }

  .customer-home-page .mokr-partner-package-status.is-check {
    width: 30px;
    padding: 0;
  }

  .customer-home-page .mokr-partner-package-status img {
    width: 18px;
    height: 18px;
  }

  .customer-home-page .mokr-partner-package-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .customer-home-page .mokr-partner-package-info > div {
    min-width: 0;
    padding: 9px;
    border-radius: 8px;
    background: #f8fafc;
  }

  .customer-home-page .mokr-partner-package-info span,
  .customer-home-page .mokr-partner-package-info b {
    display: block;
    min-width: 0;
    overflow: hidden;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-home-page .mokr-partner-package-info span {
    color: #667085;
    font-size: 12px;
  }

  .customer-home-page .mokr-partner-package-info b {
    margin-top: 4px;
    color: #172033;
    font-size: 14px;
    font-weight:600;
  }

  .customer-home-page .mokr-partner-package-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .customer-home-page .mokr-partner-package-actions .thanhtoangoi_moca,
  .customer-home-page .mokr-partner-package-actions .damua_goi,
  .customer-home-page .mokr-partner-trial {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight:600;
    line-height: 1.15;
    text-align: center;
  }

  .customer-home-page .mokr-partner-package-actions .damua_goi:empty {
    display: none;
  }

  .customer-home-page .mokr-partner-trial {
    gap: 8px;
    border: 1px solid #e1e7f0;
    background: #111827;
    color: #fff;
    box-shadow: 0 8px 22px rgba(20, 35, 60, 0.08);
  }

  .customer-home-page .mokr-partner-trial img {
    width: 22px;
    height: 22px;
    margin: 0;
    object-fit: contain;
  }

  .customer-home-page #formdk79 .formdk79_popup_content {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .customer-home-page #formdk79 .formdk79_popup_l,
  .customer-home-page #formdk79 .formdk79_popup_r,
  .customer-home-page #formdk79 .input_formdk79_boxr {
    width: 100% !important;
    max-width: 100%;
  }

  .customer-home-page #formdk79 .input_formdk79_boxr {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 5px;
  }
}

@media (max-width: 380px) {
  .customer-home-page .mokr-partner-policy-head,
  .customer-home-page .mokr-partner-package-info {
    grid-template-columns: 1fr;
  }

  .customer-home-page .mokr-partner-policy-head .xemchitiet_chinhsach {
    width: 100%;
  }
}
/* Customer order page responsive; desktop 1024px and above stays unchanged. */
@media (max-width: 1023px) {
  .customer-order-page {
    display: block !important;
    width: 100%;
    min-width: 0;
    padding: 0 0 74px !important;
    background: #f6f8fc;
    overflow-x: hidden;
  }

  .customer-order-page > .taikhoan_left {
    display: none !important;
  }

  .customer-order-page > .taikhoan_right {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .customer-order-page .title_taikhoan {
    display: block !important;
    padding: 0 !important;
    border: 0;
    background: #fff;
    box-shadow: 0 4px 18px rgba(22, 34, 51, 0.08);
  }

  .customer-order-page .title_taikhoan .computer {
    display: none !important;
  }

  .customer-order-page .mokr-account-mobile-header {
    display: flex !important;
  }

  .customer-order-page .taikhoan_right > .d-flex {
    display: block !important;
    width: 100%;
    min-width: 0;
  }

  .customer-order-page .list_user_tk {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0;
    padding: 0 !important;
    background: transparent;
    overflow: hidden;
  }

  .customer-order-page .box_header_list_user_tk {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 0 12px 10px;
    border-bottom: 1px solid #d7dde6;
    text-align: left;
  }

  .customer-order-page .box_header_list_user_tk a.xemchitiet_chinhsach1 {
    justify-self: start;
    max-width: 100%;
    margin: 0;
    padding: 8px 18px;
    font-size: 15px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .customer-order-page .box_header_list_user_tk center {
    justify-self: end;
    width: auto;
    min-width: 96px;
    text-align: right;
  }

  .customer-order-page .box_header_list_user_tk .animate-border {
    display: inline-block;
    width: 96px;
    margin: 0;
  }

  .customer-order-page .box_header_list_user_tk b,
  .customer-order-page .box_header_list_user_tk > span {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #172033;
    text-align: left;
  }

  .customer-order-page .box_header_list_user_tk b {
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.25;
  }

  .customer-order-page .ngonngu_user {
    grid-column: 1 / -1;
    width: 100%;
  }

  .customer-order-page .ngonngu_user select {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    margin: 2px 0 0;
    padding: 6px 10px;
    border: 1px solid #d8e0eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: none !important;
  }

  .customer-order-page .load_list_user_tk {
    display: flex !important;
    height: auto !important;
    max-height: none;
    gap: 10px;
    padding: 12px 12px 6px;
    background: transparent !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .customer-order-page .box_list_user_tk {
    flex: 0 0 min(230px, 70vw);
    min-width: min(230px, 70vw);
    padding: 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .customer-order-page .box_list_user_tk a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
  }

  .customer-order-page .box_list_user_tk img {
    grid-row: 1 / 3;
    width: 44px;
    height: 44px;
    margin: 0;
    object-fit: cover;
  }

  .customer-order-page .box_list_user_tk b,
  .customer-order-page .box_list_user_tk span {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-order-page .box_list_user_tk b {
    color: #111827;
    font-size: 15px;
  }

  .customer-order-page .box_list_user_tk span {
    margin-top: 3px;
    color: #5f6b7a;
    font-size: 14px;
  }

  .customer-order-page .right_user_tk {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 12px 0;
  }

  .customer-order-page .wrap_chitietdonhang {
    display: grid !important;
    grid-template-columns: minmax(300px, 38%) minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    align-items: start;
  }

  .customer-order-page .wrap_chitietdonhang_l,
  .customer-order-page .wrap_chitietdonhang_r {
    width: 100% !important;
    min-width: 0;
    border: 0 !important;
  }

  .customer-order-page .wrap_chitietdonhang_l,
  .customer-order-page .wrap_chitietdonhang_r,
  .customer-order-page .top_header_chitietdonhang_r,
  .customer-order-page .header_chitietdonhang_r,
  .customer-order-page .top_content_chitietdonhang_r > .box_shaw_padding,
  .customer-order-page .wrap_chitietdonhang_r > .box_shaw_padding {
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.07);
  }

  .customer-order-page .wrap_chitietdonhang_l {
    padding: 12px;
  }

  .customer-order-page .wrap_chitietdonhang_r {
    padding: 0 !important;
    overflow: hidden;
  }

  .customer-order-page .title_chitietdonhang_l {
    display: flex;
    align-items: center;
    padding: 0 0 10px !important;
  }

  .customer-order-page .title_chitietdonhang_l b {
    color: #172033;
    font-size: 18px;
    line-height: 1.25;
  }

  .customer-order-page .chitietdonhang_trangthai {
    padding-top: 0 !important;
  }

  .customer-order-page .ul-tabs-dh {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 0 !important;
    margin: 0 0 12px;
  }

  .customer-order-page .box_trangthai {
    float: none !important;
    width: auto !important;
    min-width: 0;
    min-height: 74px;
    padding: 9px 6px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #f8fafc;
  }

  .customer-order-page .box_trangthai.active {
    border-color: #1f63c4;
    background: #1f63c4;
    box-shadow: 0 8px 18px rgba(31, 99, 196, 0.2);
  }

  .customer-order-page .box_trangthai b {
    width: 24px;
    height: 6px;
    margin-bottom: 7px;
  }

  .customer-order-page .box_trangthai a,
  .customer-order-page .box_trangthai span {
    display: block;
    min-width: 0;
    overflow: hidden;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-order-page .box_trangthai a {
    color: #1d365c;
    font-size: 13px;
    font-weight:600;
  }

  .customer-order-page .box_trangthai span {
    margin-top: 4px;
    color: #667085;
    font-size: 13px;
    font-weight:600;
  }

  .customer-order-page .box_trangthai.active a,
  .customer-order-page .box_trangthai.active span {
    color: #fff;
  }

  .customer-order-page .content-ul-tabs-dh.active {
    display: block;
  }

  .customer-order-page .box_chitiet_trangthai.scroll_menu {
    max-height: min(58vh, 560px);
    padding-right: 2px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .customer-order-page .box_chitiet_tt {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    width: 100% !important;
    min-width: 0;
    margin: 0 0 10px !important;
    padding: 12px !important;
    border: 1px solid #f0d7d7;
    border-radius: 8px;
    background: #fff5f5;
  }

  .customer-order-page .box_chitiet_tt.act,
  .customer-order-page .box_chitiet_tt:hover {
    border-color: #1f63c4;
    background: #edf5ff;
  }

  .customer-order-page .box_chitiet_tt.act::after,
  .customer-order-page .box_chitiet_tt.act::before,
  .customer-order-page .box_chitiet_tt:hover::after,
  .customer-order-page .box_chitiet_tt:hover::before {
    display: none !important;
  }

  .customer-order-page .box_chitiet_tt_l,
  .customer-order-page .box_chitiet_tt_r {
    width: auto !important;
    min-width: 0;
  }

  .customer-order-page .box_chitiet_tt_l a,
  .customer-order-page .box_chitiet_tt_l span,
  .customer-order-page .box_chitiet_tt_l b,
  .customer-order-page .box_chitiet_tt_r span,
  .customer-order-page .box_chitiet_tt_r b {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }

  .customer-order-page .box_chitiet_tt_l a {
    font-size: 14px;
  }

  .customer-order-page .box_chitiet_tt_l span,
  .customer-order-page .box_chitiet_tt_l b,
  .customer-order-page .box_chitiet_tt_r span,
  .customer-order-page .box_chitiet_tt_r b {
    font-size: 13px;
  }

  .customer-order-page .box_chitiet_tt_r {
    text-align: right;
  }

  .customer-order-page .order-list-actions {
    position: static !important;
    grid-column: 1 / -1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  .customer-order-page .nutthanhtoan_ct,
  .customer-order-page .nutxoa_ct {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin-top: 2px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.1;
  }

  .customer-order-page .top_header_chitietdonhang_r,
  .customer-order-page .header_chitietdonhang_r,
  .customer-order-page .top_content_chitietdonhang_r > .box_shaw_padding,
  .customer-order-page .wrap_chitietdonhang_r > .box_shaw_padding {
    margin: 0 0 10px;
    padding: 14px !important;
  }

  .customer-order-page .top_header_chitietdonhang_r {
    position: relative;
    display: grid;
    gap: 8px;
  }

  .customer-order-page .ten_top_content b.ten_,
  .customer-order-page .ten_top_content span.ma_ {
    display: block;
    max-width: 100%;
    overflow: hidden;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-order-page .ten_top_content b.ten_ {
    color: #172033;
    font-size: 16px;
    font-weight:600;
  }

  .customer-order-page .ten_top_content span.ma_ {
    color: #667085;
    font-size: 13px;
  }

  .customer-order-page .tens_top_content {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin: 0;
    line-height: 1.25;
  }

  .customer-order-page .tens_top_content span,
  .customer-order-page .tens_top_content b {
    width: auto !important;
    min-width: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.25;
  }

  .customer-order-page .tens_top_content img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    object-fit: cover;
  }

  .customer-order-page .ten_top_content_linhvuc {
    display: grid;
    gap: 7px;
    min-width: 0;
  }

  .customer-order-page .ten_top_content_linhvuc a,
  .customer-order-page .ten_top_content_linhvuc span {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.3;
  }

  .customer-order-page .maginbtot.gap10 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    margin: 0 !important;
  }

  .customer-order-page .dichtu_dhmoi a,
  .customer-order-page .chinhsuahoadon a,
  .customer-order-page .huydonhang,
  .customer-order-page .chu_thongtinthanhtoan,
  .customer-order-page .xemtruoc.btnbut {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    max-width: 100%;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight:600;
    line-height: 1.15 !important;
    text-align: center;
    white-space: normal;
  }

  .customer-order-page .header_chitietdonhang_r {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .customer-order-page .box_header_chitietdonhang_r {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    text-align: left !important;
  }

  .customer-order-page .box_header_chitietdonhang_r b,
  .customer-order-page .box_header_chitietdonhang_r span {
    line-height: 1.25;
  }

  .customer-order-page .box_header_chitietdonhang_r a {
    width: auto !important;
    min-width: 0;
    background: #21a557;
  }

  .customer-order-page .sotu_chitietdonhang {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 !important;
  }

  .customer-order-page .sotu_chitietdonhang_l {
    min-width: 0;
    padding: 10px !important;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background-color: #f8fafc !important;
    background-position: 10px center !important;
    background-size: 28px !important;
    padding-left: 46px !important;
  }

  .customer-order-page .sotu_chitietdonhang_l span,
  .customer-order-page .sotu_chitietdonhang_l b {
    min-width: 0;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .customer-order-page .sotu_chitietdonhang_l span {
    font-size: 12px;
    color: #667085;
  }

  .customer-order-page .sotu_chitietdonhang_l b {
    margin-top: 3px;
    font-size: 15px;
    font-weight:600;
  }

  .customer-order-page .kichhoat1 {
    grid-column: 1 / -1;
  }

  .customer-order-page .ds_files {
    margin: 10px 0 0;
  }

  .customer-order-page .ds_files .danhsachfile b {
    font-size: 15px;
  }

  .customer-order-page .box_ds_files {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 9px 0;
  }

  .customer-order-page .box_ds_files span,
  .customer-order-page .box_ds_files a {
    margin-right: 0;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .customer-order-page .nguoidichtiepnhan,
  .customer-order-page .dangtrongquatrinhdich {
    font-size: 14px;
    line-height: 1.35;
  }

  .customer-order-page .chu_thongtinthanhtoan {
    width: 100%;
    margin-top: 2px;
    background: #111827;
    color: #fff;
  }

  .customer-order-page .kodh {
    min-height: 260px;
    height: 42vh;
    border: 1px dashed #d7dde6;
    border-radius: 8px;
    background-color: #fff;
    background-size: min(45vw, 180px);
  }

  .customer-order-page .chukocodh,
  .customer-order-page .kodh span {
    color: #5f6b7a;
    font-size: 14px;
    line-height: 1.35;
  }

  .customer-order-page .tracking-page {
    max-width: 100%;
    margin-top: 12px;
    padding: 16px;
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  .customer-order-page .right_user_tk {
    padding: 10px 8px 0;
  }

  .customer-order-page .wrap_chitietdonhang {
    grid-template-columns: 1fr;
  }

  .customer-order-page .ul-tabs-dh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-order-page .box_chitiet_trangthai.scroll_menu {
    max-height: none;
    overflow: visible;
  }

  .customer-order-page .wrap_chitietdonhang_r {
    margin-top: 0;
  }

  .customer-order-page .header_chitietdonhang_r,
  .customer-order-page .sotu_chitietdonhang {
    grid-template-columns: 1fr;
  }

  .customer-order-page .box_header_chitietdonhang_r a,
  .customer-order-page .dichtu_dhmoi,
  .customer-order-page .dichtu_dhmoi a,
  .customer-order-page .chinhsuahoadon,
  .customer-order-page .chinhsuahoadon a {
    width: 100% !important;
  }

  .customer-order-page .tens_top_content {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .customer-order-page .tens_top_content span {
    flex: 0 0 auto;
  }

  .customer-order-page .tens_top_content b {
    flex: 1 1 120px;
  }

  .customer-order-page .noidung_xemtruoc,
  .customer-order-page .nhanxetbandich_popup {
    width: 100% !important;
    max-width: calc(100vw - 24px);
  }
}

@media (max-width: 390px) {
  .customer-order-page .box_header_list_user_tk {
    grid-template-columns: 1fr;
  }

  .customer-order-page .box_header_list_user_tk center {
    justify-self: start;
  }

  .customer-order-page .box_chitiet_tt {
    grid-template-columns: 1fr;
  }

  .customer-order-page .box_chitiet_tt_r {
    text-align: left;
  }
}
/* Account templates responsive shell; desktop 1024px and above stays unchanged. */
@media (max-width: 1023px) {
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) {
    display: block !important;
    width: 100%;
    min-width: 0;
    padding: 0 0 74px !important;
    background: #f6f8fc;
    overflow-x: hidden;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) > .taikhoan_left {
    display: none !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) > .taikhoan_right {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title_taikhoan {
    display: block !important;
    padding: 0 !important;
    border: 0;
    background: #fff;
    box-shadow: 0 4px 18px rgba(22, 34, 51, 0.08);
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title_taikhoan .computer {
    display: none !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .mokr-account-mobile-header {
    display: flex !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .taikhoan_right > .d-flex {
    display: block !important;
    width: 100%;
    min-width: 0;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .list_user_tk {
    display: none !important;
    width: 100% !important;
    margin: 10px 0 0;
    padding: 0 !important;
    background: transparent;
    overflow: hidden;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 0 12px 10px;
    border-bottom: 1px solid #d7dde6;
    text-align: left;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk a.xemchitiet_chinhsach1 {
    justify-self: start;
    max-width: 100%;
    margin: 0;
    padding: 8px 18px;
    font-size: 15px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk center {
    justify-self: end;
    width: auto;
    min-width: 96px;
    text-align: right;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk .animate-border {
    display: inline-block;
    width: 96px;
    margin: 0;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk b,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk > span {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #172033;
    text-align: left;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk b {
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.25;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .ngonngu_user {
    grid-column: 1 / -1;
    width: 100%;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .ngonngu_user select {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    margin: 2px 0 0;
    padding: 6px 10px;
    border: 1px solid #d8e0eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: none !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .load_list_user_tk {
    display: flex !important;
    height: auto !important;
    max-height: none;
    gap: 10px;
    padding: 12px 12px 6px;
    background: transparent !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk {
    flex: 0 0 min(230px, 70vw);
    min-width: min(230px, 70vw);
    padding: 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.08);
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk img {
    grid-row: 1 / 3;
    width: 44px;
    height: 44px;
    margin: 0;
    object-fit: cover;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk b,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk span {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_hoadon,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_info_dichgia,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_trangnha {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 12px 0;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .header_user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt12,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt_info,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap-user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .border_user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .motatrangnhadichgia,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_content_thongbao,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_shaw_padding,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thanhtoan_goidichvu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .bieudo_item,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thongtinkhachhang_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thongtindonhang_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chonhinhthucthanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .motathanhtoan {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.07);
    overflow: hidden;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt.bordernone,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt_info,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt12 {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tk,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tt,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chuthongtin_kh {
    display: block;
    margin: 0 0 10px;
    color: #172033;
    font-size: 18px;
    font-weight:600;
    line-height: 1.25;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tk span,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tt span {
    display: block;
    font-size: inherit;
    line-height: inherit;
    overflow-wrap: anywhere;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .form-user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .form-user1,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .validation-user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) form {
    max-width: 100%;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-group1,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .form-group,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .form-group1,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-cart {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-group11,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chitiet_dichtu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .full_thanhtoans_1,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .d-flex-dv,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap-trangnha,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thongtindonhang,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thanhtoans {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    width: 100%;
    min-width: 0;
    align-items: stretch !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-group11 select,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-group11 input {
    width: 100% !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) select,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) textarea,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .form-control,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .custom-select,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .taptin-select {
    width: 100% !important;
    max-width: 100%;
    min-height: 40px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.25;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) textarea {
    min-height: 110px;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) input[type="submit"],
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) input[type="button"],
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) button,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .btn,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .bgnutden,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .button_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .dichtu_dhmoi a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chinhsuahoadon a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .achitiet,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chu_taodonhang {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    max-width: 100%;
    padding: 8px 8px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight:600;
    line-height: 1.15 !important;
    text-align: center;
    white-space: normal;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .img_user {
    width: 100%;
    margin: 0 0 14px;
    text-align: center;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .img_user img {
    width: 96px !important;
    height: 96px !important;
    object-fit: cover;
    border-radius: 50%;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .img_user .custom-file-label::after {
    left: 0 !important;
    width: 100% !important;
    max-width: 180px;
    margin: 8px auto 0;
    border-radius: 8px;
    font-size: 14px !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .radio-user {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin: 0 10px 8px 0;
    line-height: 1.25;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .radio-user label,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .radio-user span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .top_taptin,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thanhtoan_a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title_taikhoan_right_topw ul,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header_id {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thanhtoan_a a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title_taikhoan_right_topw li,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header_id a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .search_taptin {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin-bottom: 12px;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap-taptin,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .table-responsive,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .table100,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .table_dh,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .overflow_auto {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) table {
    width: max-content;
    min-width: 100%;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_wrap_taptin {
    min-width: 720px;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thongtindonhang_left,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thongtindonhang_right,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chonhinhthucthanhtoan_l,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chonhinhthucthanhtoan_r,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .bieudo_left,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .bieudo_right,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thanhtoan_goidichvu > *,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dichtu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dh {
    width: 100% !important;
    min-width: 0;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dh,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dichtu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_ds_files {
    display: grid;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
    gap: 6px;
    padding: 8px 0;
    border-bottom: 1px solid #eef2f7;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dh b,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dh span,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dichtu b,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dichtu span,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .motathanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_content_thongbao,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .paging-tinnhan-khachhang {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .full_thanhtoans_1 input,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .full_thanhtoans_1 a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .full_thanhtoans_1 > div {
    width: 100% !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .ul_bieudo_item {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .ul_bieudo_item li {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #f8fafc;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .donhang_order {
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
  }

  .account-payment-history-page .header_user {
    overflow: visible !important;
  }

  .account-payment-history-page .top_taptin {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    overflow: visible !important;
  }

  .account-payment-history-page .link_tk_header {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 5px !important;
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    background: #f8fafc !important;
    overflow: visible !important;
  }

  .account-payment-history-page .link_tk_header a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 1 auto;
    min-height: 30px;
    min-width: 0;
    margin: 0 !important;
    padding: 5px 8px !important;
    border-radius: 8px;
    font-size: 12px !important;
    line-height: 1.2;
    white-space: nowrap;
  }

  .account-payment-history-page .link_tk_header a.act {
    background: #fff;
    box-shadow: 0 2px 8px rgba(22, 34, 51, 0.08);
  }

  .account-payment-history-page .link_tk_header a i {
    margin: 0 !important;
    font-size: 15px !important;
  }

  .account-payment-history-page .timkiem_header_dg {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
  }

  .account-payment-history-page .l_dflex,
  .account-payment-history-page .r_dflex {
    width: auto !important;
    min-width: 0;
  }

  .account-payment-history-page .l_dflex span {
    display: block;
    color: #172033;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
  }

  .account-payment-history-page .nam_thongke {
    width: 132px !important;
    max-width: 100%;
    min-height: 36px;
    padding: 6px 9px !important;
    border-radius: 8px;
    font-size: 13px;
  }

  .account-payment-history-page .wrap_tt {
    overflow: visible !important;
  }

  .account-payment-history-page .wrap-taptin {
    overflow: visible !important;
  }

  .account-payment-history-page .payment-history-table {
    display: grid;
    gap: 0;
    padding: 2px 0;
  }

  .account-payment-history-page .payment-history-head,
  .account-payment-history-page .thongke_lichsu_thanhtoan_kh {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .account-payment-history-page .box_wrap_thanhtoan,
  .account-payment-history-page .box_thongke_lichsu_thanhtoan > .d-flex,
  .account-payment-history-page .tongso_kh {
    display: grid !important;
    grid-template-columns: minmax(62px, 1fr) minmax(42px, 0.62fr) minmax(66px, 0.82fr) minmax(70px, 0.9fr) minmax(34px, 0.42fr);
    gap: 6px;
    align-items: center;
    width: 100% !important;
    min-width: 0 !important;
  }

  .account-payment-history-page .thanhtoan2_ls {
    width: auto !important;
    min-width: 0;
  }

  .account-payment-history-page .thanhtoan2_ls b,
  .account-payment-history-page .thanhtoan2_ls span,
  .account-payment-history-page .thanhtoan2_ls a {
    padding-top: 0 !important;
    font-size: 13px !important;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .account-payment-history-page .thanhtoan2_ls b {
    font-weight: 700;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan {
    min-height: 38px;
    padding: 9px 0;
  }

  .account-payment-history-page .payment-history-total {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 10px 0 !important;
    border-top: 1px solid #e4eaf3;
    background: #fff;
    box-shadow: 0 -8px 16px rgba(22, 34, 51, 0.06);
  }

  .account-payment-history-page .chitiet_lichsu_thanhtoan {
    text-align: center !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .top_taptin {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    overflow: visible !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header a {
    flex: 0 1 auto;
    min-width: 0;
    margin: 0 !important;
    white-space: nowrap;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .timkiem_header_dg {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    overflow: visible !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .wrap-taptin,
  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .overflow_auto {
    overflow-x: hidden !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .paging-tinnhan-khachhang {
    min-height: 220px;
    border: 1px dashed #d7dde6;
    border-radius: 8px;
    background: #fff;
  }
}

@media (max-width: 767px) {
  .mokr-payment-detail-popup {
    box-sizing: border-box;
    width: min(420px, calc(100vw - 28px));
    max-width: 100%;
    max-height: calc(100vh - 70px);
    overflow: hidden;
    background: #fff;
  }

  .mokr-payment-detail-popup .header_full_lichsua_donhang {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 12px 44px 10px 12px;
    border-bottom: 1px solid #e4eaf3;
    background: #fff;
  }

  .mokr-payment-detail-popup .header_full_lichsua_donhang > span {
    display: block;
    min-width: 0;
    color: #172033;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
  }

  .mokr-payment-detail-popup .thangdoisoat {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap !important;
    gap: 6px;
    width: 100%;
  }

  .mokr-payment-detail-popup .thangdoisoat b {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    color: #172033;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mokr-payment-detail-popup .xuatdonhang {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
    text-align: right;
  }

  .mokr-payment-detail-popup .xuatdonhang_a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto !important;
    margin: 0 !important;
    min-height: 32px;
    padding: 6px 10px !important;
    border-radius: 999px;
    background: #eef2f7;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-body {
    max-height: calc(100vh - 150px);
    padding: 10px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .mokr-payment-detail-popup .w300,
  .mokr-payment-detail-popup .mokr-payment-detail-head,
  .mokr-payment-detail-popup .mokr-payment-detail-list,
  .mokr-payment-detail-popup .mokr-payment-detail-total {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-head {
    display: none !important;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    height: auto !important;
    max-height: none !important;
    padding: 0;
    overflow: visible !important;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-list > * {
    flex: initial !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .mokr-payment-detail-popup .box_wrap_thanhtoan_s {
    border: 1px solid #e3eaf4;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3 {
    display: grid;
    align-content: start;
    gap: 4px;
    width: auto !important;
    min-width: 0;
    min-height: 50px;
    padding: 8px 10px;
    border-top: 1px solid #edf2f7;
    color: #172033;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3::before {
    content: attr(data-label);
    color: #718096;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3:nth-child(1),
  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3:nth-child(2) {
    grid-column: 1 / -1;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3:nth-child(1) {
    border-top: 0;
    background: #f8fafc;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3:nth-child(4) {
    border-left: 1px solid #edf2f7;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3 span,
  .mokr-payment-detail-popup .mokr-payment-detail-row .thanhtoan3 a {
    display: block;
    padding-top: 0 !important;
    text-align: left;
    font-size: 13px !important;
    line-height: 1.25;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .ten_tt {
    color: #005fd4;
    font-weight: 600;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .chua1thanhtoan {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 0 3px;
    color: #172033;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-row .chua1thanhtoan img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
  }

  .mokr-payment-detail-popup .trichdan_congchung_ct {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    border-top: 1px solid #edf2f7;
  }

  .mokr-payment-detail-popup .trichdan_congchung_box_ct {
    padding: 8px 10px;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-total {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    margin-top: 10px;
    padding: 0 !important;
    border-radius: 8px;
    background: #222;
    overflow: hidden !important;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-total > span,
  .mokr-payment-detail-popup .mokr-payment-detail-total .divspan {
    width: auto !important;
    padding: 10px;
    color: #fff;
  }

  .mokr-payment-detail-popup .mokr-payment-detail-total .divspan i {
    display: block;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_hoadon,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_info_dichgia,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk_trangnha {
    padding: 10px 8px 0;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .input-group11,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chitiet_dichtu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .full_thanhtoans_1,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .d-flex-dv,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap-trangnha,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thongtindonhang,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_thanhtoans,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .search_taptin,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dh,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_chitiet_dichtu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_ds_files {
    grid-template-columns: 1fr;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk center {
    justify-self: start;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_header_list_user_tk .animate-border {
    width: 120px;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .header_user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt12,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt_info,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .wrap-user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .border_user,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_shaw_padding,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thanhtoan_goidichvu,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .bieudo_item,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thongtinkhachhang_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .thongtindonhang_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chonhinhthucthanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .motathanhtoan {
    padding: 12px !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) input[type="submit"],
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) input[type="button"],
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) button,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .btn,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .button_thanhtoan,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .dichtu_dhmoi a,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chinhsuahoadon a {
    width: 100% !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .header_user,
  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt {
    padding: 10px !important;
  }

  .account-payment-history-page .timkiem_header_dg,
  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .timkiem_header_dg {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .account-payment-history-page .r_dflex {
    text-align: left !important;
  }

  .account-payment-history-page .nam_thongke {
    width: 132px !important;
    max-width: 132px;
  }

  .account-payment-history-page .payment-history-head {
    display: none !important;
  }

  .account-payment-history-page .payment-history-table {
    gap: 8px;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan {
    padding: 0;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 8px;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan > .d-flex,
  .account-payment-history-page .tongso_kh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0 !important;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls,
  .account-payment-history-page .tongso_kh .thanhtoan2_ls {
    display: grid;
    align-content: center;
    gap: 3px;
    min-height: 48px;
    padding: 8px 10px;
    border-top: 1px solid #edf2f7;
    background: #fff;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls::before,
  .account-payment-history-page .tongso_kh .thanhtoan2_ls::before {
    content: attr(data-label);
    color: #748194;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.15;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls:nth-child(-n + 2),
  .account-payment-history-page .tongso_kh .thanhtoan2_ls:nth-child(-n + 2) {
    border-top: 0;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls:nth-child(even),
  .account-payment-history-page .tongso_kh .thanhtoan2_ls:nth-child(even),
  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls:nth-child(4),
  .account-payment-history-page .tongso_kh .thanhtoan2_ls:nth-child(4) {
    border-left: 1px solid #edf2f7;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls:nth-child(5),
  .account-payment-history-page .tongso_kh .thanhtoan2_ls:nth-child(5) {
    grid-column: auto;
    min-height: 48px;
    border-top: 1px solid #edf2f7;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls:nth-child(5):empty,
  .account-payment-history-page .tongso_kh .thanhtoan2_ls:nth-child(5):empty {
    display: none;
  }

  .account-payment-history-page .thanhtoan2_ls b,
  .account-payment-history-page .thanhtoan2_ls span,
  .account-payment-history-page .thanhtoan2_ls a {
    font-size: 13px !important;
    line-height: 1.2;
  }

  .account-payment-history-page .chitiet_lichsu_thanhtoan {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    border: 1px solid #dce5f2;
    border-radius: 8px;
    background: #f8fbff;
  }

  .account-payment-history-page .chitiet_lichsu_thanhtoan:not([href]) {
    opacity: 0.4;
    pointer-events: none;
  }

  .account-payment-history-page .payment-history-total {
    position: static;
    border: 1px solid #d9e4f2;
    border-radius: 8px;
    box-shadow: none;
    margin-top: 10px;
    background: #f9fbff;
  }
}

@media (max-width: 390px) {
  .account-payment-history-page .right_user_tk {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .account-payment-history-page .wrap_tt {
    padding: 10px !important;
  }

  .account-payment-history-page .box_wrap_thanhtoan,
  .account-payment-history-page .box_thongke_lichsu_thanhtoan > .d-flex,
  .account-payment-history-page .tongso_kh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .account-payment-history-page .box_thongke_lichsu_thanhtoan .thanhtoan2_ls,
  .account-payment-history-page .tongso_kh .thanhtoan2_ls {
    min-height: 46px;
    padding: 7px 8px;
  }

  .account-payment-history-page .thanhtoan2_ls b,
  .account-payment-history-page .thanhtoan2_ls span,
  .account-payment-history-page .thanhtoan2_ls a {
    font-size: 12px !important;
  }

  .account-payment-history-page .link_tk_header a {
    padding: 5px 7px !important;
    font-size: 12px !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .link_tk_header a {
    flex: 0 1 auto;
    min-width: 0;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .right_user_tk {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .account-responsive-page.account-payment-history-page:not(.customer-home-page):not(.customer-order-page) .wrap_tt {
    padding: 10px !important;
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .box_list_user_tk {
    flex-basis: min(220px, 78vw);
    min-width: min(220px, 78vw);
  }

  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tk,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .title-user_tt,
  .account-responsive-page:not(.customer-home-page):not(.customer-order-page) .chuthongtin_kh {
    font-size: 16px;
  }
}
/* Account public/checkout templates responsive; desktop 1024px and above stays unchanged. */
@media (max-width: 1023px) {
  .account-public-page,
  .account-public-page * {
    box-sizing: border-box;
  }

  .wrap-dangnhap.account-public-page {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: 16px;
    width: 100%;
    max-width: 100%;
    padding: 14px;
    background: #f6f8fc;
  }

  .wrap-dangnhap.account-public-page .dn_left,
  .wrap-dangnhap.account-public-page .dn_right {
    width: 100% !important;
    min-width: 0;
  }

  .wrap-dangnhap.account-public-page .mota_dn,
  .wrap-dangnhap.account-public-page .boxdichvu_list,
  .wrap-dangnhap.account-public-page .form-user,
  .wrap-user.account-public-page,
  .wrap-user-qmk.account-public-page {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto 12px !important;
    padding: 14px !important;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.07);
    overflow: hidden;
  }

  .wrap-user.account-public-page,
  .wrap-user-qmk.account-public-page {
    max-width: min(620px, calc(100vw - 24px));
  }

  .wrap-dangnhap.account-public-page .auto_slide_dnkh,
  .wrap-dangnhap.account-public-page .owl-stage-outer,
  .wrap-dangnhap.account-public-page .owl-item,
  .wrap-dangnhap.account-public-page .item_auto_slide_dnkh {
    max-width: 100%;
    min-width: 0;
  }

  .wrap-dangnhap.account-public-page .item_auto_slide_dnkh {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
  }

  .wrap-dangnhap.account-public-page .item_auto_slide_dnkh img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wrap-dangnhap.account-public-page .mt_dn span,
  .wrap-user.account-public-page .title-user span,
  .wrap-user-qmk.account-public-page .title-user span {
    display: block;
    color: #172033;
    font-size: 20px;
    font-weight:600;
    line-height: 1.25;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .wrap-dangnhap.account-public-page .input-user,
  .wrap-user.account-public-page .input-user,
  .wrap-user-qmk.account-public-page .input-user,
  .wrap-user.account-public-page .input-group1,
  .wrap-user-qmk.account-public-page .input-group1 {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .wrap-dangnhap.account-public-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .wrap-user.account-public-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .wrap-user-qmk.account-public-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .wrap-dangnhap.account-public-page select,
  .wrap-user.account-public-page select,
  .wrap-user-qmk.account-public-page select,
  .wrap-user.account-public-page textarea,
  .wrap-user-qmk.account-public-page textarea {
    width: 100% !important;
    max-width: 100%;
    min-height: 42px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.25;
  }

  .wrap-dangnhap.account-public-page input[type="submit"],
  .wrap-user.account-public-page input[type="submit"],
  .wrap-user-qmk.account-public-page input[type="submit"],
  .wrap-dangnhap.account-public-page .dn_nguoidich,
  .wrap-user.account-public-page .button-dk a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 42px;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight:600;
    line-height: 1.15 !important;
    text-align: center;
    white-space: normal;
  }

  .trichdan.account-public-page {
    width: 100%;
    max-width: 100%;
    padding: 0 0 74px;
    background: #f6f8fc;
    overflow-x: hidden;
  }

  .trichdan.account-public-page .fixwidth {
    width: 100% !important;
    max-width: 100%;
    padding: 14px !important;
  }

  .trichdan.account-public-page .title_trichdan {
    width: 100%;
    margin: 0 0 12px;
    padding: 14px;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.07);
    text-align: left;
  }

  .trichdan.account-public-page .title_trichdan b,
  .trichdan.account-public-page .title_trichdan span {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.3;
  }

  .trichdan.account-public-page .title_trichdan b {
    color: #172033;
    font-size: 20px;
    font-weight:600;
  }

  .trichdan.account-public-page .title_trichdan span {
    margin-top: 6px;
    color: #5f6b7a;
    font-size: 14px;
  }

  .trichdan.account-public-page .content_trichdan,
  .trichdan.account-public-page .content_trichdan1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
  }

  .trichdan.account-public-page .trichdan_left,
  .trichdan.account-public-page .trichdan_left1,
  .trichdan.account-public-page .trichdan_right,
  .trichdan.account-public-page .content_trichdan_left,
  .trichdan.account-public-page .dangnhap_trichdan_right,
  .trichdan.account-public-page .maxwidth50 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
  }

  .trichdan.account-public-page .content_trichdan_left,
  .trichdan.account-public-page .banmuon_trichdan_right,
  .trichdan.account-public-page .dangnhap_trichdan_right,
  .trichdan.account-public-page .box_wrap_trichdan_nd,
  .trichdan.account-public-page .thongtindonhang_moi,
  .trichdan.account-public-page .tongcong_trichdan,
  .trichdan.account-public-page .form-user,
  .trichdan.account-public-page .form-user_thanhtoan {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #e1e7f0;
    border-radius: 8px;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(22, 34, 51, 0.07) !important;
    overflow: hidden;
  }

  .trichdan.account-public-page .box_thongtindonhang_moi,
  .trichdan.account-public-page .title_thongtindonhang_moi,
  .trichdan.account-public-page .tongcong_trichdan_c,
  .trichdan.account-public-page .trichdan_congchung,
  .trichdan.account-public-page .gia_donhang_phobien {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  .trichdan.account-public-page .gia_donhang_phobien1,
  .trichdan.account-public-page .trichdan_congchung_box,
  .trichdan.account-public-page .tongcong_trichdan_r,
  .trichdan.account-public-page .tongcong_trichdan_l {
    width: 100% !important;
    min-width: 0;
  }

  .trichdan.account-public-page .for_wrap_trichdan,
  .trichdan.account-public-page .table100,
  .trichdan.account-public-page .table1001 {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .trichdan.account-public-page .box_wrap_trichdan_left,
  .trichdan.account-public-page .table100 table,
  .trichdan.account-public-page .table1001 table {
    width: max-content !important;
    min-width: min(720px, calc(100vw - 24px));
  }

  .trichdan.account-public-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .trichdan.account-public-page select,
  .trichdan.account-public-page textarea,
  .trichdan.account-public-page .form-control,
  .trichdan.account-public-page .custom-select {
    width: 100% !important;
    max-width: 100%;
    min-height: 42px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.25;
  }

  .trichdan.account-public-page input[type="submit"],
  .trichdan.account-public-page button,
  .trichdan.account-public-page .btn,
  .trichdan.account-public-page .bgnutden,
  .trichdan.account-public-page .trolai_donhang {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    max-width: 100%;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight:600;
    line-height: 1.15 !important;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .wrap-dangnhap.account-public-page,
  .trichdan.account-public-page .content_trichdan,
  .trichdan.account-public-page .content_trichdan1,
  .trichdan.account-public-page .box_thongtindonhang_moi,
  .trichdan.account-public-page .title_thongtindonhang_moi,
  .trichdan.account-public-page .tongcong_trichdan_c,
  .trichdan.account-public-page .trichdan_congchung,
  .trichdan.account-public-page .gia_donhang_phobien {
    grid-template-columns: 1fr;
  }

  .wrap-dangnhap.account-public-page,
  .trichdan.account-public-page .fixwidth {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .trichdan.account-public-page .content_trichdan_left,
  .trichdan.account-public-page .banmuon_trichdan_right,
  .trichdan.account-public-page .dangnhap_trichdan_right,
  .trichdan.account-public-page .box_wrap_trichdan_nd,
  .trichdan.account-public-page .thongtindonhang_moi,
  .trichdan.account-public-page .tongcong_trichdan,
  .trichdan.account-public-page .form-user,
  .trichdan.account-public-page .form-user_thanhtoan,
  .wrap-user.account-public-page,
  .wrap-user-qmk.account-public-page,
  .wrap-dangnhap.account-public-page .form-user {
    padding: 12px !important;
  }

  .trichdan.account-public-page input[type="submit"],
  .trichdan.account-public-page button,
  .trichdan.account-public-page .btn,
  .trichdan.account-public-page .bgnutden,
  .trichdan.account-public-page .trolai_donhang {
    width: 100% !important;
  }
  .card_gt{
    border:none;
  }
}

@media (max-width: 1023px) {
  .wrap-taikhoan .mokr-account-mobile-header.fix_menu_m {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    padding: 8px !important;
    gap: 5px !important;
  }

  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh {
    display: flex !important;
    align-items: center;
    flex: 1 1 88px !important;
    min-width: 74px !important;
    max-width: 104px !important;
    height: 34px !important;
    overflow: hidden;
  }

  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh a {
    display: flex !important;
    align-items: center;
    width: 100%;
    max-width: 104px !important;
    height: 34px !important;
    overflow: hidden;
  }

  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh img {
    display: block !important;
    width: auto !important;
    max-width: 104px !important;
    max-height: 22px !important;
    margin: 0 !important;
    object-fit: contain;
    object-position: left center;
  }

  .wrap-taikhoan .mokr-account-mobile-header .menu_m_kh,
  .wrap-taikhoan .mokr-account-mobile-actions,
  .wrap-taikhoan .mokr-account-mobile-action-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    height: 34px !important;
    min-height: 34px !important;
    gap: 4px !important;
    line-height: 1;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chu_taodonhang {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 68px !important;
    max-width: 100px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chuongtb,
  .wrap-taikhoan .mokr-account-mobile-actions .mokr-mobile-lang-switch,
  .wrap-taikhoan .mokr-account-mobile-actions .aa_menu,
  .wrap-taikhoan .mokr-account-mobile-header .translator-menu-open {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chuongtb {
    overflow: visible !important;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chuongtb span {
    top: -7px !important;
    right: -5px !important;
    z-index: 2;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9px !important;
    line-height: 16px !important;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chuongtb img,
  .wrap-taikhoan .mokr-account-mobile-actions .mokr-mobile-lang-switch img,
  .wrap-taikhoan .mokr-account-mobile-actions .aa_menu img {
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: cover;
  }

  .wrap-taikhoan .mokr-account-mobile-header .translator-menu-open i {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
  }
}

@media (max-width: 380px) {
  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh {
    min-width: 66px !important;
    max-width: 92px !important;
  }

  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh a,
  .wrap-taikhoan .mokr-account-mobile-header .logo_m_kh img {
    max-width: 92px !important;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chu_taodonhang {
    min-width: 62px !important;
    max-width: 68px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
  }

  .wrap-taikhoan .mokr-account-mobile-actions .chuongtb,
  .wrap-taikhoan .mokr-account-mobile-actions .mokr-mobile-lang-switch,
  .wrap-taikhoan .mokr-account-mobile-actions .aa_menu,
  .wrap-taikhoan .mokr-account-mobile-header .translator-menu-open {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
}