/* Hamyara 0.15.19 — unified money presentation, payment alignment, transfer cleanup, reporting/calendar layout */
:root{--v169-control:52px}

/* Global monetary law: unit at the visual left, one clear gap, amount LTR and left-aligned. */
body.readable-ui .money-with-unit-v165,
body.readable-ui .money-pair-v169{
  direction:ltr!important;unicode-bidi:isolate!important;display:inline-flex!important;align-items:baseline!important;
  justify-content:flex-start!important;gap:6px!important;text-align:left!important;white-space:nowrap!important;
}
body.readable-ui .money-pair-v169>.money-unit-v169,
body.readable-ui .money-with-unit-v165>small{order:0!important;margin:0!important;white-space:nowrap!important}
body.readable-ui .money-pair-v169>.money-amount-v169,
body.readable-ui .money-with-unit-v165>strong{order:1!important;margin:0!important;text-align:left!important;direction:ltr!important}
body.readable-ui :is(.numeric-ltr,.numeric-ltr-v160,.money-cell-v167,.money-cell){direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important;font-variant-numeric:tabular-nums!important}
body.readable-ui :is(.numeric-ltr,.numeric-ltr-v160):has(>small){display:inline-flex!important;flex-direction:row-reverse!important;align-items:baseline!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important}
body.readable-ui :is(.numeric-ltr,.numeric-ltr-v160):has(>small)>small{margin:0!important}

/* Money inputs follow the same visual law: unit at far left, number begins just after it. */
body.readable-ui .money-input-wrap{direction:ltr!important;position:relative!important}
body.readable-ui .money-input-wrap>.input,
body.readable-ui .money-input-wrap>input{
  direction:ltr!important;text-align:left!important;padding-left:62px!important;padding-right:12px!important;font-variant-numeric:tabular-nums!important;
}
body.readable-ui .money-input-wrap>span{
  left:12px!important;right:auto!important;direction:rtl!important;white-space:nowrap!important;
}

/* Summary money blocks: label on top; unit at left and value next to it. */
body.transaction-page .money-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:6px!important;align-items:baseline!important;direction:ltr!important;text-align:left!important}
body.transaction-page .money-hero>span{grid-column:1/-1!important;direction:rtl!important;text-align:right!important}
body.transaction-page .money-hero>small{grid-column:1!important;grid-row:2!important;margin:0!important}
body.transaction-page .money-hero>strong{grid-column:2!important;grid-row:2!important;text-align:left!important;direction:ltr!important}
body.transaction-page .money-grid>div{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:6px!important;align-items:baseline!important;direction:ltr!important;text-align:left!important}
body.transaction-page .money-grid>div>span{grid-column:1/-1!important;direction:rtl!important;text-align:right!important}
body.transaction-page .money-grid>div>small{grid-column:1!important;grid-row:2!important;margin:0!important}
body.transaction-page .money-grid>div>strong{grid-column:2!important;grid-row:2!important;text-align:left!important;direction:ltr!important}

/* Receipt/payment: account, amount and method controls are exactly the same visible height. */
body.transaction-page .retail-payment>.mini-field{grid-template-rows:24px var(--v169-control) 28px!important;min-height:104px!important;align-content:start!important}
body.transaction-page .retail-payment .payment-account :is(.step-picker-host-v153,.step-control-v153,.select),
body.transaction-page .retail-payment .payment-amount .money-input-wrap,
body.transaction-page .retail-payment .payment-method>.select{
  height:var(--v169-control)!important;min-height:var(--v169-control)!important;max-height:var(--v169-control)!important;box-sizing:border-box!important;
}
body.transaction-page .retail-payment .payment-account .step-control-v153{display:flex!important;align-items:center!important}

/* Transfer document: master amount/method get practical horizontal room. */
@media(min-width:901px){
  body.transaction-page form[data-tx-type="transfer"] .document-fields{
    grid-template-columns:minmax(290px,1.35fr) minmax(150px,.62fr) minmax(230px,1fr) minmax(230px,1fr)!important;
    align-items:end!important;
  }
  body.transaction-page form[data-tx-type="transfer"] .focus-date-v168{grid-column:auto!important;min-width:290px!important}
  body.transaction-page form[data-tx-type="transfer"] .transfer-master-amount-v167,
  body.transaction-page form[data-tx-type="transfer"] .transfer-master-method-v167{min-width:230px!important;width:100%!important}
}
body.transaction-page form[data-tx-type="transfer"] .transfer-master-amount-v167 .money-input-wrap,
body.transaction-page form[data-tx-type="transfer"] .transfer-master-method-v167>.select{width:100%!important;height:var(--v169-control)!important;min-height:var(--v169-control)!important}
body.transaction-page form[data-tx-type="transfer"] #document-payment .focus-card-body{padding-bottom:15px!important}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154{grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:14px!important}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154 .retail-payment{min-height:0!important}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154 .payment-account{min-height:104px!important}
@media(max-width:900px){body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154{grid-template-columns:1fr!important}}

/* Reporting: management analysis owns the entire first row; exports start below it. */
.reporting-grid-v17 .report-management-wide-v169{grid-column:1/-1!important;min-height:128px!important}
.reporting-grid-v17 .report-transactions-v169{grid-row:auto!important}

/* Calendar: official occasions belong after calendars + business events. */
.calendar-official-events-v169{margin-top:18px!important;width:100%!important}

/* A few common financial cards use the global left alignment too. */
.report-kpi-v132 strong.numeric-ltr,.party-balance-card-v132 b.numeric-ltr,.profit-row-v132 strong.numeric-ltr,
.expense-summary strong,.account-overview-main>strong,.pricing-current>strong,.pricing-base-grid article>strong{
  direction:ltr!important;text-align:left!important;font-variant-numeric:tabular-nums!important;
}