/* V47 - Supplier one-screen + remove redundant helper descriptions */

/* Remove repetitive helper subtitles under already-clear module/action titles */
.hero41 small,
.mHero42 small,
.choiceCard41 small,
.docCard41 small,
.bankTitle44 small,
.storeSettingIntro35 small,
.settingHero35 small,
.catalogActions39 small,
.supplierCard41>span>small,
.sectionTitle41>div>small,
.stockHead41 small,
.settingsGrid small,
.serviceTop41 span small,
.svc41 span small,
.notifyRow41 span small,
.notify41 span small,
.licenseKpis41 small,
.license41 small,
.short41 small,
.choiceCard41 span small,
.choices41 button span small,
.docs41 button span small,
.backupChoices42 button span small{
  display:none!important;
}

/* Keep operational values / dates / statuses that use <small> elsewhere */
.billPaper small,
.orderDetail42 small,
.noticeCard42 small,
.historyCard41 small,
.hist41 small,
.odCustomer42 small,
.odItem42 small,
.orderCode40 small,
.orderMeta40 small{
  display:initial;
}

/* Supplier modal: fit entire form in one phone viewport */
@media(max-width:600px){
  #modal .sheet:has(#supId),
  #modal .sheet:has(#supName){
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    height:calc(100dvh - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    min-height:0!important;
    margin:5px auto!important;
    padding:6px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  #modal .sheet:has(#supId) .sheetHead,
  #modal .sheet:has(#supName) .sheetHead{
    height:34px!important;
    min-height:34px!important;
    padding:0 1px 3px!important;
  }

  #modal .sheet:has(#supId) .sheetHead h3,
  #modal .sheet:has(#supName) .sheetHead h3{
    font-size:14px!important;
    line-height:1!important;
    margin:0!important;
  }

  #modal .sheet:has(#supId) .sheetHead button,
  #modal .sheet:has(#supName) .sheetHead button{
    width:29px!important;
    height:29px!important;
    min-height:29px!important;
  }

  #modal .sheet:has(#supId) #modalBody,
  #modal .sheet:has(#supName) #modalBody{
    height:calc(100% - 35px)!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
  }

  #modal .sheet:has(#supId) .masterSheet41,
  #modal .sheet:has(#supName) .masterSheet41,
  #modal .sheet:has(#supId) .sheet41,
  #modal .sheet:has(#supName) .sheet41{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto 1fr 1fr auto auto!important;
    gap:3px!important;
    overflow:hidden!important;
  }

  #modal .sheet:has(#supId) .hero41,
  #modal .sheet:has(#supName) .hero41{
    height:35px!important;
    min-height:35px!important;
    padding:3px 6px!important;
    margin:0!important;
    border-radius:9px!important;
  }

  #modal .sheet:has(#supId) .hero41>span,
  #modal .sheet:has(#supName) .hero41>span{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
    font-size:15px!important;
    border-radius:7px!important;
  }

  #modal .sheet:has(#supId) .hero41 b,
  #modal .sheet:has(#supName) .hero41 b{
    font-size:9px!important;
  }

  #modal .sheet:has(#supId) .sectionBox41,
  #modal .sheet:has(#supName) .sectionBox41,
  #modal .sheet:has(#supId) .box41,
  #modal .sheet:has(#supName) .box41{
    min-height:0!important;
    padding:4px 5px!important;
    margin:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }

  #modal .sheet:has(#supId) .sectionBox41 h4,
  #modal .sheet:has(#supName) .sectionBox41 h4,
  #modal .sheet:has(#supId) .box41 h4,
  #modal .sheet:has(#supName) .box41 h4{
    margin:0 0 3px!important;
    font-size:8.5px!important;
    line-height:1!important;
  }

  /* Keep 2-column entry layout on phone */
  #modal .sheet:has(#supId) .twoCol41,
  #modal .sheet:has(#supName) .twoCol41,
  #modal .sheet:has(#supId) .cols41,
  #modal .sheet:has(#supName) .cols41{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:3px 5px!important;
    min-height:0!important;
  }

  #modal .sheet:has(#supId) label,
  #modal .sheet:has(#supName) label{
    margin:0!important;
    font-size:7.5px!important;
    line-height:1!important;
    min-height:0!important;
  }

  #modal .sheet:has(#supId) label>input,
  #modal .sheet:has(#supName) label>input,
  #modal .sheet:has(#supId) label>select,
  #modal .sheet:has(#supName) label>select{
    height:28px!important;
    min-height:28px!important;
    padding:3px 6px!important;
    margin-top:2px!important;
    border-radius:7px!important;
    font-size:8.5px!important;
  }

  #modal .sheet:has(#supId) label>textarea,
  #modal .sheet:has(#supName) label>textarea{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:4px 6px!important;
    margin-top:2px!important;
    border-radius:7px!important;
    font-size:8.5px!important;
    resize:none!important;
  }

  #modal .sheet:has(#supId) .toggleRow41,
  #modal .sheet:has(#supName) .toggleRow41,
  #modal .sheet:has(#supId) .toggle41,
  #modal .sheet:has(#supName) .toggle41{
    height:31px!important;
    min-height:31px!important;
    padding:3px 7px!important;
    margin:0!important;
    border-radius:8px!important;
  }

  #modal .sheet:has(#supId) .toggleRow41 span b,
  #modal .sheet:has(#supName) .toggleRow41 span b,
  #modal .sheet:has(#supId) .toggle41 span b,
  #modal .sheet:has(#supName) .toggle41 span b{
    font-size:8px!important;
  }

  #modal .sheet:has(#supId) .toggleRow41 span small,
  #modal .sheet:has(#supName) .toggleRow41 span small,
  #modal .sheet:has(#supId) .toggle41 span small,
  #modal .sheet:has(#supName) .toggle41 span small{
    display:none!important;
  }

  #modal .sheet:has(#supId) .toggleRow41 input,
  #modal .sheet:has(#supName) .toggleRow41 input,
  #modal .sheet:has(#supId) .toggle41 input,
  #modal .sheet:has(#supName) .toggle41 input{
    width:18px!important;
    height:18px!important;
    min-height:18px!important;
  }

  #modal .sheet:has(#supId) .footerActions41,
  #modal .sheet:has(#supName) .footerActions41,
  #modal .sheet:has(#supId) .footer41,
  #modal .sheet:has(#supName) .footer41{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1.45fr!important;
    gap:4px!important;
    min-height:35px!important;
    padding:3px 0 0!important;
    margin:0!important;
    background:#fff!important;
  }

  #modal .sheet:has(#supId) .footerActions41 button,
  #modal .sheet:has(#supName) .footerActions41 button,
  #modal .sheet:has(#supId) .footer41 button,
  #modal .sheet:has(#supName) .footer41 button{
    height:33px!important;
    min-height:33px!important;
    padding:3px 5px!important;
    font-size:8px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }
}

/* Extremely short phone viewports */
@media(max-width:390px), (max-height:680px){
  #modal .sheet:has(#supId) .hero41,
  #modal .sheet:has(#supName) .hero41{
    display:none!important;
  }
  #modal .sheet:has(#supId) .masterSheet41,
  #modal .sheet:has(#supName) .masterSheet41,
  #modal .sheet:has(#supId) .sheet41,
  #modal .sheet:has(#supName) .sheet41{
    grid-template-rows:1fr 1fr auto auto!important;
  }
}