/* V440: mobile-first unified register layout inspired by the sales module */
@media (max-width:720px){
  .inventoryPage.uiUnifiedPage,
.treasuryPage.uiUnifiedPage{
    --ui-card-radius:10px;
    --ui-control-radius:8px;
    --ui-inner-radius:7px;
    --ui-control-height:42px;
    --ui-section-gap:10px;
  }

  /* Compact module heading and tabs */
  .inventoryPage.uiUnifiedPage > .inventoryPage__head,
.treasuryPage.uiUnifiedPage > .treasuryHero{
    display:grid;
    gap:6px;
    margin-bottom:10px;
    padding-bottom:9px;
  }
  .inventoryPage.uiUnifiedPage > .inventoryPage__head h1,
.treasuryPage.uiUnifiedPage > .treasuryHero h1{
    margin:0;
    font-size:19px;
    line-height:1.45;
  }
  .inventoryPage.uiUnifiedPage > .inventoryTabs,
.treasuryPage.uiUnifiedPage > .inventoryTabs{
    width:100%;
    max-width:100%;
    margin-bottom:10px;
    padding:3px;
    gap:3px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .inventoryPage.uiUnifiedPage > .inventoryTabs::-webkit-scrollbar,
.treasuryPage.uiUnifiedPage > .inventoryTabs::-webkit-scrollbar{display:none}
  .inventoryPage.uiUnifiedPage > .inventoryTabs .inventoryTab,
.treasuryPage.uiUnifiedPage > .inventoryTabs .inventoryTab{
    flex:1 0 auto;
    min-height:36px;
    padding:7px 11px;
    border-radius:7px !important;
    font-size:11.5px;
    white-space:nowrap;
  }

  /* Main register cards use the same lean surface as mobile sales */
  #purchaseEditor,
.inventoryDocumentEditor,
.treasuryTransactionEditor{
    margin:0;
    padding:10px !important;
    border:1px solid var(--ui-soft-line,var(--border));
    border-radius:var(--ui-card-radius) !important;
    background:var(--card);
    box-shadow:none !important;
  }
  #purchaseEditor .inventoryEditor__head,
.inventoryDocumentEditor .inventoryEditor__head,
.treasuryTransactionEditor .treasuryCard__head{
    min-height:0;
    margin-bottom:10px;
    padding-bottom:9px;
    border-bottom:1px solid var(--ui-soft-line,var(--border));
  }
  #purchaseEditor .inventoryEditor__head h2,
.inventoryDocumentEditor .inventoryEditor__head h2,
.treasuryTransactionEditor .treasuryCard__head h2{
    margin:0;
    font-size:15px;
    line-height:1.5;
  }
  .treasuryTransactionEditor .treasuryCard__head{
    display:grid;
    gap:9px;
    align-items:stretch;
  }
  .treasuryTransactionEditor .treasuryCard__headActions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:7px;
  }
  .treasuryTransactionEditor .treasuryCard__headActions .btn{
    width:100%;
    min-height:38px !important;
    height:38px !important;
    padding-inline:9px;
    border-radius:8px !important;
    font-size:11.5px;
  }

  /* Shared compact controls */
  #purchaseEditor :is(input:not([type="checkbox"]),select,.selectx-btn),
.inventoryDocumentEditor :is(input:not([type="checkbox"]),select,.selectx-btn),
.treasuryTransactionEditor :is(input:not([type="checkbox"]),select,.selectx-btn){
    min-height:var(--ui-control-height) !important;
    height:var(--ui-control-height) !important;
    border-radius:var(--ui-control-radius) !important;
    background:var(--app-field-surface,var(--panel));
    box-shadow:none !important;
  }
  #purchaseEditor label,
.inventoryDocumentEditor label,
.treasuryTransactionEditor label{
    gap:5px;
    font-size:11.5px;
    line-height:1.65;
  }
  #purchaseEditor .partyPickerControl,
#purchaseEditor .warehouseSelectControl,
.inventoryDocumentEditor .partyPickerControl,
.inventoryDocumentEditor .warehouseSelectControl,
.treasuryTransactionEditor .partyPickerControl,
.treasuryTransactionEditor .treasuryAccountSelectControl{
    min-height:var(--ui-control-height) !important;
    height:var(--ui-control-height) !important;
    padding:3px;
    gap:4px;
    border-radius:var(--ui-control-radius) !important;
  }
  #purchaseEditor .partyPickerControl :is(input,.btn),
#purchaseEditor .warehouseSelectControl :is(select,.selectx,.selectx-btn,.btn),
.inventoryDocumentEditor .partyPickerControl :is(input,.btn),
.inventoryDocumentEditor .warehouseSelectControl :is(select,.selectx,.selectx-btn,.btn),
.treasuryTransactionEditor .partyPickerControl :is(input,.btn),
.treasuryTransactionEditor .treasuryAccountSelectControl :is(select,.selectx,.selectx-btn,.btn){
    min-height:34px !important;
    height:34px !important;
    border-radius:var(--ui-inner-radius) !important;
  }

  /* Purchase: two-column top like the sales invoice, important fields full width */
  #purchaseEditor .inventoryFormGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    align-items:end;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(2),
#purchaseEditor .inventoryFormGrid > label:nth-child(4),
#purchaseEditor .inventoryFormGrid > label.inventoryField--wide{
    grid-column:1 / -1;
  }

  /* Inventory receipt top form */
  .inventoryReceiptEditor .inventoryReceiptForm{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    align-items:end;
  }
  .inventoryReceiptEditor .inventoryReceiptField--warehouse,
.inventoryReceiptEditor .inventoryReceiptField--supplier,
.inventoryReceiptEditor .inventoryReceiptField--description{
    grid-column:1 / -1;
  }
  .inventoryReceiptEditor .inventoryReceiptField--opening{
    min-height:42px;
    padding:8px 10px;
    border:1px solid var(--ui-soft-line,var(--border));
    border-radius:8px;
    background:var(--app-field-surface,var(--panel));
  }

  /* Receipt/payment header: number+date on one line, party and description full width */
  .treasuryTransactionEditor .treasuryForm,
.treasuryTransactionEditor .treasuryForm.is-cheque-register{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid,
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    padding:10px !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:10px !important;
    background:var(--card) !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid .treasuryField--number{
    grid-column:1 !important;
    grid-row:1 !important;
    order:1 !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid .treasuryField--date{
    grid-column:2 !important;
    grid-row:1 !important;
    order:2 !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid .treasuryField--customer{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    order:3 !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid .treasuryField--description{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    order:4 !important;
  }
  .treasuryTransactionEditor .treasuryDocumentNumberControl{
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px;
  }
  .treasuryTransactionEditor .treasuryDocumentNumberControl__save{
    min-width:82px;
    width:auto;
    min-height:42px !important;
    height:42px !important;
    padding-inline:8px;
    font-size:10.5px;
  }

  /* Flat line sections, no oversized nested cards */
  #purchaseEditor .inventoryLines,
.inventoryDocumentEditor .inventoryDocumentLines,
.treasuryTransactionEditor .treasuryLinesPanel,
.treasuryTransactionEditor .treasuryLineEditor{
    margin-top:10px;
    padding:10px !important;
    gap:9px !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:10px !important;
    background:var(--card) !important;
    box-shadow:none !important;
  }
  #purchaseEditor .inventoryLines__head,
.inventoryDocumentEditor .inventoryLines__head,
.treasuryTransactionEditor .treasuryLinesPanel__head,
.treasuryTransactionEditor .treasuryLineEditor__head{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    align-items:stretch;
    padding-bottom:8px;
  }
  #purchaseEditor .inventoryLines__head strong,
.inventoryDocumentEditor .inventoryLines__head strong,
.treasuryTransactionEditor .treasuryLinesPanel__head strong,
.treasuryTransactionEditor .treasuryLineEditor__head strong{
    font-size:13px;
  }
  #purchaseEditor .inventoryLines__actions,
.inventoryDocumentEditor .inventoryLines__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:6px !important;
  }
  #purchaseEditor .inventoryLines__actions .btn,
.inventoryDocumentEditor .inventoryLines__actions .btn,
.treasuryTransactionEditor #treasuryLineAdd{
    width:100%;
    min-height:38px !important;
    height:38px !important;
    padding-inline:8px;
    border-radius:8px !important;
    font-size:11px;
  }

  /* Purchase rows become readable compact cards instead of a desktop-width grid */
  .inventoryDocumentEditor .tablewrap,
.treasuryTransactionEditor .treasuryLinesTableWrap{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .treasuryTransactionEditor .treasuryLinesTable,
.treasuryTransactionEditor .treasuryLinesTable tbody{
    display:block;
    width:100%;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable thead{display:none}

  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    margin-bottom:8px;
    padding:10px;
    border:1px solid var(--ui-soft-line,var(--border));
    border-radius:10px;
    background:var(--app-field-surface,var(--panel));
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr:last-child{margin-bottom:0}

  .treasuryTransactionEditor .treasuryLinesTable tbody td{
    display:grid;
    gap:4px;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:right;
    white-space:normal;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td::before{
    color:var(--muted);
    font-size:9.5px;
    font-weight:800;
    line-height:1.4;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  

  /* Receipt/payment rows as two-column cards */
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1){
    position:absolute;
    inset:8px auto auto 8px;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:7px;
    font-size:10px;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(2){padding-left:30px !important}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(2)::before{content:"تاریخ"}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(3){grid-column:1 / -1}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(3)::before{content:"بانک / صندوق / کارت‌خوان"}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4)::before{content:"روش"}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5)::before{content:"شماره پیگیری"}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6){grid-column:1 / -1}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6)::before{content:"مبلغ (ریال)"}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7){
    position:absolute;
    inset:8px 8px auto auto;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7)::before{display:none}
  .treasuryTransactionEditor .treasuryLinesTable tbody tr > td[colspan]{
    position:static;
    grid-column:1 / -1;
    width:auto;
    height:auto;
    padding:16px 8px !important;
    border:0 !important;
  }

  .treasuryTransactionEditor .treasuryLinesTable :is(input,select,.selectx-btn){
    width:100%;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    padding:6px 8px;
    border-radius:8px !important;
    font-size:11.5px;
  }
  
  
  .treasuryTransactionEditor .treasuryLineRemove{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    min-height:26px !important;
    border-radius:7px !important;
  }

  /* Compact totals, matching sales totals */
  #purchaseEditor .inventoryPurchaseSummary,
.inventoryDocumentEditor .inventoryDocumentTotals,
.treasuryTransactionEditor .treasuryReceiptSummary{
    margin-top:10px;
    padding:10px !important;
    border:1px solid var(--ui-soft-line,var(--border));
    border-radius:10px !important;
    background:var(--card);
    box-shadow:none !important;
  }
  #purchaseEditor .inventoryPurchaseSummary__head,
.treasuryTransactionEditor .treasuryReceiptSummary__head{
    margin-bottom:7px;
    padding-bottom:7px;
  }
  #purchaseEditor .totals__row,
.inventoryDocumentEditor .inventoryDocumentTotals > *,
.treasuryTransactionEditor .treasuryLinesPanel__summary article{
    min-height:36px;
    padding:7px 9px;
    border-radius:8px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  /* Cheque editor is flattened and compact on phone */
  .treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryLineEditor__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-cheque-register :is(
    .treasuryField--account,
    .treasuryField--customer,
    .treasuryChequeFields,
    .treasuryChequeLifecycle
  ){
    grid-column:1 / -1 !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-cheque-register :is(
    .treasuryField--amount,
    .treasuryField--reference,
    .treasuryField--counterMode,
    .treasuryField--method
  ){
    grid-column:span 1 !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryChequeFields,
.treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryChequeLifecycle{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:9px !important;
    border-radius:9px !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryChequeFields > label,
.treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryChequeLifecycle__form label{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .treasuryTransactionEditor .treasuryChequeLifecycle__form{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .treasuryTransactionEditor .treasuryChequeLifecycle__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .treasuryTransactionEditor .treasuryChequeLifecycle__actions .btn{
    width:100%;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    padding-inline:7px;
    border-radius:8px !important;
    font-size:10.5px;
  }

  /* Same compact action dock language as the sales module */
  #purchaseEditor .purchaseActionDock,
.treasuryTransactionEditor .treasuryActionDock,
.inventoryDocumentEditor .inventoryDocumentActions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    width:100%;
    margin-top:10px;
    padding:8px !important;
    border:1px solid var(--ui-soft-line,var(--border));
    border-radius:10px !important;
    background:var(--card);
    box-shadow:none !important;
  }
  #purchaseEditor .purchaseActionDock .sendDock__group,
.treasuryTransactionEditor .treasuryActionDock .sendDock__group{
    display:grid;
    width:100%;
    gap:6px;
  }
  #purchaseEditor .purchaseActionDock .sendDock__group--primary,
.treasuryTransactionEditor .treasuryActionDock .sendDock__group--primary{
    grid-template-columns:1fr;
  }
  #purchaseEditor .purchaseActionDock .sendDock__group--secondary,
.treasuryTransactionEditor .treasuryActionDock .sendDock__group--secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #purchaseEditor .purchaseActionDock .sendDock__btn,
.treasuryTransactionEditor .treasuryActionDock .sendDock__btn,
.inventoryDocumentEditor .inventoryDocumentActions .btn{
    width:100%;
    min-width:0 !important;
    min-height:40px !important;
    height:40px !important;
    padding-inline:8px;
    border-radius:8px !important;
    font-size:11px;
  }
  .inventoryDocumentEditor .inventoryDocumentActions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .inventoryDocumentEditor .inventoryDocumentActions .btn:first-child{
    grid-column:1 / -1;
  }
}

@media (max-width:390px){
  #purchaseEditor .inventoryFormGrid,
.inventoryReceiptEditor .inventoryReceiptForm,
.treasuryTransactionEditor .treasuryDocumentHeaderGrid,
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid,
.treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryLineEditor__grid{
    grid-template-columns:1fr !important;
  }
  #purchaseEditor .inventoryFormGrid > label,
.inventoryReceiptEditor .inventoryReceiptForm > label,
.treasuryTransactionEditor .treasuryDocumentHeaderGrid > label,
.treasuryTransactionEditor .treasuryLineEditor.is-cheque-register .treasuryLineEditor__grid > *{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .treasuryTransactionEditor .treasuryCard__headActions,
#purchaseEditor .inventoryLines__actions,
.inventoryDocumentEditor .inventoryLines__actions,
.treasuryTransactionEditor .treasuryChequeLifecycle__actions,
.inventoryDocumentEditor .inventoryDocumentActions{
    grid-template-columns:1fr;
  }
  .treasuryTransactionEditor .treasuryDocumentNumberControl{
    grid-template-columns:1fr;
  }
  .treasuryTransactionEditor .treasuryDocumentNumberControl__save{width:100%}
}


/* V441: mobile register refinements aligned with the sales invoice module */
@media (max-width:720px){
  /* Leaner surfaces and tighter vertical rhythm */
  #purchaseEditor,
.inventoryDocumentEditor,
.treasuryTransactionEditor{
    padding:8px !important;
  }
  #purchaseEditor .inventoryEditor__head,
.inventoryDocumentEditor .inventoryEditor__head,
.treasuryTransactionEditor .treasuryCard__head{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
  }
  #purchaseEditor .inventoryFormGrid,
.inventoryReceiptEditor .inventoryReceiptForm,
.inventoryOperationEditor .inventoryOperationForm,
.treasuryTransactionEditor .treasuryDocumentHeaderGrid{
    gap:8px !important;
  }

  /* Purchase header: date + document number, then full-width business fields */
  #purchaseEditor .inventoryFormGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(1){
    grid-column:1 !important;
    grid-row:1 !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(3){
    grid-column:2 !important;
    grid-row:1 !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(2){
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(4){
    grid-column:1 / -1 !important;
    grid-row:3 !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(5){
    grid-column:1 / -1 !important;
    grid-row:4 !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(6){
    grid-column:1 / -1 !important;
    grid-row:5 !important;
  }

  /* Inventory receipt header: date + reference, then warehouse and party */
  .inventoryReceiptEditor .inventoryReceiptForm{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--date{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--reference{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--warehouse{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--supplier{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--opening{
    grid-column:1 / -1 !important;
    grid-row:4 !important;
    display:flex !important;
    align-items:center !important;
    min-height:40px !important;
    padding:7px 9px !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--description{
    grid-column:1 / -1 !important;
    grid-row:5 !important;
  }

  /* Inventory operations header follows the same compact hierarchy */
  .inventoryOperationEditor .inventoryOperationForm{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .inventoryOperationEditor .inventoryOperationField--type{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--date{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--purchase{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--from{
    grid-column:1 !important;
    grid-row:3 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--to{
    grid-column:2 !important;
    grid-row:3 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--reference{
    grid-column:1 / -1 !important;
    grid-row:4 !important;
  }
  .inventoryOperationEditor .inventoryOperationField--description{
    grid-column:1 / -1 !important;
    grid-row:5 !important;
  }

  /* Lines header and actions: same compact row as sales invoice */
  #purchaseEditor .inventoryLines__head,
.inventoryDocumentEditor .inventoryLines__head,
.treasuryTransactionEditor .treasuryLinesPanel__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    padding-bottom:8px !important;
  }
  #purchaseEditor .inventoryLines__actions,
.inventoryDocumentEditor .inventoryLines__actions{
    display:flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  #purchaseEditor .inventoryLines__actions .btn,
.inventoryDocumentEditor .inventoryLines__actions .btn,
.inventoryOperationEditor #btnOperationAddLine,
.treasuryTransactionEditor #treasuryLineAdd{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
  #btnPurchaseAddLine,
#btnReceiptAddLine,
#btnOperationAddLine,
#treasuryLineAdd{
    font-weight:850 !important;
  }

  /* Treasury line cards: no label/control overlap, clear sales-like hierarchy */
  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:42px 9px 9px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1){
    inset:8px 8px auto auto !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7){
    inset:8px auto auto 8px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(2){
    grid-column:1 / -1 !important;
    padding:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(3){
    grid-column:1 / -1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4){
    grid-column:1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5){
    grid-column:2 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6){
    grid-column:1 / -1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td::before{
    display:block;
    margin-bottom:1px;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6) input{
    font-size:15px !important;
    font-weight:900 !important;
  }

  /* Inventory operation rows also become mobile cards */
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* Make purchase/receipt card rows visually quieter */
  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    box-shadow:none !important;
  }
  
}

@media (max-width:480px){
  #purchaseEditor .inventoryFormGrid,
.inventoryReceiptEditor .inventoryReceiptForm,
.inventoryOperationEditor .inventoryOperationForm,
.treasuryTransactionEditor .treasuryDocumentHeaderGrid,
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid{
    grid-template-columns:1fr !important;
  }
  #purchaseEditor .inventoryFormGrid > label,
.inventoryReceiptEditor .inventoryReceiptForm > label,
.inventoryOperationEditor .inventoryOperationForm > label,
.treasuryTransactionEditor .treasuryDocumentHeaderGrid > label{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  #purchaseEditor .inventoryLines__head,
.inventoryDocumentEditor .inventoryLines__head,
.treasuryTransactionEditor .treasuryLinesPanel__head{
    align-items:flex-start !important;
  }
  #purchaseEditor .inventoryLines__actions,
.inventoryDocumentEditor .inventoryLines__actions{
    width:100% !important;
  }
  #purchaseEditor .inventoryLines__actions .btn,
.inventoryDocumentEditor .inventoryLines__actions .btn{
    flex:1 1 0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4),
.treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5){
    grid-column:1 / -1 !important;
  }
}


/* V442: purchase lines scroll like sales invoice + treasury mobile alignment cleanup */
@media (max-width:720px){
  /* Purchase lines should stay as a horizontal-scrolling table like sales invoice */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #purchaseEditor .inventoryLines__actions{
    display:flex !important;
    width:auto !important;
    gap:6px !important;
  }
  #purchaseEditor .inventoryLines__actions .btn{
    width:auto !important;
    min-width:0 !important;
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-weight:850 !important;
  }

  /* Treasury receipt/payment section: remove subtitle spacing and align cards cleanly */
  .treasuryTransactionEditor .treasuryLinesPanel__head > div span{display:none !important;}
  .treasuryTransactionEditor .treasuryLinesPanel__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:7px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:42px 10px 10px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td{
    grid-column:1 / -1 !important;
    padding:0 !important;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td::before{
    display:block !important;
    margin-bottom:3px !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.5 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1){
    position:absolute !important;
    inset:8px auto auto 8px !important;
    display:grid !important;
    place-items:center !important;
    width:24px !important;
    height:24px !important;
    padding:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1)::before{display:none !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7){
    position:absolute !important;
    inset:8px 8px auto auto !important;
    width:auto !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7)::before{display:none !important;}
  .treasuryTransactionEditor .treasuryLinesTable :is(input,select,.selectx-btn){
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:40px !important;
    border-radius:8px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6) input{
    font-size:15px !important;
    font-weight:900 !important;
  }
}

@media (max-width:480px){
  #purchaseEditor .inventoryLines__head{align-items:flex-start !important;}
  #purchaseEditor .inventoryLines__actions{width:100% !important; flex-wrap:wrap !important;}
  #purchaseEditor .inventoryLines__actions .btn{flex:1 1 0 !important; justify-content:center !important;}
  
}


/* V443: lower purchase scroll bar + rebalance treasury mobile line layout */
@media (max-width:720px){
  /* Move purchase horizontal scrollbar a bit lower */
  
  

  /* Treasury lines panel closer to purchase visual language */
  .treasuryTransactionEditor .treasuryLinesPanel{
    padding:10px !important;
    border-radius:10px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    padding-bottom:8px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head > div{
    display:grid !important;
    gap:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head strong{
    font-size:13px !important;
  }
  .treasuryTransactionEditor #treasuryLineAdd{
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:11px !important;
    font-weight:850 !important;
  }

  .treasuryTransactionEditor .treasuryLinesTableWrap{
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable,
.treasuryTransactionEditor .treasuryLinesTable tbody{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable thead{display:none !important;}

  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin-bottom:8px !important;
    padding:44px 10px 10px !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:10px !important;
    background:var(--app-field-surface,var(--panel)) !important;
    box-shadow:none !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr:last-child{margin-bottom:0 !important;}

  .treasuryTransactionEditor .treasuryLinesTable tbody td{
    position:static !important;
    display:grid !important;
    gap:4px !important;
    min-width:0 !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:right !important;
    white-space:normal !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td::before{
    display:block !important;
    color:var(--muted) !important;
    font-size:9.5px !important;
    font-weight:800 !important;
    line-height:1.45 !important;
    margin-bottom:2px !important;
  }

  /* row number */
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1){
    position:absolute !important;
    inset:8px auto auto 8px !important;
    display:grid !important;
    place-items:center !important;
    width:24px !important;
    height:24px !important;
    padding:0 !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:7px !important;
    background:transparent !important;
    font-size:10px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(1)::before{display:none !important;content:none !important;}

  /* delete action */
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7){
    position:absolute !important;
    inset:8px 8px auto auto !important;
    display:block !important;
    width:auto !important;
    padding:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(7)::before{display:none !important;content:none !important;}

  /* field order like a clean item card */
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(2){grid-column:1 / -1 !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(2)::before{content:"تاریخ" !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(3){grid-column:1 / -1 !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(3)::before{content:"بانک / صندوق / کارت‌خوان" !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4){grid-column:1 !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4)::before{content:"روش" !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5){grid-column:2 !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5)::before{content:"شماره پیگیری" !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6){grid-column:1 / -1 !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6)::before{content:"مبلغ (ریال)" !important;}

  .treasuryTransactionEditor .treasuryLinesTable :is(input,select,.selectx-btn){
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    font-size:11.5px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(6) input{
    font-size:15px !important;
    font-weight:900 !important;
  }
  .treasuryTransactionEditor .treasuryLineRemove{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    min-height:26px !important;
    border-radius:7px !important;
  }
}

@media (max-width:480px){
  .treasuryTransactionEditor .treasuryLinesPanel__head{align-items:flex-start !important;}
  .treasuryTransactionEditor .treasuryLinesTable tbody tr{
    grid-template-columns:1fr !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(4),
.treasuryTransactionEditor .treasuryLinesTable tbody td:nth-child(5){
    grid-column:1 / -1 !important;
  }
}


/* V444: purchase-like mobile treasury table, stable alignment, and lower scrollbars */
@media (max-width:720px){
  /* Keep the horizontal scrollbar a little farther below purchase row controls. */
  
  

  /* Treasury item section now follows the purchase table language instead of stacked cards. */
  .treasuryTransactionEditor .treasuryLinesPanel{
    display:grid !important;
    gap:9px !important;
    margin-top:10px !important;
    padding:10px !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:10px !important;
    background:var(--card) !important;
    box-shadow:none !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 0 8px !important;
    border:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head > div{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head strong{
    margin:0 !important;
    font-size:13px !important;
    line-height:1.6 !important;
    white-space:nowrap !important;
  }
  .treasuryTransactionEditor #treasuryLineAdd{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:11px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }

  .treasuryTransactionEditor .treasuryLinesTableWrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 18px !important;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:10px !important;
    background:var(--app-field-surface,var(--panel)) !important;
    scrollbar-gutter:stable both-edges;
    -webkit-overflow-scrolling:touch;
  }
  .treasuryTransactionEditor .treasuryLinesTable{
    display:table !important;
    width:972px !important;
    min-width:972px !important;
    margin:0 0 10px !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--index{width:52px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--date{width:138px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--account{width:228px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--method{width:150px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--reference{width:180px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--amount{width:160px !important}
  .treasuryTransactionEditor .treasuryLinesTable col.treasuryLineCol--ops{width:64px !important}

  .treasuryTransactionEditor .treasuryLinesTable thead{
    display:table-header-group !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody{
    display:table-row-group !important;
    width:auto !important;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tr,
.treasuryTransactionEditor .treasuryLinesTable tbody tr{
    position:static !important;
    display:table-row !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable th,
.treasuryTransactionEditor .treasuryLinesTable td,
.treasuryTransactionEditor .treasuryLinesTable tbody td{
    position:static !important;
    display:table-cell !important;
    grid-column:auto !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    padding:8px 6px !important;
    border:0 !important;
    border-bottom:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:0 !important;
    background:transparent !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable th{
    color:var(--muted) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable td::before,
.treasuryTransactionEditor .treasuryLinesTable tbody td::before{
    display:none !important;
    content:none !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr:last-child td{
    border-bottom:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    inset:auto !important;
    padding:8px 6px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr > td[colspan]{
    display:table-cell !important;
    width:auto !important;
    height:auto !important;
    padding:18px 10px !important;
    text-align:center !important;
  }

  .treasuryTransactionEditor .treasuryLinesTable :is(input,select,.selectx-btn),
.treasuryTransactionEditor .treasuryLinesTable .treasuryInlineCounter{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    font-size:11.5px !important;
    line-height:normal !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable .treasuryInlineCounter{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable .treasuryInlineAmount{
    direction:ltr !important;
    text-align:right !important;
    font-size:14px !important;
    font-weight:900 !important;
  }
  .treasuryTransactionEditor .treasuryLineRemove{
    position:static !important;
    inset:auto !important;
    display:grid !important;
    place-items:center !important;
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:8px !important;
  }

  /* Preserve the compact, aligned document header above the item table. */
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid{
    align-items:end !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid > label{
    min-width:0 !important;
    margin:0 !important;
  }
  .treasuryTransactionEditor .treasuryDocumentHeaderGrid :is(input,.partyPickerControl,.treasuryDocumentNumberControl){
    width:100% !important;
    min-width:0 !important;
  }
}

/* V445: unified, item-based cheque operations */
.treasuryTransactionEditor .treasuryLinesPanel__head > div{
  min-width:0;
}
.treasuryTransactionEditor .treasuryLinesPanel__head #treasuryLinesPanelSubtitle[hidden],
.treasuryTransactionEditor .treasuryLinesPanel__head #treasuryLinesPanelSubtitle:empty{
  display:none !important;
}
.treasuryTransactionEditor .treasuryLinesPanel__head #treasuryLinesPanelSubtitle{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
  line-height:1.65;
}
.treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items{
  order:2;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only{
  order:3;
  display:block;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryLineEditor__head,
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryLineEditor__grid > :not(.treasuryChequeLifecycle){
  display:none !important;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryLineEditor__grid{
  display:block !important;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle{
  display:grid;
  grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);
  gap:12px;
  margin:0;
  padding:14px;
  border:1px solid var(--ui-soft-line,var(--border));
  border-radius:12px;
  background:var(--card);
  box-shadow:none;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__head{
  align-content:center;
  padding:11px 12px;
  border:1px solid var(--ui-soft-line,var(--border));
  border-radius:10px;
  background:var(--surface-soft,rgba(127,127,127,.045));
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__form{
  grid-template-columns:minmax(150px,.65fr) minmax(190px,.85fr) minmax(220px,1.2fr);
  gap:9px;
}
.treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  padding-top:10px;
  border-top:1px solid var(--ui-soft-line,var(--border));
}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table{
  min-width:1400px !important;
  table-layout:fixed !important;
}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--index{width:54px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--date{width:132px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--account{width:210px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--chequeNumber{width:150px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--dueDate{width:132px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--chequeOwner{width:170px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--chequeBank{width:165px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--reference{width:155px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--amount{width:150px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table .treasuryLineCol--ops{width:72px}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table tbody tr{
  background:var(--card);
}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table tbody tr:hover{
  background:var(--surface-soft,rgba(127,127,127,.035));
}
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table td:nth-child(4) input,
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table td:nth-child(5) input,
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table td:nth-child(8) input{
  direction:ltr;
  text-align:right;
}
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryActionDock{
  order:4;
}

@media(max-width:980px){
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle{
    grid-template-columns:1fr;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__form{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__form .treasuryChequeLifecycle__note{
    grid-column:1 / -1;
  }
}

@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel__head #treasuryLinesPanelSubtitle{
    font-size:10.5px;
    line-height:1.55;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesTableWrap{
    margin-top:10px !important;
    padding-bottom:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-gutter:stable;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .treasuryTransactionEditor .treasuryLinesTable.is-cheque-table{
    min-width:1290px !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable.is-cheque-table th,
.treasuryTransactionEditor .treasuryLinesTable.is-cheque-table td{
    padding:7px 6px !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle{
    padding:9px !important;
    border-radius:10px !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__form{
    grid-template-columns:1fr !important;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__form .treasuryChequeLifecycle__note{
    grid-column:1;
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__actions .btn{
    width:100%;
    min-width:0 !important;
  }
}

@media(max-width:390px){
  .treasuryTransactionEditor .treasuryLineEditor.is-lifecycle-only .treasuryChequeLifecycle__actions{
    grid-template-columns:1fr;
  }
}

/* V446: treasury item actions aligned at the left on desktop and mobile */
.treasuryTransactionEditor .treasuryLinesPanel__actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex:0 0 auto;
}
.treasuryTransactionEditor .treasuryLinesPanel__actions .btn{
  width:auto;
  min-width:0;
  white-space:nowrap;
}
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel__actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    flex:0 0 auto !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__actions .btn,
.treasuryTransactionEditor .treasuryLinesPanel__actions .treasuryAiImportBtn,
.treasuryTransactionEditor .treasuryLinesPanel__actions #treasuryLineAdd{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:36px !important;
    height:36px !important;
    padding:6px 9px !important;
    border-radius:8px !important;
    font-size:11px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }
}


/* V447: accounting product naming + stable treasury item actions on mobile */
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:auto !important;
    min-width:max-content !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions > .btn{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    visibility:visible !important;
    opacity:1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:last-child .treasuryLineRemove{
    display:inline-grid !important;
    place-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
    color:var(--danger) !important;
    border:1px solid color-mix(in srgb,var(--danger) 38%,var(--border)) !important;
    background:color-mix(in srgb,var(--danger) 8%,transparent) !important;
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    margin-inline:auto !important;
    padding:0 !important;
    line-height:1 !important;
  }
}


/* V448: final mobile treasury item header and always-visible delete action */
.treasuryTransactionEditor .treasuryLinesPanel__head #treasuryLinesPanelTitleBox[hidden]{
  display:none !important;
}
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel__head{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    align-items:center !important;
    padding-bottom:6px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-right:auto !important;
    margin-left:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions > .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:11.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  /* Keep the operations column pinned to the physical left edge while the item table scrolls. */
  .treasuryTransactionEditor .treasuryLinesTable th:last-child,
.treasuryTransactionEditor .treasuryLinesTable td:last-child,
.treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    position:sticky !important;
    left:0 !important;
    right:auto !important;
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    text-align:center !important;
    background:var(--app-field-surface,var(--panel)) !important;
    box-shadow:8px 0 14px -14px rgba(0,0,0,.55) !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable th:last-child{
    z-index:8 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable td:last-child,
.treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    z-index:6 !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody td:last-child .treasuryLineRemove{
    position:relative !important;
    inset:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border)) !important;
    border-radius:8px !important;
    background:color-mix(in srgb,var(--danger) 10%,transparent) !important;
    color:var(--danger) !important;
    font-size:20px !important;
    font-weight:800 !important;
    line-height:1 !important;
    cursor:pointer !important;
  }
}
@media(max-width:390px){
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions{
    gap:6px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions > .btn{
    min-height:36px !important;
    height:36px !important;
    padding-inline:8px !important;
    font-size:10.8px !important;
  }
}

/* V449: desktop treasury item buttons in one aligned row + sticky row number on mobile */
@media(min-width:721px){
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:auto !important;
    min-width:0 !important;
    margin-right:auto !important;
    margin-left:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__head .treasuryLinesPanel__actions > .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
  }
}

@media(max-width:720px){
  /* Keep row number visible at the physical right edge while the table scrolls. */
  .treasuryTransactionEditor .treasuryLinesTable th:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    position:sticky !important;
    right:0 !important;
    left:auto !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    text-align:center !important;
    background:var(--app-field-surface,var(--panel)) !important;
    box-shadow:-8px 0 14px -14px rgba(0,0,0,.55) !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable th:first-child{
    z-index:8 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    z-index:6 !important;
    font-weight:850 !important;
  }
}

/* V450: treasury mobile row/action columns stay in their normal table positions */
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesTable th:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]),
.treasuryTransactionEditor .treasuryLinesTable th:last-child,
.treasuryTransactionEditor .treasuryLinesTable td:last-child,
.treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    position:static !important;
    left:auto !important;
    right:auto !important;
    inset:auto !important;
    z-index:auto !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  /* Let colgroup control the index/operations widths for both normal and cheque item tables. */
  .treasuryTransactionEditor .treasuryLinesTable th:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]),
.treasuryTransactionEditor .treasuryLinesTable th:last-child,
.treasuryTransactionEditor .treasuryLinesTable td:last-child,
.treasuryTransactionEditor .treasuryLinesTable tbody td:last-child{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    text-align:center !important;
  }

  .treasuryTransactionEditor .treasuryLinesTable tbody td:last-child .treasuryLineRemove{
    position:static !important;
    inset:auto !important;
    margin:0 auto !important;
  }
}


/* V451: cheque mobile header cleanup, centered actions, and remove stray empty number box */
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    text-align:center !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head > div,
.treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__title,
.treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items #treasuryLinesPanelTitleBox{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items #treasuryLinesPanelTitle{
    margin:0 !important;
    text-align:center !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 auto !important;
    gap:8px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions > .btn{
    margin:0 !important;
  }

  /* In new cheque documents, hide the empty document-number field that appears as a stray box at the top. */
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--number.is-mobile-hidden-empty-cheque-number{
    display:none !important;
  }
}


/* V452: restore cheque mobile actions layout + clean centered row-number column */
@media(max-width:720px){
  /* Revert cheque item buttons to the previous left-aligned layout. */
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    text-align:initial !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head > div,
.treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__title,
.treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items #treasuryLinesPanelTitleBox{
    display:flex !important;
    place-items:initial !important;
    width:auto !important;
    text-align:initial !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    max-width:100% !important;
    margin-right:auto !important;
    margin-left:0 !important;
    gap:7px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions > .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  /* Row number cell: centered, plain, and without the extra border box. */
  .treasuryTransactionEditor .treasuryLinesTable th:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    text-align:center !important;
    vertical-align:middle !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    font-weight:850 !important;
    padding-inline:4px !important;
  }
}


/* V453: cheque mobile cleanup - remove items title, center row number, hide top empty box */
@media(max-width:720px){
  /* Hide the top empty cheque document-number box near the side menu in mobile register mode. */
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--number{
    display:none !important;
  }

  /* Keep cheque item actions in their previous layout while the title box stays hidden. */
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  /* Row number should be visually centered and plain, without any surrounding box. */
  .treasuryTransactionEditor .treasuryLinesTable th:first-child,
.treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    text-align:center !important;
    vertical-align:middle !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesTable tbody tr > td:first-child:not([colspan]){
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    font-weight:850 !important;
    font-variant-numeric:tabular-nums !important;
  }
}

/* V454: cheque mobile top-box removal + physical left alignment for item actions */
@media(max-width:720px){
  /* Cheque registration is row-based on mobile; remove the leftover document-header shell completely. */
  .treasuryTransactionEditor .treasuryForm.is-cheque-register > .treasuryDocumentHeaderGrid{
    display:none !important;
  }

  /* Keep both cheque item actions as one compact group on the physical left side. */
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    gap:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    direction:rtl !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    gap:7px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions > .btn{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
  }
}


/* V456 — multi-line cheque document */
.treasuryLinesTable.is-cheque-table .treasuryLineCol--chequeStatus{width:130px}
.treasuryLinesTable.is-cheque-table .treasuryChequeItemRow.is-active-cheque-line td{background:color-mix(in srgb, var(--pri, #1f6feb) 6%, transparent)}
.treasuryChequeLineAction{white-space:nowrap}
#treasuryChequeLifecycleTarget{display:block;margin-top:3px;font-size:11px;font-weight:700;color:var(--muted,#6b7280)}
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--number{display:flex !important}
.treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--customer{display:flex !important}

/* V456: keep cheque document-level fields in the upper header on every viewport. */
.treasuryTransactionEditor .treasuryForm.is-cheque-register > .treasuryDocumentHeaderGrid{
  display:grid !important;
}
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryForm.is-cheque-register > .treasuryDocumentHeaderGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--number{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--date{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--customer{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  .treasuryTransactionEditor .treasuryForm.is-cheque-register .treasuryDocumentHeaderGrid .treasuryField--description{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
  }
}

/* V457: cheque document header stays above cheque items; mobile cheque actions sit on the physical left. */
.treasuryTransactionEditor .treasuryForm.is-cheque-register > .treasuryDocumentHeaderGrid{
  order:1 !important;
}
.treasuryTransactionEditor .treasuryForm.is-cheque-register > .treasuryLinesPanel.is-cheque-items{
  order:2 !important;
}
@media(max-width:720px){
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__head{
    width:100% !important;
    min-width:0 !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    direction:rtl !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-right:auto !important;
    margin-left:0 !important;
    gap:7px !important;
  }
  .treasuryTransactionEditor .treasuryLinesPanel.is-cheque-items .treasuryLinesPanel__actions > .btn{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
  }
}


/* V458: cheque registration/lifecycle is integrated into receipt/payment documents. */
.treasuryLinesTable.is-unified-cheque-table{
  min-width: 1680px;
}
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--index{ width: 56px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--date{ width: 132px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--account{ width: 210px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--method{ width: 142px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--chequeNumber{ width: 145px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--dueDate{ width: 130px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--chequeOwner{ width: 175px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--chequeBank{ width: 155px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--reference{ width: 150px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--amount{ width: 155px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--chequeStatus{ width: 145px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryLineCol--ops{ width: 120px; }
.treasuryLinesTable.is-unified-cheque-table .treasuryChequeItemRow > td{
  background: color-mix(in srgb, var(--panel, #101b2d) 94%, currentColor 6%);
}
@media (max-width: 720px) {
  .treasuryTransactionEditor .treasuryLinesPanel__actions{
    width: max-content !important;
    max-width: 100%;
    margin-right: auto !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }
  .treasuryTransactionEditor .treasuryLinesPanel__actions > button{
    flex: 0 0 auto;
  }
}

/* V460: one mobile appearance for every dual module tab set, matching Sales. */
@media (max-width:720px){
  /* Only exact two-tab module navigation is normalized here; 3+ tab modules keep their own layout. */
  .main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child){
    display:flex !important;
    align-items:flex-end !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:0 0 14px !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    border:0 !important;
    border-bottom:1px solid var(--border) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    scrollbar-width:none !important;
  }
  .main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child)::-webkit-scrollbar{
    display:none !important;
  }
  .main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child) > .inventoryTab{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
    margin:0 !important;
    padding:9px 13px 10px !important;
    border:0 !important;
    border-bottom:3px solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--muted) !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
  }
  .main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child) > .inventoryTab:hover{
    border-bottom-color:color-mix(in srgb, var(--accent) 35%, transparent) !important;
    background:transparent !important;
    color:var(--text) !important;
  }
  .main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child) > .inventoryTab.is-active,
.main .page .inventoryTabs:not([hidden]):has(> .inventoryTab:nth-child(2):last-child) > .inventoryTab[aria-selected="true"]{
    border-bottom-color:var(--accent) !important;
    background:transparent !important;
    color:var(--text) !important;
    box-shadow:none !important;
  }

  /* Hidden tab groups belong to other contexts/modules and must stay hidden. */
  .main .page .inventoryTabs[hidden]{
    display:none !important;
  }
}

/* V463: mobile quick navigation is docked to the viewport edge instead of floating. */
@media (max-width:980px){
  .main{
    padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .mobileBottomNav{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    min-height:68px !important;
    margin:0 !important;
    padding:6px max(8px, env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px)) !important;
    gap:4px !important;
    border:0 !important;
    border-top:1px solid rgba(148,163,184,.20) !important;
    border-radius:0 !important;
    background:#0c1628 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html[data-theme="light"] .mobileBottomNav,
html.theme-light .mobileBottomNav,
body.theme-light .mobileBottomNav{
    border-top-color:rgba(15,23,42,.10) !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .mobileBottomNav__item,
.mobileBottomNav__item--primary{
    height:54px !important;
    min-height:54px !important;
    margin:0 !important;
    padding:6px 2px 5px !important;
    border-radius:12px !important;
    box-shadow:none !important;
    transform:none;
  }

  .mobileBottomNav__item--primary{
    border:1px solid rgba(var(--accent-rgb),.22) !important;
    background:rgba(var(--accent-rgb),.10) !important;
    color:#a9c7ff !important;
  }
  html[data-theme="light"] .mobileBottomNav__item--primary,
html.theme-light .mobileBottomNav__item--primary,
body.theme-light .mobileBottomNav__item--primary{
    color:var(--accent) !important;
    background:rgba(var(--accent-rgb),.07) !important;
  }

  .mobileBottomNav__item--primary .mobileBottomNav__ico{
    width:28px !important;
    height:28px !important;
    background:rgba(var(--accent-rgb),.10) !important;
  }

  .supportChat{
    bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .annBell{
    bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width:390px){
  .mobileBottomNav{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding-inline:max(5px, env(safe-area-inset-left, 0px)) max(5px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom:calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:0 !important;
  }
  .mobileBottomNav__item--primary{
    margin-top:0 !important;
  }
}

/* V464: the central "ثبت فاکتور فروش" mobile nav item looks like the other shortcuts while inactive. */
@media (max-width:980px){
  .mobileBottomNav__item--primary,
.mobileBottomNav__item--primary:hover,
.mobileBottomNav__item--primary:focus-visible{
    height:54px !important;
    min-height:54px !important;
    margin:0 !important;
    padding:6px 2px 5px !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(226,232,240,.88) !important;
  }
  html[data-theme="light"] .mobileBottomNav__item--primary,
html[data-theme="light"] .mobileBottomNav__item--primary:hover,
html[data-theme="light"] .mobileBottomNav__item--primary:focus-visible,
html.theme-light .mobileBottomNav__item--primary,
html.theme-light .mobileBottomNav__item--primary:hover,
html.theme-light .mobileBottomNav__item--primary:focus-visible,
body.theme-light .mobileBottomNav__item--primary,
body.theme-light .mobileBottomNav__item--primary:hover,
body.theme-light .mobileBottomNav__item--primary:focus-visible{
    color:#475569 !important;
    background:transparent !important;
  }

  .mobileBottomNav__item--primary .mobileBottomNav__ico{
    width:22px !important;
    height:22px !important;
    border-radius:12px !important;
    background:transparent !important;
  }
  .mobileBottomNav__item--primary .mobileBottomNav__ico svg{
    width:20px !important;
    height:20px !important;
  }
  .mobileBottomNav__item--primary .mobileBottomNav__label{
    font-size:10.6px !important;
    font-weight:850 !important;
  }

  .mobileBottomNav__item--primary.is-active,
.mobileBottomNav__item--primary.is-active:hover,
.mobileBottomNav__item--primary.is-active:focus-visible{
    color:#fff !important;
    background:rgba(255,255,255,.05) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html[data-theme="light"] .mobileBottomNav__item--primary.is-active,
html[data-theme="light"] .mobileBottomNav__item--primary.is-active:hover,
html[data-theme="light"] .mobileBottomNav__item--primary.is-active:focus-visible,
html.theme-light .mobileBottomNav__item--primary.is-active,
html.theme-light .mobileBottomNav__item--primary.is-active:hover,
html.theme-light .mobileBottomNav__item--primary.is-active:focus-visible,
body.theme-light .mobileBottomNav__item--primary.is-active,
body.theme-light .mobileBottomNav__item--primary.is-active:hover,
body.theme-light .mobileBottomNav__item--primary.is-active:focus-visible{
    color:var(--accent) !important;
    background:rgba(var(--accent-rgb),.08) !important;
  }
}

/* V465: mobile layout audit for every page except the Sales module. */
@media (max-width:720px){
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]),
.main > .settingsPage{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:12px;
  }

  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .card,.inventoryEditor,.inventoryListCard,.inventoryLines,.inventoryTabs,
    .entityTabbedPanels,.entityTabPanel,.treasuryPanel,.treasuryCard,.treasuryForm,
    .accountingPanel,.accountingCard,.accountPage__panel,.unifiedReportPage,
    .unifiedReportToolbar,.tablewrap,.tableWrap,.treasuryLinesTableWrap,
    .treasuryTableWrap,.accountingTableWrap,.partyLedgerTableWrap
  ),
.main > .settingsPage :is(
    .settingsPanel,.settingsTabs,.grid2,.card,.accountingCard,.form,.form--pro,
    .performanceSettingsCard,.pluginsGrid,.pluginCard,.filepick
  ){
    max-width:100% !important;
    min-width:0 !important;
  }

  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    input:not([type="checkbox"]):not([type="radio"]),select,textarea,.in,.input,.out,
    .selectx,.selectx-btn,.partyPickerControl,.warehouseSelectControl,
    .treasuryAccountSelectControl,.inputAction,.itemCategorySelectControl
  ),
.main > .settingsPage :is(
    input:not([type="checkbox"]):not([type="radio"]),select,textarea,.in,.input,.out,
    .selectx,.selectx-btn,.keyInputRow,.keyInputInline
  ){
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  /* Module and settings tabs wrap into a compact grid instead of leaving the viewport. */
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) > .inventoryTabs,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .entityTabs,
.main > .settingsPage > .settingsTabs{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(96px,1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    overflow:visible !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) > .inventoryTabs > .inventoryTab,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .entityTabs > .inventoryTab,
.main > .settingsPage > .settingsTabs > .settingsTab{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    height:auto !important;
    padding:8px 6px 9px !important;
    line-height:1.55 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* Shared compact two-column form rhythm. Long fields still span the whole row. */
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .form--pro,
.main > .settingsPage .form--pro{
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .form--pro > label,
.main > .settingsPage .form--pro > label{
    grid-column:span 6 !important;
    min-width:0 !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .form--pro > :is(
    .formsep,.row,.formmsg,.col-12
  ),
.main > .settingsPage .form--pro > :is(.formsep,.row,.formmsg,.col-12),
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .form--pro > label:is(
    .col-12,.col-8,.sm-12,.itemTitleField,.itemMoadianLookupField
  ),
.main > .settingsPage .form--pro > label:is(.col-12,.col-8,.sm-12){
    grid-column:1 / -1 !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .form--pro > label:is(
    .sm-7,.sm-6,.sm-5,.col-6,.col-5,.col-4,.col-3,.col-2
  ),
.main > .settingsPage .form--pro > label:is(
    .sm-7,.sm-6,.sm-5,.col-6,.col-5,.col-4,.col-3,.col-2,.keep-half
  ){
    grid-column:span 6 !important;
  }

  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .inventoryFormGrid,.inventoryDocumentGrid,.warehouseDefinitionGrid,
    .inventoryReportFilterGrid,.treasuryDocumentHeaderGrid,.treasuryLineEditor__grid,
    .treasuryChequeFields,.treasuryChequeLifecycle__form,.accountingFormGrid
  ){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #purchaseEditor .inventoryFormGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(n){
    grid-column:auto !important;
    grid-row:auto !important;
  }
  #purchaseEditor .inventoryFormGrid > label:nth-child(1){grid-column:1 !important;grid-row:1 !important}
  #purchaseEditor .inventoryFormGrid > label:nth-child(3){grid-column:2 !important;grid-row:1 !important}
  #purchaseEditor .inventoryFormGrid > label:nth-child(2){grid-column:1 / -1 !important;grid-row:2 !important}
  #purchaseEditor .inventoryFormGrid > label:nth-child(4){grid-column:1 / -1 !important;grid-row:3 !important}
  #purchaseEditor .inventoryFormGrid > label:nth-child(5){grid-column:1 / -1 !important;grid-row:4 !important}
  #purchaseEditor .inventoryFormGrid > label:nth-child(6){grid-column:1 / -1 !important;grid-row:5 !important}

  .inventoryReceiptEditor .inventoryReceiptForm > label,
.inventoryOperationEditor .inventoryOperationForm > label{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .inventoryReceiptEditor .inventoryReceiptField--date{grid-column:1 !important;grid-row:1 !important}
  .inventoryReceiptEditor .inventoryReceiptField--reference{grid-column:2 !important;grid-row:1 !important}
  .inventoryReceiptEditor .inventoryReceiptField--warehouse{grid-column:1 !important;grid-row:2 !important}
  .inventoryReceiptEditor .inventoryReceiptField--opening{grid-column:2 !important;grid-row:2 !important}
  .inventoryReceiptEditor .inventoryReceiptField--supplier{grid-column:1 / -1 !important;grid-row:3 !important}
  .inventoryReceiptEditor .inventoryReceiptField--description{grid-column:1 / -1 !important;grid-row:4 !important}

  .inventoryOperationEditor .inventoryOperationField--type{grid-column:1 !important;grid-row:1 !important}
  .inventoryOperationEditor .inventoryOperationField--date{grid-column:2 !important;grid-row:1 !important}
  .inventoryOperationEditor .inventoryOperationField--purchase{grid-column:1 / -1 !important;grid-row:2 !important}
  .inventoryOperationEditor .inventoryOperationField--from{grid-column:1 !important;grid-row:3 !important}
  .inventoryOperationEditor .inventoryOperationField--to{grid-column:2 !important;grid-row:3 !important}
  .inventoryOperationEditor .inventoryOperationField--reference{grid-column:1 / -1 !important;grid-row:4 !important}
  .inventoryOperationEditor .inventoryOperationField--description{grid-column:1 / -1 !important;grid-row:5 !important}
  .inventoryOperationEditor .inventoryOperationForm:has(#operationToWarehouseField[hidden]) .inventoryOperationField--from{
    grid-column:1 / -1 !important;
  }

  .treasuryTransactionEditor .treasuryLineEditor__grid > label{
    grid-column:auto !important;
  }
  .treasuryTransactionEditor .treasuryChequeFields{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .treasuryTransactionEditor .treasuryChequeFields > label:last-child{
    grid-column:1 / -1 !important;
  }
  #purchaseEditor .inventoryFormGrid > label.inventoryField--wide,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .inventoryFormGrid,.inventoryDocumentGrid
  ) > .inventoryField--wide,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryDocumentHeaderGrid > .treasuryField--customer,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryDocumentHeaderGrid > .treasuryField--description,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryLineEditor__grid > .treasuryField--account,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryLineEditor__grid > .treasuryField--customer,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryLineEditor__grid > .treasuryForm__span3,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryChequeLifecycle__form > .treasuryChequeLifecycle__note{
    grid-column:1 / -1 !important;
  }

  /* Filters, summaries and action groups use the screen in two columns. */
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .inventoryFilters,.inventoryReportSummary,.treasuryFilters,.accountingStats,
    .listToolbar__fields,.partyLedgerToolbar__filters,.filter-mini__fields
  ){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryFilters > label:first-child,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .treasuryFilters > label:first-child,
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryReportFilterGrid > label:has(#inventoryReportSupplier),
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryReportFilterGrid > label:has(#inventoryReportSearch),
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .listToolbar__search{
    grid-column:1 / -1 !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .inventoryReportFilterActions,.partyLedgerToolbar__actions,.treasuryFilterActions,
    .accountingToolbar__actions,.inventoryBulkActions__buttons,.excelImportActions
  ){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .inventoryReportFilterActions,.partyLedgerToolbar__actions,.treasuryFilterActions,
    .accountingToolbar__actions,.inventoryBulkActions__buttons,.excelImportActions
  ) > .btn{
    width:100% !important;
    min-width:0 !important;
  }

  /* Dashboard context and KPI cards no longer form a long single-column page. */
  .dashboardV355 .dash349Header{
    padding:15px 13px !important;
  }
  .dashboardV355 .dash349Context{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .dashboardV355 .dash349Context > span{
    min-width:0 !important;
    padding:9px 7px !important;
  }
  .dashboardV355 .dash349Stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  .dashboardV355 .dash349Metric{
    min-height:128px !important;
    padding:13px !important;
  }
  .dashboardV355 .dash349Metric > strong{
    font-size:22px !important;
  }
  .dashboardV355 .dash349Metric :is(p,b,span,strong){
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  .dashboardV355 .dash349Followup{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  /* Tables keep their own horizontal scroll and never enlarge the entire page. */
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .tablewrap,.tableWrap,.treasuryLinesTableWrap,.treasuryTableWrap,
    .accountingTableWrap,.partyLedgerTableWrap,.inventoryTableWrap
  ),
.main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .card > :is(
    [id$="Table"],[id$="List"]
  ){
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  /* Long filenames and compact picker controls must shrink inside their cards. */
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .filepick,
.main > .settingsPage .filepick{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:7px !important;
    width:100% !important;
    overflow:hidden !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .filepick__name,
.main > .settingsPage .filepick__name{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Subscription checkboxes previously inherited full input width. */
  .planPage input[type="checkbox"],
.planPage input[type="radio"]{
    flex:0 0 18px !important;
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    margin:0 !important;
  }
  .planPage label:has(> input[type="checkbox"]),
.planPage label:has(> input[type="radio"]){
    display:flex !important;
    align-items:flex-start !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }
  .feedbackPage .btn{
    width:auto !important;
    min-width:max-content !important;
    padding-inline:10px !important;
  }
}

@media (max-width:390px){
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) :is(
    .card,.inventoryEditor,.inventoryListCard,.treasuryCard,.accountingCard
  ),
.main > .settingsPage :is(.card,.accountingCard,.performanceSettingsCard,.pluginCard){
    padding-inline:11px !important;
  }
  .dashboardV355 .dash349Context small,
.dashboardV355 .dash349Metric__top small{
    display:none !important;
  }
  .dashboardV355 .dash349Context strong{
    font-size:10.5px !important;
    overflow-wrap:anywhere;
  }
}

/* V466 desktop correction: checkbox controls keep their intrinsic size. */
.planPage input[type="checkbox"],
.planPage input[type="radio"]{
  flex:0 0 18px !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
}
.planPage label:has(> input[type="checkbox"]),
.planPage label:has(> input[type="radio"]){
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
}

/* Never let a later layout rule reveal stateful controls or contextual tabs. */
body .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) [hidden],
body .main > .settingsPage [hidden],
body #msgModal [hidden],
body .wpAnn [hidden]{display:none !important;}

/* V467 final priority: semantic field sizing without empty half-rows. */
.inventoryReportFilterGrid > label:has(#inventoryReportSearch){grid-column:1 / -1 !important;}

@media (max-width:760px){
  .itemCatalogForm > label:has(#item_title){grid-column:span 8 !important;}
  .itemCatalogForm > label:has(#item_code){grid-column:span 4 !important;}
  .itemCatalogForm > label:has(#item_type){grid-column:span 4 !important;}
  .itemCatalogForm > label:has(#item_barcode){grid-column:span 8 !important;}
  .itemCatalogForm > label:has(#item_category){grid-column:span 8 !important;}
  .itemCatalogForm > label:has(#item_active){grid-column:span 4 !important;}
  .itemCatalogForm > label:has(#item_moadianId){grid-column:span 8 !important;}
  .itemCatalogForm > label:has(#item_unitCode){grid-column:span 4 !important;}
  .itemCatalogForm > label:has(#item_warehouse),
.itemCatalogForm > label:has(#item_purchaseFee){grid-column:span 6 !important;}
  .itemCatalogForm > label:has(#item_fee),
.itemCatalogForm > label:has(#item_vat),
.itemCatalogForm > label:has(#item_minStock){grid-column:span 4 !important;}
  .itemCatalogForm > label:has(#item_note),
.customerForm > label:has(#cust_note){grid-column:1 / -1 !important;}

  .inventoryReceiptEditor .inventoryReceiptForm > .inventoryReceiptField--reference,
.inventoryReceiptEditor .inventoryReceiptForm > .inventoryReceiptField--description{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }
  .inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--type,
.inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--date,
.inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--from,
.inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--to{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--purchase,
.inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--reference,
.inventoryOperationEditor .inventoryOperationForm > .inventoryOperationField--description{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }
  .inventoryOperationEditor .inventoryOperationForm:has(#operationToWarehouseField[hidden]) > .inventoryOperationField--from{
    grid-column:1 / -1 !important;
  }
  .inventoryOperationEditor .inventoryOperationForm:has(#operationToWarehouseField:not([hidden])) > .inventoryOperationField--from,
.inventoryOperationEditor .inventoryOperationForm:has(#operationToWarehouseField:not([hidden])) > .inventoryOperationField--to{
    grid-column:auto !important;
  }

  #btnOperationSearch{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .inventoryReportFilterGrid > label:has(#inventoryReportDirection),
.inventoryReportFilterGrid > label:has(#inventoryReportSearch){grid-column:1 / -1 !important;}
  .inventoryReportFilterActions > :last-child:nth-child(odd){grid-column:1 / -1 !important;}
}

@media (min-width:520px) and (max-width:760px){
  .inventoryReportFilterActions{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .inventoryReportFilterActions > :last-child:nth-child(odd){grid-column:auto !important;}
}

@media (max-width:760px){
  .inventoryOperationEditor #operationToWarehouseField[hidden] + .inventoryOperationField--reference{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }
}

@media (min-width:761px){
  .main > .settingsPage .form--pro > label.companySigningModeField{
    grid-column:span 4 !important;
    min-width:0 !important;
  }
  .main > .settingsPage .form--pro > label.companyBaseUrlField{
    grid-column:span 8 !important;
    min-width:0 !important;
  }
  .main > .settingsPage .companyConnectionField > :is(input,select,.selectx,.selectx-btn){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .main > .settingsPage .form--pro > label.companyConnectionField{
    grid-column:1 / -1 !important;
    min-width:0 !important;
  }
}

@media (max-width:519px){
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryReportFilterActions > :last-child:nth-child(odd){
    grid-column:1 / -1 !important;
  }
}

@media (min-width:520px) and (max-width:760px){
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryReportFilterActions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .main > .uiUnifiedPage:not([data-page="send"]):not([data-page="invoices"]) .inventoryReportFilterActions > :last-child:nth-child(odd){
    grid-column:auto !important;
  }
}

/* V468: semantic bank/account editor with no half-empty field rows. */
#treasuryAccountForm{
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:10px !important;
}
#treasuryAccountForm > label,
#treasuryAccountForm > .treasuryActions{
  min-width:0 !important;
  grid-row:auto !important;
}
#treasuryAccountForm > label:has(#treasuryAccountKind),
#treasuryAccountForm > label:has(#treasuryBankName),
#treasuryAccountForm > label:has(#treasuryBranchName),
#treasuryAccountForm > label:has(#treasuryAccountNumber),
#treasuryAccountForm > label:has(#treasuryCardNumber),
#treasuryAccountForm > label:has(#treasuryIban),
#treasuryAccountForm > label:has(#treasuryTerminalNumber),
#treasuryAccountForm > label:has(#treasuryOpeningBalance),
#treasuryAccountForm > label:has(#treasuryAccountActive){
  grid-column:span 3 !important;
}
#treasuryAccountForm > label:has(#treasuryAccountTitle){grid-column:span 6 !important;}
#treasuryAccountForm > label:has(#treasuryAccountDescription){grid-column:span 6 !important;}
#treasuryAccountForm > .treasuryActions{grid-column:1 / -1 !important;}

/* POS has one extra terminal field; pair its final action with the active switch. */
#treasuryAccountForm:has([data-treasury-terminal-field]:not([hidden])) > .treasuryActions{
  grid-column:span 9 !important;
  align-self:end !important;
}

/* Cash has no bank/terminal fields, so description completes the second row. */
#treasuryAccountForm:not(:has([data-treasury-bank-field]:not([hidden]))) > label:has(#treasuryAccountDescription){
  grid-column:span 9 !important;
}

@media (max-width:760px){
  #treasuryAccountForm > label:has(#treasuryAccountKind){grid-column:span 5 !important;}
  #treasuryAccountForm > label:has(#treasuryAccountTitle){grid-column:span 7 !important;}
  #treasuryAccountForm > label:has(#treasuryBankName),
#treasuryAccountForm > label:has(#treasuryBranchName),
#treasuryAccountForm > label:has(#treasuryAccountNumber),
#treasuryAccountForm > label:has(#treasuryCardNumber){grid-column:span 6 !important;}
  #treasuryAccountForm > label:has(#treasuryIban),
#treasuryAccountForm > label:has(#treasuryAccountDescription){grid-column:span 8 !important;}
  #treasuryAccountForm > label:has(#treasuryTerminalNumber),
#treasuryAccountForm > label:has(#treasuryOpeningBalance),
#treasuryAccountForm > label:has(#treasuryAccountActive){grid-column:span 4 !important;}
  #treasuryAccountForm > .treasuryActions{grid-column:1 / -1 !important;}

  #treasuryAccountForm:has([data-treasury-terminal-field]:not([hidden])) > .treasuryActions,
#treasuryAccountForm:not(:has([data-treasury-bank-field]:not([hidden]))) > .treasuryActions{
    grid-column:span 8 !important;
  }
  #treasuryAccountForm:not(:has([data-treasury-bank-field]:not([hidden]))) > label:has(#treasuryAccountDescription){
    grid-column:span 8 !important;
  }
}

/* Purchase editor: canonical compact horizontal item table on mobile. */
@media (max-width:760px){
  #purchaseEditor .tablewrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 18px !important;
    border:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-radius:10px !important;
    background:var(--app-field-surface,var(--panel)) !important;
    scrollbar-gutter:stable both-edges !important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  #purchaseEditor .inventoryPurchaseLinesTable{
    display:table !important;
    width:max-content !important;
    min-width:760px !important;
    margin:0 0 8px !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 7px !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable thead{display:table-header-group !important;}
  #purchaseEditor .inventoryPurchaseLinesTable tbody{
    display:table-row-group !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable tr,
  #purchaseEditor .inventoryPurchaseLinesTable tbody tr{
    position:static !important;
    display:table-row !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable th,
  #purchaseEditor .inventoryPurchaseLinesTable td{
    position:static !important;
    inset:auto !important;
    display:table-cell !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    padding:7px 6px !important;
    border:0 !important;
    border-top:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-bottom:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-radius:0 !important;
    background:color-mix(in srgb,var(--app-field-surface,var(--panel)) 94%, transparent) !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable th{
    border-top:0 !important;
    background:transparent !important;
    color:var(--muted) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable td:first-child{
    border-inline-start:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-start-start-radius:9px !important;
    border-end-start-radius:9px !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable td:last-child{
    border-inline-end:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-start-end-radius:9px !important;
    border-end-end-radius:9px !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable td::before{display:none !important;content:none !important;}
  #purchaseEditor .inventoryPurchaseItemPick{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:8px !important;
    overflow:hidden !important;
  }
  #purchaseEditor .inventoryPurchaseLinesTable :is(input,select,.selectx-btn){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    font-size:11.5px !important;
    line-height:normal !important;
  }
  #purchaseEditor .inventoryPurchaseItemPick > [data-purchase-item-label]{padding-inline-end:46px !important;}
  #purchaseEditor .inventoryPurchaseItemPick > .lookupIconBtn{
    position:absolute !important;
    left:4px !important;
    right:auto !important;
    top:4px !important;
    bottom:4px !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
    padding:0 !important;
  }
  #purchaseEditor .inventoryPurchaseLine__item{min-width:220px !important;}
  #purchaseEditor .inventoryPurchaseLine__expense{min-width:180px !important;}
  #purchaseEditor .inventoryPurchaseLine__number,
  #purchaseEditor .inventoryPurchaseLine__vat{min-width:96px !important;}
  #purchaseEditor .inventoryPurchaseLine__total{min-width:120px !important;}
  #purchaseEditor .inventoryPurchaseLine__index,
  #purchaseEditor .inventoryPurchaseLine__actions{
    position:static !important;
    inset:auto !important;
    display:table-cell !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:56px !important;
    min-width:56px !important;
    height:auto !important;
    padding:7px 6px !important;
    overflow:visible !important;
  }
  #purchaseEditor .inventoryLineRemove{
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:8px !important;
  }
}
@media (max-width:480px){
  #purchaseEditor .inventoryPurchaseLinesTable{min-width:720px !important;}
}

/* Receipt editor: stable unit-cost width on desktop and mobile. */
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable,
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptLinesTable{
  min-width:760px !important;
}
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLine__cost{
  width:170px !important;
  min-width:170px !important;
  max-width:170px !important;
}
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable th:nth-child(4),
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td:nth-child(4){
  width:170px !important;
  min-width:170px !important;
}
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td.inventoryDocumentLine__cost input,
.main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td.inventoryDocumentLine__cost .n{
  width:100% !important;
  min-width:150px !important;
}

/* Receipt and inventory-operation editors: one canonical horizontal mobile table. */
@media (max-width:760px){
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLines,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLines{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLines > .tablewrap,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLines > .tablewrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 18px !important;
    border:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-radius:10px !important;
    background:var(--app-field-surface,var(--panel)) !important;
    scrollbar-gutter:stable both-edges !important;
    overscroll-behavior-inline:contain !important;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable{
    display:table !important;
    width:max-content !important;
    max-width:none !important;
    margin:0 0 8px !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 7px !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable,
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptLinesTable{min-width:780px !important;}
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable{min-width:760px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable thead,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable thead{display:table-header-group !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable tbody,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable tbody{
    display:table-row-group !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable tr,
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable tbody tr,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable tr,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable tbody tr{
    position:static !important;
    inset:auto !important;
    display:table-row !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable th,
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable th,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable td{
    position:static !important;
    inset:auto !important;
    display:table-cell !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    grid-column:auto !important;
    grid-row:auto !important;
    gap:0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    padding:7px 6px !important;
    border:0 !important;
    border-top:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-bottom:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-radius:0 !important;
    background:color-mix(in srgb,var(--app-field-surface,var(--panel)) 94%, transparent) !important;
    text-align:center !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable th,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable th{
    border-top:0 !important;
    background:transparent !important;
    color:var(--muted) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td::before,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable td::before{display:none !important;content:none !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td:first-child,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable td:first-child{
    border-inline-start:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-start-start-radius:9px !important;
    border-end-start-radius:9px !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td:last-child,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable td:last-child{
    border-inline-end:1px solid var(--ui-soft-line,var(--app-surface-border,var(--border))) !important;
    border-start-end-radius:9px !important;
    border-end-end-radius:9px !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td[hidden],
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable td[hidden],
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable th[hidden]{display:none !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentItemPick,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentItemPick{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:8px !important;
    overflow:hidden !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable :is(input,select,.selectx-btn),
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable :is(input,select,.selectx-btn){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    font-size:11.5px !important;
    line-height:normal !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentItemPick > [data-receipt-item-label],
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentItemPick > [data-operation-item-label]{padding-inline-end:46px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentItemPick > .lookupIconBtn,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentItemPick > .lookupIconBtn{
    position:absolute !important;
    left:4px !important;
    right:auto !important;
    top:4px !important;
    bottom:4px !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLine__index,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLine__index{
    position:static !important;
    display:table-cell !important;
    width:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    padding:7px 6px !important;
    text-align:center !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLine__item,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLine__item{min-width:250px !important;padding:7px 6px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLine__quantity,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLine__quantity{min-width:105px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryDocumentLine__cost{
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
  }
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLine__cost{min-width:125px !important;}
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryDocumentLine__counted{min-width:155px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable th:nth-child(4),
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td:nth-child(4){
    width:180px !important;
    min-width:180px !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td.inventoryDocumentLine__cost input,
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable td.inventoryDocumentLine__cost .n{min-width:160px !important;}
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryReceiptTable tbody td.inventoryDocumentLine__actions,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable tbody td.inventoryDocumentLine__actions{
    position:static !important;
    inset:auto !important;
    display:table-cell !important;
    width:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    height:auto !important;
    padding:7px 6px !important;
    overflow:visible !important;
  }
  .main > .uiUnifiedPage[data-page="warehouse"] .inventoryReceiptEditor .inventoryLineRemove,
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryLineRemove{
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:8px !important;
  }
}
@media (max-width:480px){
  .main > .uiUnifiedPage[data-page="inventory-operations"] .inventoryOperationEditor .inventoryOperationTable{min-width:730px !important;}
}

/* Purchase list: canonical compact horizontal mobile table. */
@media (max-width:760px){
  .main > .uiUnifiedPage[data-page="purchases"] #purchaseList{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] #purchaseList > .inventoryPurchaseListTableWrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    border:1px solid var(--ui-soft-line,var(--border)) !important;
    border-radius:14px !important;
    background:var(--card) !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable{
    display:table !important;
    width:100% !important;
    min-width:900px !important;
    max-width:none !important;
    table-layout:auto !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    font-size:12px !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable thead{
    display:table-header-group !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable tbody{
    display:table-row-group !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListRow{
    position:static !important;
    display:table-row !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListRow > td,
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable th{
    position:static !important;
    display:table-cell !important;
    width:auto !important;
    min-width:auto !important;
    max-width:none !important;
    padding:7px 8px !important;
    border:0 !important;
    border-bottom:1px solid var(--ui-list-row-line,var(--ui-soft-line,var(--border))) !important;
    border-radius:0 !important;
    background:transparent !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    box-sizing:border-box !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable th{
    background:color-mix(in oklab,var(--card) 90%,var(--panel) 10%) !important;
    color:var(--muted) !important;
    font-size:11px !important;
    font-weight:850 !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListRow:last-child > td{
    border-bottom:0 !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListRow > td[data-label]::before{
    content:none !important;
    display:none !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--select{
    position:static !important;
    inset:auto !important;
    display:table-cell !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    text-align:center !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--number{
    min-width:82px !important;
    padding:7px 8px !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--date{min-width:100px !important;}
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--warehouse{min-width:125px !important;}
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--supplier{min-width:150px !important;}
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--supplierInvoice{min-width:130px !important;}
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--total{
    min-width:125px !important;
    font-size:12px !important;
    font-weight:800 !important;
    font-variant-numeric:tabular-nums;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--status{min-width:105px !important;}
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--actions{
    min-width:190px !important;
    padding:7px 8px !important;
    border-top:0 !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListCell--actions .inventoryActions{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .main > .uiUnifiedPage[data-page="purchases"] #purchaseList .pager{
    justify-content:center !important;
  }
}
@media (max-width:420px){
  .main > .uiUnifiedPage[data-page="purchases"] .inventoryPurchaseListTable{
    min-width:840px !important;
  }
}

/* Receipt and inventory-operation lists: keep row actions horizontal on mobile. */
@media (max-width:760px){
  .main > .uiUnifiedPage[data-page="warehouse"] #receiptList > .tablewrap,
  .main > .uiUnifiedPage[data-page="inventory-operations"] #operationList > .tablewrap{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }

  .main > .uiUnifiedPage[data-page="warehouse"] #receiptList .table--receipts,
  .main > .uiUnifiedPage[data-page="inventory-operations"] #operationList .table--operations{
    width:max-content !important;
    max-width:none !important;
    table-layout:auto !important;
  }

  .main > .uiUnifiedPage[data-page="warehouse"] #receiptList .receiptCol--ops{
    width:174px !important;
    min-width:174px !important;
    max-width:174px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  .main > .uiUnifiedPage[data-page="inventory-operations"] #operationList .operationCol--ops{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .main > .uiUnifiedPage[data-page="warehouse"] #receiptList .inventoryActions--row,
  .main > .uiUnifiedPage[data-page="inventory-operations"] #operationList .operationActions--row{
    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
  }

  .main > .uiUnifiedPage[data-page="warehouse"] #receiptList .inventoryActions--row > .btn,
  .main > .uiUnifiedPage[data-page="inventory-operations"] #operationList .operationActions--row > .btn{
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
  }
}