/* tqq-m-audit-ux-20260801 v=202608011240 — mobile audit UX */
/* Login */
@media (max-width:768px){
  body.center-vh{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    padding:16px 12px!important;
    box-sizing:border-box!important;
    background-position:center center!important;
  }
  body.center-vh > .card{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:22px 16px!important;
    border-radius:18px!important;
  }
  body.center-vh > .card img{
    max-width:240px!important;
  }
  .login-form .btn{
    min-height:48px!important;
    font-size:17px!important;
    border-radius:12px!important;
  }
  .login-form .form-control{
    min-height:48px!important;
    font-size:16px!important;
  }
}

/* Global admin shell */
@media (max-width:768px){
  .lyear-layout-header .navbar{
    min-height:56px!important;
  }
  .lyear-layout-header .nav-item > a,
  .lyear-aside-toggler,
  .lyear-layout-header .mdi{
    min-width:44px!important;
    min-height:44px!important;
  }
  .lyear-layout-content .container-fluid{
    padding:12px 10px 88px!important;
  }
  .card-header,.card-toolbar{
    padding:12px 12px!important;
  }
  .card-toolbar .form-inline,
  .card-toolbar form{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
  }
  .card-toolbar .form-control,
  .card-toolbar .btn,
  .card-toolbar select{
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    margin:0!important;
  }
  .pagination{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  .pagination li{
    min-width:40px!important;
    height:40px!important;
    line-height:40px!important;
  }
}

/* Goods / audit tables -> cards */
@media (max-width:768px){
  .table-responsive{
    overflow:visible!important;
  }
  table.tqq-goods-audit-table,
  #tqq-sh-company-product-group-20260710 table{
    min-width:0!important;
    width:100%!important;
    table-layout:auto!important;
    border:0!important;
  }
  table.tqq-goods-audit-table colgroup,
  table.tqq-goods-audit-table thead,
  #tqq-sh-company-product-group-20260710 table thead{
    display:none!important;
  }
  table.tqq-goods-audit-table tbody,
  #tqq-sh-company-product-group-20260710 table tbody,
  table.tqq-goods-audit-table tr,
  #tqq-sh-company-product-group-20260710 table tr,
  table.tqq-goods-audit-table td,
  #tqq-sh-company-product-group-20260710 table td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  table.tqq-goods-audit-table tr,
  #tqq-sh-company-product-group-20260710 table tr{
    margin:0 0 12px!important;
    padding:14px 14px 10px!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
  }
  table.tqq-goods-audit-table td,
  #tqq-sh-company-product-group-20260710 table td{
    border:0!important;
    padding:7px 0!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  table.tqq-goods-audit-table td:before,
  #tqq-sh-company-product-group-20260710 table td:before{
    display:block!important;
    margin:0 0 3px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.3!important;
  }
  /* product detail labels */
  table.tqq-goods-audit-table td:nth-child(1):before{content:"编号";}
  table.tqq-goods-audit-table td:nth-child(2):before{content:"产品信息";}
  table.tqq-goods-audit-table td:nth-child(3):before{content:"供应商";}
  table.tqq-goods-audit-table td:nth-child(4):before{content:"提交时间";}
  table.tqq-goods-audit-table td:nth-child(5):before{content:"状态";}
  table.tqq-goods-audit-table td:nth-child(6):before{content:"审核员";}
  table.tqq-goods-audit-table td:nth-child(7):before{content:"操作";}
  /* company group labels */
  #tqq-sh-company-product-group-20260710 table td:nth-child(1):before{content:"公司名称";}
  #tqq-sh-company-product-group-20260710 table td:nth-child(2):before{content:"产品数量";}
  #tqq-sh-company-product-group-20260710 table td:nth-child(3):before{content:"最新提交";}
  #tqq-sh-company-product-group-20260710 table td:nth-child(4):before{content:"待审预览";}
  #tqq-sh-company-product-group-20260710 table td:nth-child(5):before{content:"操作";}

  .tqq-status-help{display:none!important;}
  .tqq-goods-audit-table .goods-title-line{
    -webkit-line-clamp:unset!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .tqq-action-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
    margin-top:4px!important;
  }
  .tqq-action-buttons .btn,
  #tqq-sh-company-product-group-20260710 table td:last-child .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:10px 8px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  #tqq-sh-company-product-group-20260710 table td:nth-child(2) .btn{
    display:inline-flex!important;
    margin:0 6px 6px 0!important;
    min-height:32px!important;
  }
  .tqq-audit-page-head{
    padding:14px 14px!important;
    margin-bottom:12px!important;
  }
  .tqq-audit-page-title{
    font-size:18px!important;
  }
}

/* tqq-m-audit-ux-20260801-fix-btn-width v=202608011115 */
@media (max-width:768px){
  table.tqq-goods-audit-table td,
  #tqq-sh-company-product-group-20260710 table td{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  table.tqq-goods-audit-table tr,
  #tqq-sh-company-product-group-20260710 table tr{
    width:100%!important;
    box-sizing:border-box!important;
  }
  .tqq-action-buttons{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .tqq-action-buttons .btn,
  .tqq-action-buttons a.btn,
  table.tqq-goods-audit-table .btn-xs{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    flex:1 1 auto!important;
  }
}

/* tqq-m-audit-process-20260801 process layer + edit form */
@media (max-width:768px){
  .layui-layer{
    max-width:96vw!important;
  }
  .layui-layer.layui-layer-iframe{
    width:96%!important;
    left:2%!important;
  }
  .layui-layer-iframe .layui-layer-content{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .layui-layer-iframe iframe{
    width:100%!important;
    height:100%!important;
  }
  .layui-layer-title{
    font-size:16px!important;
    height:44px!important;
    line-height:44px!important;
  }
  .layui-layer-setwin{
    top:10px!important;
    right:12px!important;
  }
  .layui-layer-setwin a{
    width:28px!important;
    height:28px!important;
  }
}

/* tqq-m-company-card-20260801 company audit cards v=202608011140 */
@media (max-width:768px){
  table.tqq-company-audit-table{
    min-width:0!important;
    width:100%!important;
    table-layout:auto!important;
    border:0!important;
  }
  table.tqq-company-audit-table colgroup,
  table.tqq-company-audit-table thead{
    display:none!important;
  }
  table.tqq-company-audit-table tbody,
  table.tqq-company-audit-table tr,
  table.tqq-company-audit-table td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  table.tqq-company-audit-table tr{
    margin:0 0 12px!important;
    padding:14px 14px 10px!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    box-sizing:border-box!important;
  }
  table.tqq-company-audit-table td{
    border:0!important;
    padding:7px 0!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  table.tqq-company-audit-table td:before{
    display:block!important;
    margin:0 0 3px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.3!important;
  }
  table.tqq-company-audit-table td:nth-child(1):before{content:"编号";}
  table.tqq-company-audit-table td:nth-child(2):before{content:"供应商信息";}
  table.tqq-company-audit-table td:nth-child(3):before{content:"营业执照";}
  table.tqq-company-audit-table td:nth-child(4):before{content:"数据统计";}
  table.tqq-company-audit-table td:nth-child(5):before{content:"提交时间";}
  table.tqq-company-audit-table td:nth-child(6):before{content:"状态";}
  table.tqq-company-audit-table td:nth-child(7):before{content:"审核员";}
  table.tqq-company-audit-table td:nth-child(8):before{content:"操作";}

  table.tqq-company-audit-table .supplier-stat-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  table.tqq-company-audit-table .supplier-stat-chip{
    min-height:44px!important;
  }
  .tqq-company-action-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:4px!important;
  }
  html body .table.tqq-company-audit-table td:last-child,
  html body table.tqq-company-audit-table td:last-child,
  html body .table.tqq-company-audit-table th:last-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body .table.tqq-company-audit-table td:last-child .btn.btn-xs,
  html body .tqq-company-action-buttons .btn,
  html body .tqq-company-action-buttons a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:46px!important;
    padding:10px 8px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }
}