/* V55 FULL AUDIT STABLE */

/* 1) Bill QR always contained inside K80 */
.billQR44{width:100%!important;text-align:center!important;border-top:1px dashed #777!important;margin-top:7px!important;padding-top:6px!important;font-size:9px!important;overflow:hidden!important}
.billQR44>b,.billQR44>strong,.billQR44>small{display:block!important}
.billQR44 img{display:block!important;width:31mm!important;height:31mm!important;max-width:31mm!important;max-height:31mm!important;object-fit:contain!important;margin:4px auto!important}
.billQR44>strong{font-size:11px!important;margin-top:2px!important}.billQR44>small{font-size:8px!important;margin-top:1px!important}

/* 2) Hide only redundant helper/explanation text; preserve transactional info */
.hero41 small,.mHero42 small,.choiceCard41 small,.docCard41 small,.storeSettingIntro35 small,.settingHero35 small,.catalogActions39 small,.sectionTitle41>div>small,.stockHead41 small,.settingsGrid small,.backupChoices42 button span small{display:none!important}
.billPaper small,.orderDetail42 small,.noticeCard42 small,.historyCard41 small,.odCustomer42 small,.odItem42 small{display:initial}

/* 3) Forms: prevent accidental clipping/unclickable controls */
input,textarea,select,button{box-sizing:border-box}
input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%}
#saleAddress,#customerAddress,#saleCustomerAddress{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation!important}

/* 4) Main shortcut grid: 3 columns on phone, 4 on tablet/desktop */
@media(max-width:600px){
  #home main>div:has(>button.tile){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #home main>div:has(>button.tile)>button.tile{min-width:0!important;width:auto!important;min-height:78px!important;height:auto!important;padding:6px 3px!important;font-size:10px!important}
  #home main>div:has(>button.tile)>button.tile span{font-size:21px!important}
}
@media(min-width:601px){
  #home main>div:has(>button.tile){grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* 5) Mobile modal safety */
@media(max-width:600px){
  #modal .sheet{max-width:calc(100vw - 10px)!important}
  #modal input,#modal textarea,#modal select{font-size:16px}
  .mFooter42,.footer41,.footerActions41,.settingActions{padding-bottom:max(4px,env(safe-area-inset-bottom))!important}
}

/* 6) Print */
@media print{
  .billQR44 img{width:29mm!important;height:29mm!important}
}