/* Mobile-first safety layer. Keep touch entry comfortable without changing desktop density. */
@media(max-width:767.98px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-container{padding-inline:.7rem!important;padding-top:.65rem}
  .tendero-navbar{min-height:58px}
  .tendero-brand{max-width:72%;gap:.4rem}
  .tendero-brand img{max-width:190px;height:auto}
  .navbar-toggler{min-width:44px;min-height:44px}
  .navbar-collapse{max-height:calc(100vh - 64px);overflow-y:auto}
  .navbar .nav-link,.dropdown-item,.logout-button,.language-link{min-height:44px;display:flex;align-items:center}
  .navbar-collapse>.d-flex{display:grid!important;grid-template-columns:1fr 1fr;gap:.45rem!important;width:100%;padding:.55rem 0}
  .navbar-collapse>.d-flex .branch-chip{grid-column:1/-1;width:100%;min-width:0}
  .navbar-collapse>.d-flex form{margin:0}
  .navbar-collapse>.d-flex .account-security-link,.navbar-collapse>.d-flex .language-link,.navbar-collapse>.d-flex .logout-button{width:100%;min-height:44px;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:.45rem}

  .product-heading,.setup-heading,.page-heading{display:flex;flex-direction:column;align-items:stretch!important;gap:.7rem;margin:.75rem 0 1rem}
  .product-heading>div:first-child,.setup-heading>div:first-child{min-width:0}
  .product-heading h1,.setup-heading h1,.page-heading h1{font-size:1.7rem;overflow-wrap:anywhere}
  .product-heading p,.setup-heading p{display:block;font-size:.82rem}
  .product-heading>.d-flex,.setup-heading>.d-flex,.page-heading>.d-flex{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem!important;width:100%}
  .product-heading>.d-flex .btn,.setup-heading>.d-flex .btn,.page-heading>.d-flex .btn{min-height:42px;display:flex;align-items:center;justify-content:center;white-space:normal}
  .inventory-actions,.flow-actions,.order-actions,.print-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%}
  .inventory-actions .btn,.flow-actions .btn,.order-actions .btn,.print-actions .btn{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;white-space:normal;text-align:center}

  .setup-card{padding:.75rem;border-radius:14px;margin-bottom:.65rem}
  .setup-card-title{margin-bottom:.65rem;padding-bottom:.55rem}
  .setup-fields{grid-template-columns:1fr!important;gap:.65rem}
  .setup-fields .field,.setup-fields .full,.counter-details{grid-column:auto!important;width:100%}
  .counter-details{grid-template-columns:1fr;gap:.65rem}
  main input:not([type=checkbox]):not([type=radio]),main select,main textarea{max-width:100%;font-size:16px!important}
  main input:not([type=checkbox]):not([type=radio]),main select{min-height:44px}
  main textarea{min-height:72px}
  .quick-master{flex-wrap:wrap;gap:.45rem .8rem}
  .quick-master a,.quick-master button{min-height:34px;display:inline-flex;align-items:center}

  .sale-form{width:100%;max-width:none}
  .sale-lines{overflow:visible}
  .sale-line,.sale-line.standard-invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem;padding:.7rem 0}
  .sale-line .product-pick{grid-column:1/-1}
  .sale-line .line-total{min-height:44px;padding:.3rem .25rem;align-self:end}
  .sale-line input,.sale-line select,.invoice-flex-cell input:not([type=checkbox]),.invoice-flex-cell select{height:44px!important;min-height:44px!important}
  .draft-actions,.setup-actions{display:grid!important;grid-template-columns:1fr;gap:.5rem}
  .draft-actions>a,.draft-actions .btn,.setup-actions>a,.setup-actions .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
  .bill-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .bill-summary>div{padding:.75rem;min-width:0}
  .bill-summary strong{font-size:.95rem;overflow-wrap:anywhere}

  .product-search{display:grid;grid-template-columns:1fr auto;gap:.45rem}
  .product-search input{min-width:0}
  .product-table-wrap,.entry-review-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .product-table-wrap,.flow-table-wrap,.return-table,.settlement-table,.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .flow-table,.return-table table,.settlement-table table{min-width:760px}
  .product-table th,.product-table td{padding:.62rem}
  .payment-grid{gap:.6rem}
  .payment-card{padding:.75rem}

  .print-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .print-toolbar .btn{min-height:44px;display:flex;align-items:center;justify-content:center}
  .invoice-print{width:100%;padding:.75rem;border-radius:12px;overflow-x:auto}
  .invoice-print table{min-width:580px}

  button,a.btn,[role=button]{touch-action:manipulation}
  .subscription-reminder{align-items:stretch!important;flex-direction:column}
  .subscription-reminder .btn{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center}
  .flow-filter,.movement-filter,.adjustment-history-title form{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}
  .flow-filter label,.movement-filter>div,.flow-filter .btn,.movement-filter .btn{width:100%}
  .flow-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
  .flow-summary article{min-width:0}
  .entry-review-row{min-width:680px}
}

@media(max-width:420px){
  .product-heading>.d-flex,.setup-heading>.d-flex,.page-heading>.d-flex{grid-template-columns:1fr}
  .inventory-actions,.flow-actions,.order-actions,.print-actions{grid-template-columns:1fr}
  .bill-summary{grid-template-columns:1fr 1fr}
  .flow-summary{grid-template-columns:1fr!important}
  .template-grid{grid-template-columns:1fr}
}

@media print{
  .invoice-print table{min-width:0}
}