/* Hamyara 0.15.21 — final sidebar hover normalization + transaction document row alignment */
:root{
  --v171-sidebar-width:258px;
  --v171-rail-width:82px;
  --v171-sidebar-bg:#0a2138;
  --v171-control:52px;
}

/* Keep hover preview visually identical to the normal expanded sidebar. */
@media (min-width:901px){
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar{
    width:var(--v171-sidebar-width)!important;
    min-width:var(--v171-sidebar-width)!important;
    max-width:var(--v171-sidebar-width)!important;
    padding:12px 12px 16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:var(--v171-sidebar-bg)!important;
    box-shadow:-14px 0 32px rgba(6,29,50,.22)!important;
    z-index:260!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .main-area,
  body.transaction-page .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .main-area{
    margin-right:var(--v171-rail-width)!important;
    width:calc(100% - var(--v171-rail-width))!important;
  }

  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154{
    display:block!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    padding:0!important;
    margin:0 0 8px!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .brand-link{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-v154 .hamyara-brand-mark img{
    display:block!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-title-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    min-width:0!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-title-row strong{
    font-size:20px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-version{
    position:static!important;
    transform:none!important;
    flex:0 0 auto!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .brand-copy>small{
    display:block!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-switcher-v151 .store-cycle-arrow{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:2px 6px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-avatar,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-avatar img{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150>div:nth-child(2){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:48px!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .business-card-link-v150 strong{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }

  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-list{
    width:100%!important;
    overflow:visible!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-caption{
    display:block!important;
    width:100%!important;
    padding-inline:10px!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:11px!important;
    padding-inline:11px!important;
    overflow:hidden!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item>span,
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .logout-btn>span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .nav-item kbd{display:inline-flex!important}
  body .app-shell.sidebar-collapsed-v17.sidebar-hover-expanded-v153 .sidebar-bottom{width:100%!important}
}

/* Transaction document details: four controls in one clean row with identical control heights. */
body.transaction-page form[data-tx-type="sale"] .document-fields,
body.transaction-page form[data-tx-type="purchase"] .document-fields,
body.transaction-page form[data-tx-type="return_sale"] .document-fields,
body.transaction-page form[data-tx-type="return_purchase"] .document-fields{
  display:grid!important;
  grid-template-columns:minmax(250px,1.65fr) minmax(160px,.9fr) minmax(180px,1fr) minmax(120px,.7fr)!important;
  column-gap:12px!important;
  row-gap:8px!important;
  align-items:start!important;
}
body.transaction-page .document-fields>.field{
  min-width:0!important;
  margin:0!important;
}
body.transaction-page .focus-party,
body.transaction-page .focus-warehouse,
body.transaction-page .focus-date-v168,
body.transaction-page .focus-time{
  grid-column:auto!important;
  min-width:0!important;
}
body.transaction-page .focus-party .step-control-v153,
body.transaction-page .focus-party .combo-control,
body.transaction-page .focus-warehouse>.select,
body.transaction-page .focus-date-v168 .date-composite-v168,
body.transaction-page .focus-time>.input{
  width:100%!important;
  height:var(--v171-control)!important;
  min-height:var(--v171-control)!important;
  max-height:var(--v171-control)!important;
  box-sizing:border-box!important;
}
body.transaction-page .focus-party .step-control-v153,
body.transaction-page .focus-party .combo-control{
  padding-block:0!important;
  align-items:center!important;
}
body.transaction-page .date-composite-v168{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 50px!important;
  direction:rtl!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.transaction-page .date-composite-v168 input{
  grid-column:1!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
body.transaction-page .date-composite-v168 .field-action{
  grid-column:2!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  border:0!important;
  border-right:1px solid #e2e9ef!important;
  border-radius:0!important;
}
body.transaction-page .document-fields .field-hint{
  min-height:22px!important;
  max-height:22px!important;
  overflow:hidden!important;
  margin-top:4px!important;
  line-height:22px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.transaction-page .focus-notes{grid-column:1/-1!important;margin-top:0!important}

/* Payment action fonts: inherit the same UI font and rhythm as the rest of Hamyara. */
body.transaction-page .retail-payment-footer [data-add-payment],
body.transaction-page .fill-remaining{
  font-family:var(--hamyara-font)!important;
  font-style:normal!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility!important;
}
body.transaction-page .retail-payment-footer [data-add-payment]{
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.45!important;
}
body.transaction-page .fill-remaining{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-height:30px!important;
  padding:3px 8px!important;
  margin-top:4px!important;
  border:0!important;
  border-radius:8px!important;
  background:#eef6fb!important;
  color:#176184!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-decoration:none!important;
}
body.transaction-page .fill-remaining:hover{background:#e4f1f8!important;text-decoration:none!important}

/* Keep dynamic product controls clickable and visually isolated per row. */
body.transaction-page [data-item-row]{isolation:isolate!important}
body.transaction-page [data-item-row] .variant-picker-v154{position:relative!important;z-index:20!important}
body.transaction-page [data-item-row]:focus-within{z-index:40!important}
body.transaction-page [data-item-row] .variant-panel-v154{z-index:200!important}
body.transaction-page [data-item-row] [data-remove-row]{z-index:220!important}

@media(max-width:1180px){
  body.transaction-page form[data-tx-type="sale"] .document-fields,
  body.transaction-page form[data-tx-type="purchase"] .document-fields,
  body.transaction-page form[data-tx-type="return_sale"] .document-fields,
  body.transaction-page form[data-tx-type="return_purchase"] .document-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  body.transaction-page form[data-tx-type="sale"] .document-fields,
  body.transaction-page form[data-tx-type="purchase"] .document-fields,
  body.transaction-page form[data-tx-type="return_sale"] .document-fields,
  body.transaction-page form[data-tx-type="return_purchase"] .document-fields{
    grid-template-columns:1fr!important;
  }
  body.transaction-page .document-fields .field-hint{max-height:none!important;height:auto!important;white-space:normal!important}
}