/* =========================================================
   V573 FIX - CUSTOMER QUOTE MOBILE <=1100PX
   ========================================================= */
.v573m-customer-quote{display:none}

@media screen and (max-width:1100px){
  html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}

  .v573m-customer-quote{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    padding:0 0 86px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    background:#f2f5f3!important;
    color:#173126!important;
    font-family:Arial,Helvetica,sans-serif!important;
    -webkit-font-smoothing:antialiased!important;
  }

  .v573m-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
    background:#fff!important;
    border-bottom:1px solid #dce5df!important;
  }

  .v573m-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .v573m-brand img,.v573m-logo-fallback{
    width:48px!important;height:48px!important;flex:0 0 48px!important;
    object-fit:contain!important;border-radius:9px!important;background:#fff!important;
  }
  .v573m-logo-fallback{display:grid!important;place-items:center!important;background:#087443!important;color:#fff!important;font-size:23px!important;font-weight:900!important}
  .v573m-brand>div{min-width:0!important}
  .v573m-brand strong{display:block!important;color:#075f3a!important;font-size:15px!important;line-height:1.3!important;font-weight:900!important;word-break:break-word!important}
  .v573m-brand small{display:block!important;margin-top:3px!important;color:#738078!important;font-size:10px!important;font-weight:700!important}

  .v573m-meta{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:6px!important;
    padding:9px!important;
    border:1px solid #dce5df!important;
    border-radius:10px!important;
    background:#f8fbf9!important;
  }
  .v573m-meta>div{display:flex!important;flex-direction:column!important;gap:2px!important}
  .v573m-meta span{color:#77837c!important;font-size:9.5px!important;font-weight:800!important}
  .v573m-meta b{color:#173d2a!important;font-size:11.5px!important;font-weight:900!important;word-break:break-word!important}

  .v573m-card{
    width:calc(100% - 20px)!important;
    margin:10px 10px 0!important;
    padding:0 12px 12px!important;
    box-sizing:border-box!important;
    border:1px solid #d9e2dd!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
    overflow:hidden!important;
  }

  .v573m-card h2{
    margin:0 -12px 10px!important;
    padding:10px 12px!important;
    background:linear-gradient(90deg,#076a40,#0a8b50)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  .v573m-info{display:grid!important;gap:0!important}
  .v573m-info>div{
    display:grid!important;
    grid-template-columns:minmax(120px,40%) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:7px 0!important;
    border-bottom:1px dashed #e6ece8!important;
  }
  .v573m-info>div:last-child{border-bottom:0!important}
  .v573m-info span{color:#6e7a73!important;font-size:10.5px!important;line-height:1.4!important;font-weight:800!important}
  .v573m-info b{min-width:0!important;color:#173d2a!important;font-size:12.5px!important;line-height:1.4!important;font-weight:800!important;word-break:break-word!important;overflow-wrap:anywhere!important}

  .v573m-products{display:grid!important;gap:10px!important}
  .v573m-product{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    border:1px solid #dce5df!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .v573m-product-head{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    padding:10px!important;
    background:#fbfcfb!important;
    border-bottom:1px solid #e7ece9!important;
  }
  .v573m-product-head>span{
    display:grid!important;place-items:center!important;
    width:32px!important;height:32px!important;border-radius:50%!important;
    background:#087443!important;color:#fff!important;font-size:11px!important;font-weight:900!important;
  }
  .v573m-product-head>div{min-width:0!important}
  .v573m-product-head strong{display:block!important;color:#173d2a!important;font-size:14px!important;line-height:1.35!important;font-weight:900!important;word-break:break-word!important}
  .v573m-product-head small{display:block!important;margin-top:2px!important;color:#7c8780!important;font-size:10px!important;word-break:break-word!important}

  .v573m-product-grid{display:grid!important;grid-template-columns:1fr 1fr!important}
  .v573m-product-grid>div{
    min-width:0!important;padding:10px 12px!important;
    border-bottom:1px solid #e7ece9!important;
  }
  .v573m-product-grid>div:nth-child(odd){border-right:1px solid #e7ece9!important}
  .v573m-product-grid span{display:block!important;margin-bottom:3px!important;color:#718078!important;font-size:10px!important;font-weight:800!important}
  .v573m-product-grid b{display:block!important;color:#173d2a!important;font-size:12.5px!important;font-weight:900!important;word-break:break-word!important}
  .v573m-product-grid b.vat{color:#087443!important}
  .v573m-product-grid .total{
    grid-column:1/-1!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;padding:11px 12px!important;border-right:0!important;border-bottom:0!important;background:#f3faf6!important;
  }
  .v573m-product-grid .total span{margin:0!important;color:#087443!important;font-size:11px!important}
  .v573m-product-grid .total b{margin-left:auto!important;color:#075f3a!important;font-size:16px!important}

  .v573m-total-card>div:not(:first-child){
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:7px 0!important
  }
  .v573m-total-card>div:not(:first-child) span{color:#5d6b63!important;font-size:11px!important;font-weight:800!important}
  .v573m-total-card>div:not(:first-child) b{color:#173d2a!important;font-size:12.5px!important;font-weight:900!important}
  .v573m-total-card .grand{margin-top:4px!important;padding-top:10px!important;border-top:2px solid #d8e4dc!important}
  .v573m-total-card .grand span{color:#075f3a!important;font-size:13px!important}
  .v573m-total-card .grand b{color:#075f3a!important;font-size:18px!important}

  .v573m-sign-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:calc(100% - 20px)!important;
    margin:10px 10px 0!important;
  }
  .v573m-sign-card{
    min-width:0!important;
    padding:10px!important;
    border:1px solid #d9e2dd!important;
    border-radius:11px!important;
    background:#fff!important;
    text-align:center!important;
    overflow:visible!important;
  }
  .v573m-sign-card h3{margin:0!important;color:#075f3a!important;font-size:10.5px!important;font-weight:900!important}
  .v573m-sign-visual{position:relative!important;height:92px!important;margin:5px 0!important;overflow:visible!important}
  .v573m-signature{
    position:absolute!important;z-index:2!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;max-width:105px!important;max-height:70px!important;object-fit:contain!important
  }
  .v573m-signature.right{left:62%!important}
  .v573m-stamp{
    position:absolute!important;z-index:3!important;left:36%!important;top:50%!important;
    transform:translate(-50%,-50%) rotate(-4deg)!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important
  }
  .v573m-sign-card>b{display:block!important;color:#173d2a!important;font-size:11px!important;font-weight:900!important;word-break:break-word!important}

  .v573m-note{
    width:calc(100% - 20px)!important;margin:10px 10px 0!important;padding:12px!important;
    box-sizing:border-box!important;border:1px solid #d9e2dd!important;border-radius:10px!important;background:#fff!important
  }
  .v573m-note strong{display:block!important;color:#173d2a!important;font-size:11.5px!important;line-height:1.4!important}
  .v573m-note p{margin:4px 0 0!important;color:#5d6b63!important;font-size:10.5px!important;line-height:1.45!important}

  .v573m-footer{
    display:grid!important;gap:3px!important;margin:10px 10px 0!important;padding:10px!important;
    border-radius:10px!important;background:#087443!important;color:#fff!important;font-size:10px!important;text-align:center!important
  }

  .v573m-actions{
    position:fixed!important;z-index:999!important;left:0!important;right:0!important;bottom:0!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;border-top:1px solid #dce4df!important;box-shadow:0 -5px 16px rgba(15,23,42,.08)!important
  }
  .v573m-actions button{min-height:46px!important;border-radius:9px!important;font-size:11px!important;font-weight:900!important;white-space:normal!important}
  .v573m-actions .back{border:1px solid #cfd9d3!important;background:#fff!important;color:#506159!important}
  .v573m-actions .print{border:1px solid #087443!important;background:#fff!important;color:#087443!important}
  .v573m-actions .share{border:0!important;background:#087443!important;color:#fff!important}

  .v573m-empty{padding:16px!important;border:1px dashed #d8e0db!important;border-radius:9px!important;color:#7a857e!important;font-size:11px!important;text-align:center!important}
}

@media screen and (max-width:430px){
  .v573m-meta{grid-template-columns:1fr!important}
  .v573m-info>div{grid-template-columns:1fr!important;gap:2px!important}
  .v573m-product-grid{grid-template-columns:1fr!important}
  .v573m-product-grid>div{border-right:0!important}
  .v573m-product-grid .total{grid-column:1!important}
  .v573m-sign-grid{grid-template-columns:1fr!important}
  .v573m-actions{grid-template-columns:1fr 1fr!important}
  .v573m-actions .back{grid-column:1/-1!important}
}

@media print{
  .v573m-customer-quote{display:none!important}
}