/* =========================================================
   V337 — REDESIGN KHỐI THÔNG TIN CÔNG TY TRÊN MOBILE
   Nền: V336. Chỉ chỉnh phần đầu Phiếu đặt hàng khi xem mobile.
   Desktop / Print / PDF giữ nguyên.
   ========================================================= */

@media screen and (max-width:800px){

  /* Card đầu phiếu */
  .invoice-print-document .inv-header{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr) 104px!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
  }

  .invoice-print-document .inv-header>div{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    margin:0!important;
    border:0!important;
  }

  /* Logo */
  .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 11px!important;
    border-right:1px solid #dce5df!important;
    background:#fff!important;
  }

  .invoice-print-document .inv-logo-image{
    display:block!important;
    width:88px!important;
    max-width:88px!important;
    height:auto!important;
    max-height:64px!important;
    object-fit:contain!important;
  }

  /* Thông tin công ty */
  .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:14px 14px!important;
    text-align:left!important;
    background:#fff!important;
    overflow:visible!important;
  }

  .invoice-print-document .inv-company-kicker{
    display:none!important;
  }

  .invoice-print-document .inv-company-name{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 7px!important;
    color:#0f5a37!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-company-sub{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 5px!important;
    padding-left:0!important;
    color:#26343d!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1.42!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-company-sub:last-child{
    margin-bottom:0!important;
  }

  .invoice-print-document .inv-company-bank{
    display:none!important;
  }

  /* Ký hiệu */
  .invoice-print-document .inv-mst{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:14px 10px!important;
    border-left:1px solid #dce5df!important;
    background:#fff!important;
  }

  .invoice-print-document .inv-mst-box{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:88px!important;
    min-height:92px!important;
    padding:10px 7px!important;
    border:1px solid #9eb8a9!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#ffffff,#f8fbf9)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .invoice-print-document .inv-mst-label{
    margin:0 0 6px!important;
    color:#6a4e2e!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.06em!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-mst-value{
    color:#0f5132!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .invoice-print-document .inv-effective{
    display:none!important;
  }

  /* Tách phần tiêu đề khỏi header, tạo khoảng thở */
  .invoice-print-document .inv-title-block{
    margin-top:0!important;
    padding:16px 14px 15px!important;
    background:#fff!important;
    border-top:1px solid #edf1ef!important;
    border-bottom:1px solid #e3e9e5!important;
  }

  .invoice-print-document .inv-title-kicker{
    margin:0 0 6px!important;
    color:#cf711b!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }

  .invoice-print-document .inv-title{
    color:#0f5a37!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:.015em!important;
  }
}

/* Mobile hẹp: giảm nhẹ nhưng vẫn giữ bố cục 3 cột */
@media screen and (max-width:430px){
  .invoice-print-document .inv-header{
    grid-template-columns:92px minmax(0,1fr) 86px!important;
  }

  .invoice-print-document .inv-logo{
    padding:13px 7px!important;
  }

  .invoice-print-document .inv-logo-image{
    width:76px!important;
    max-width:76px!important;
  }

  .invoice-print-document .inv-company{
    padding:12px 10px!important;
  }

  .invoice-print-document .inv-company-name{
    margin-bottom:5px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }

  .invoice-print-document .inv-company-sub{
    margin-bottom:4px!important;
    font-size:8.7px!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-mst{
    padding:11px 7px!important;
  }

  .invoice-print-document .inv-mst-box{
    min-height:78px!important;
    padding:8px 5px!important;
  }

  .invoice-print-document .inv-mst-label{
    margin-bottom:4px!important;
    font-size:7.8px!important;
  }

  .invoice-print-document .inv-mst-value{
    font-size:15px!important;
  }

  .invoice-print-document .inv-title{
    font-size:21px!important;
  }
}

/* Điện thoại cực hẹp: ký hiệu xuống hàng riêng để tuyệt đối không bóp công ty */
@media screen and (max-width:360px){
  .invoice-print-document .inv-header{
    grid-template-columns:84px minmax(0,1fr)!important;
  }

  .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
  }

  .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
  }

  .invoice-print-document .inv-mst{
    grid-column:1/-1!important;
    grid-row:2!important;
    padding:8px 12px!important;
    border-left:0!important;
    border-top:1px solid #dce5df!important;
  }

  .invoice-print-document .inv-mst-box{
    width:auto!important;
    min-width:116px!important;
    min-height:0!important;
    padding:6px 12px!important;
    flex-direction:row!important;
    gap:8px!important;
  }

  .invoice-print-document .inv-mst-label{
    margin:0!important;
  }
}

/* Print/PDF không dùng layout header mobile */
@media print{
  .invoice-print-document .inv-header{
    /* dùng CSS in hiện có */
  }
}