/* TT_MOBILE_GOODS_FINAL_V1 */
/* Mobile chuẩn cho Hàng hóa: không còn desktop 2 cột đè nhau */

@media (max-width:899px){

  html,
  body,
  #app,
  .app,
  main.page,
  .page{
    max-width:100vw!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  html body #app #ttGoodsV33{
    width:calc(100vw - 6px)!important;
    max-width:calc(100vw - 6px)!important;
    min-width:0!important;
    margin-left:calc(50% - 50vw + 3px)!important;
    margin-right:0!important;
    padding:10px 0 112px!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  html body #app #ttGoodsV33 *,
  html body #app #ttGoodsV33 *::before,
  html body #app #ttGoodsV33 *::after{
    box-sizing:border-box!important;
  }

  html body #app #ttGoodsV33.goods-force-ready-v2 .goods-force-one-row-v2,
  html body #app #ttGoodsV33 .goods-force-one-row-v2,
  html body #app #ttGoodsV33 .goods33-kv-headrow{
    display:contents!important;
  }

  html body #app #ttGoodsV33 .goods33-head{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-tabs{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:0 6px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html body #app #ttGoodsV33 .goods33-tabs button{
    flex:0 0 auto!important;
    min-width:155px!important;
    height:48px!important;
    padding:0 14px!important;
    border-radius:15px!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  html body #app #ttGoodsV33 .goods33-tabs button[data-goods33-view="create"]{
    min-width:155px!important;
  }

  html body #app #ttGoodsV33 .goods33-body{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body #app #ttGoodsV33 .goods33-filter,
  html body #app #ttGoodsV33 .goods33-main,
  html body #app #ttGoodsV33 .goods33-table,
  html body #app #ttGoodsV33 .goods33-pager{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    overflow:visible!important;
  }

  html body #app #ttGoodsV33 .goods33-filter{
    margin:0 0 12px!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8e4f0!important;
    box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
  }

  html body #app #ttGoodsV33 .goods33-filter h3{
    font-size:22px!important;
    line-height:1.1!important;
    margin:0 0 12px!important;
  }

  html body #app #ttGoodsV33 .goods33-filter label{
    display:block!important;
    margin:10px 0 6px!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  html body #app #ttGoodsV33 .goods33-filter input,
  html body #app #ttGoodsV33 .goods33-filter select,
  html body #app #ttGoodsV33 .goods33-filter button{
    width:100%!important;
    max-width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }

  html body #app #ttGoodsV33 .goods33-filter-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
  }

  html body #app #ttGoodsV33 .goods33-filter-title-row button{
    width:auto!important;
    min-width:96px!important;
    height:38px!important;
    min-height:38px!important;
    color:#0b86f7!important;
    background:transparent!important;
    border:0!important;
  }

  /* Toolbar chỉ hiện ở Danh sách hàng hóa */
  html body #app #ttGoodsV33 .goods33-toolbar{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 120px!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:0 6px!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33.goods33-view-price .goods33-toolbar,
  html body #app #ttGoodsV33.goods33-view-create .goods33-toolbar,
  html body #app #ttGoodsV33.goods33-view-check .goods33-toolbar{
    display:none!important;
  }

  html body #app #ttGoodsV33.goods33-view-price .goods33-filter,
  html body #app #ttGoodsV33.goods33-view-create .goods33-filter{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-search{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-search input{
    width:100%!important;
    height:48px!important;
    min-width:0!important;
    padding-left:38px!important;
  }

  html body #app #ttGoodsV33 .goods33-toolbar button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-toolbar .goods33-icon,
  html body #app #ttGoodsV33 .goods33-toolbar button[title*="Thiết lập"],
  html body #app #ttGoodsV33 .goods33-toolbar button[title*="cột"],
  html body #app #ttGoodsV33 .goods33-toolbar button[title*="Cột"]{
    display:none!important;
  }

  /* Danh sách hàng hóa: bỏ bảng desktop, thành card dọc */
  html body #app #ttGoodsV33 .goods33-table-head.list{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 9px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8e4f0!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 82px!important;
    grid-template-areas:
      "img name price"
      "img stock stock"!important;
    gap:6px 9px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(1),
  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(2),
  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(6),
  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(8),
  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(9),
  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(10){
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(3){
    grid-area:img!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-code-thumb,
  html body #app #ttGoodsV33 .tt-product-photo{
    width:56px!important;
    height:56px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-code-thumb img,
  html body #app #ttGoodsV33 .goods33-code-thumb,
  html body #app #ttGoodsV33 .tt-product-photo img{
    object-fit:cover!important;
  }

  html body #app #ttGoodsV33 .goods33-code-text,
  html body #app #ttGoodsV33 .tt-code-text{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(4){
    grid-area:name!important;
    min-width:0!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(4) b{
    display:block!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(4) em{
    display:block!important;
    font-size:12px!important;
    color:#64748b!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(5){
    grid-area:price!important;
    text-align:right!important;
    font-size:14px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(7){
    grid-area:stock!important;
    font-size:12px!important;
    color:#475569!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(7)::before{
    content:"Tồn kho: ";
    font-weight:800!important;
    color:#64748b!important;
  }

  html body #app #ttGoodsV33 .goods33-detail-card{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  /* Thiết lập giá */
  html body #app #ttGoodsV33 .goods33-price-card,
  html body #app #ttGoodsV33 .goods33-create-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-top,
  html body #app #ttGoodsV33 .goods33-price-card-top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-tabs button{
    flex:1 1 calc(50% - 8px)!important;
    min-width:130px!important;
    height:44px!important;
    border-radius:13px!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-head,
  html body #app #ttGoodsV33 .goods33-group-discount-head,
  html body #app #ttGoodsV33 .goods33-customer-discount-head{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-row,
  html body #app #ttGoodsV33 .goods33-group-discount-row,
  html body #app #ttGoodsV33 .goods33-customer-discount-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    padding:12px!important;
    margin:0 0 8px!important;
    border-radius:14px!important;
    border:1px solid #d8e4f0!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-price-card-row span,
  html body #app #ttGoodsV33 .goods33-group-discount-row span,
  html body #app #ttGoodsV33 .goods33-customer-discount-row span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Kiểm kho */
  html body #app #ttGoodsV33 .goods33-check-toolbar-v2{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8e4f0!important;
  }

  html body #app #ttGoodsV33 .goods33-check-actions-v2{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  html body #app #ttGoodsV33 .goods33-check-actions-v2 button{
    width:100%!important;
    height:44px!important;
    border-radius:13px!important;
  }

  html body #app #ttGoodsV33 .goods33-stocktake-list-v2{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body #app #ttGoodsV33 .goods33-stocktake-head-v2{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-stocktake-row-v2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    padding:12px!important;
    border-radius:16px!important;
    border:1px solid #d8e4f0!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  html body #app #ttGoodsV33 .goods33-stocktake-row-v2 span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app #ttGoodsV33 .goods33-stocktake-row-v2 span:nth-child(1),
  html body #app #ttGoodsV33 .goods33-stocktake-row-v2 span:nth-child(2){
    display:none!important;
  }

  /* Tạo sản phẩm */
  html body #app #ttGoodsV33.goods33-view-create .goods33-table{
    width:100%!important;
    max-width:100%!important;
  }

  html body #app #ttGoodsV33 .goods33-create-grid,
  html body #app #ttGoodsV33 .goods33-edit-grid,
  html body #app #ttGoodsV33 .goods33-price-info-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  html body #app #ttGoodsV33 .goods33-create-card input,
  html body #app #ttGoodsV33 .goods33-create-card select,
  html body #app #ttGoodsV33 .goods33-create-card button,
  html body #app #ttGoodsV33 .goods33-price-card input,
  html body #app #ttGoodsV33 .goods33-price-card select,
  html body #app #ttGoodsV33 .goods33-price-card button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  html body #app #ttGoodsV33 .goods33-detail-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  html body #app #ttGoodsV33 .goods33-detail-actions span{
    display:none!important;
  }

  html body #app #ttGoodsV33 .goods33-pager{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    align-items:center!important;
    padding:10px 6px!important;
  }

  html body #app #ttGoodsV33 .goods33-pager select,
  html body #app #ttGoodsV33 .goods33-pager button{
    height:38px!important;
    border-radius:12px!important;
  }
}

/* TT_MOBILE_GOODS_TABS_2X2_FINAL_V2 */
@media (max-width:899px){

  html body #app #ttGoodsV33{
    padding-top:8px!important;
  }

  /* Tab Hàng hóa: 2 hàng x 2 nút, không cắt chữ, không kéo ngang */
  html body #app #ttGoodsV33 .goods33-tabs{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:0 6px!important;
    overflow:visible!important;
  }

  html body #app #ttGoodsV33 .goods33-tabs button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    padding:0 8px!important;
    border-radius:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  html body #app #ttGoodsV33 .goods33-tabs button[data-goods33-view="create"]{
    min-width:0!important;
  }

  /* Card nội dung phía dưới sát, full, không lòi mép */
  html body #app #ttGoodsV33 .goods33-filter,
  html body #app #ttGoodsV33 .goods33-price-card,
  html body #app #ttGoodsV33 .goods33-create-card,
  html body #app #ttGoodsV33 .goods33-check-toolbar-v2{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Danh sách hàng hóa compact thêm chút cho đỡ dài */
  html body #app #ttGoodsV33 .goods33-row.list{
    min-height:76px!important;
    padding:9px 10px!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(4) b{
    font-size:14px!important;
  }

  html body #app #ttGoodsV33 .goods33-row.list > span:nth-child(5){
    font-size:14px!important;
  }

  /* Thiết lập giá: card dòng sản phẩm gọn hơn */
  html body #app #ttGoodsV33 .goods33-price-card-row{
    padding:10px!important;
  }

  /* Kiểm kho: nếu chưa có phiếu thì không để khoảng trắng quá nặng */
  html body #app #ttGoodsV33.goods33-view-check .goods33-main{
    min-height:0!important;
  }

  /* Form tạo sản phẩm: không sát đáy menu */
  html body #app #ttGoodsV33.goods33-view-create{
    padding-bottom:130px!important;
  }
}

/* TT_MOBILE_STOCKTAKE_CHECK_CLEAN_V1 */
@media (max-width:899px){

  html body #ttGoodsV33.goods33-check-mode{
    padding-top:8px!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-body{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:10px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-filter,
  html body #ttGoodsV33.goods33-check-mode .goods33-main,
  html body #ttGoodsV33.goods33-check-mode .goods33-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 10px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-filter{
    padding:14px!important;
  }

  /* bỏ khối toolbar cũ gây khoảng trắng trên */
  html body #ttGoodsV33.goods33-check-mode .goods33-toolbar,
  html body #ttGoodsV33.goods33-check-mode .goods33-pager,
  html body #ttGoodsV33.goods33-check-mode .goods33-export-menu-v2,
  html body #ttGoodsV33.goods33-check-mode .goods33-column-menu-v2,
  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2 .goods33-icon{
    display:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2{
    display:block!important;
    margin:0 0 10px!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2 h2{
    margin:0 0 10px!important;
    font-size:19px!important;
    line-height:1.15!important;
  }

  /* action bar mobile: 2 nút ngang đều */
  html body #ttGoodsV33.goods33-check-mode .goods33-check-actions-v2{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-actions-v2 button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0 10px!important;
    border-radius:16px!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-list-v2{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-head-v2{
    display:none!important;
  }

  /* card phiếu kiểm kho mobile gọn */
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px 12px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 12px!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    border-radius:18px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* bỏ các ô rác/ít giá trị trên mobile */
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(1),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(2),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(9),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(10){
    display:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span{
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:14px!important;
    line-height:1.35!important;
    color:#334155!important;
    background:transparent!important;
    border:0!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(3){
    grid-column:1/-1!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:850!important;
    color:#0f172a!important;
    margin-bottom:2px!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(4),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(5),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(8),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(11),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(12){
    grid-column:1/-1!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(4)::before{
    content:'Thời gian: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(5)::before{
    content:'Ngày cân bằng: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(6)::before{
    content:'SL thực tế: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(7)::before{
    content:'Tổng thực tế: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(8)::before{
    content:'Chênh lệch: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(11)::before{
    content:'Ghi chú: ';
    color:#64748b;
    font-weight:700;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(8){
    font-weight:800!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(12){
    margin-top:2px!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 .done{
    display:inline-flex!important;
    align-items:center!important;
    min-height:32px!important;
    padding:6px 12px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-detail-v2{
    margin:-2px 0 12px!important;
    padding:14px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
}

/* TT_HIDE_PRICE_TITLE_ONLY_MOBILE_V1 */
@media (max-width:899px){
  html body #ttGoodsV33.goods33-shell.goods33-price-mode .goods33-price-card-top h2,
  html body #ttGoodsV33.goods33-shell.goods33-price-mode .goods33-price-card-title-block h2,
  html body #ttGoodsV33.goods33-shell.goods33-price-mode .goods33-price-title h2{
    display:none!important;
  }

  html body #ttGoodsV33.goods33-shell.goods33-price-mode .goods33-price-card-top,
  html body #ttGoodsV33.goods33-shell.goods33-price-mode .goods33-price-title{
    padding-top:0!important;
    margin-top:0!important;
    min-height:auto!important;
  }
}

/* TT_STOCKTAKE_MOBILE_HARD_CLEAN_V2 */
@media (max-width:899px){

  html body #ttGoodsV33.goods33-check-mode,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2){
    padding-top:8px!important;
    padding-bottom:125px!important;
    overflow-x:hidden!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-body,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-body{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-filter,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-filter{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 10px!important;
    padding:14px!important;
    overflow:visible!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-main,
  html body #ttGoodsV33.goods33-check-mode .goods33-table,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-main,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Tắt các lớp gây chồng */
  html body #ttGoodsV33.goods33-check-mode .goods33-toolbar,
  html body #ttGoodsV33.goods33-check-mode .goods33-pager,
  html body #ttGoodsV33.goods33-check-mode .goods33-export-menu-v2,
  html body #ttGoodsV33.goods33-check-mode .goods33-column-menu-v2,
  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2 .goods33-icon,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-toolbar,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-pager,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-export-menu-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-column-menu-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-check-toolbar-v2 .goods33-icon{
    display:none!important;
  }

  /* Nút + Kiểm kho / Xuất file không đè card */
  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-check-toolbar-v2{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 10px!important;
    padding:12px!important;
    overflow:visible!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    border-radius:18px!important;
    box-shadow:none!important;
    clear:both!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-toolbar-v2 h2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-check-toolbar-v2 h2{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-actions-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-check-actions-v2{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-check-actions-v2 button,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-check-actions-v2 button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    border-radius:14px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Danh sách phiếu: bỏ bảng, không chồng */
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-list-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-list-v2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-head-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-head-v2{
    display:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:7px 8px!important;
    align-items:start!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:0!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    border-radius:17px!important;
    box-shadow:none!important;
    overflow:visible!important;
    clear:both!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#334155!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Ẩn rác: checkbox, sao, ngày cân bằng lặp, tăng/giảm, ghi chú */
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(1),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(2),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(5),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(9),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(10),
  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(11),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(1),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(2),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(5),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(9),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(10),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(11){
    display:none!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(3),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(3){
    grid-column:1 / -1!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:900!important;
    color:#0f172a!important;
    white-space:nowrap!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(4),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(4){
    grid-column:1 / -1!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(4)::before,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(4)::before{
    content:"Thời gian: ";
    color:#64748b;
    font-weight:750;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(6)::before,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(6)::before{
    content:"Thực tế: ";
    color:#64748b;
    font-weight:750;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(7)::before,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(7)::before{
    content:"Hệ thống: ";
    color:#64748b;
    font-weight:750;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(8)::before,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(8)::before{
    content:"Lệch: ";
    color:#64748b;
    font-weight:750;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 > span:nth-child(12),
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 > span:nth-child(12){
    grid-column:1 / -1!important;
    margin-top:2px!important;
    overflow:visible!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-row-v2 .done,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-row-v2 .done{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    min-height:28px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  html body #ttGoodsV33.goods33-check-mode .goods33-stocktake-detail-v2,
  html body #ttGoodsV33:has(.goods33-stocktake-list-v2) .goods33-stocktake-detail-v2{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:16px!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
}