/* Hamyara 0.15.22 — compact topbar, unified switches, reporting order polish and transfer compaction */

/* Compact topbar; remove text-size button area and enlarge date/time typography without increasing control height. */
body .readability-button,
body [data-font-toggle]{display:none!important}
body .topbar,
body.transaction-page .topbar{
  height:60px!important;
  min-height:60px!important;
  padding:0 16px!important;
  gap:12px!important;
}
body .topbar-search{height:40px!important;max-width:540px!important}
body .topbar-right{min-width:210px!important}
body .topbar-left{gap:8px!important}
body .date-chip-v168{
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  min-width:298px!important;
  gap:8px!important;
}
body .date-chip-v168 .date-icon{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
}
body .date-copy-v168{min-width:0!important;flex:1 1 auto!important}
body .date-copy-v168 b{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body .date-copy-v168 b>span,
body .date-copy-v168 b>em,
body .date-copy-v168 b>small{
  display:inline-block!important;
  margin:0!important;
  flex:0 0 auto!important;
}
body .date-copy-v168 b>span{font-size:13.5px!important;font-weight:850!important;color:#15314e!important}
body .date-copy-v168 b>em{font-size:12.5px!important;font-style:normal!important;font-weight:800!important;color:#2e6699!important}
body .date-copy-v168 b>small{
  font-size:13px!important;
  font-weight:760!important;
  color:#5f7388!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .tehran-live-time-v168{
  font-size:13px!important;
  font-weight:820!important;
  padding-right:8px!important;
  margin-inline-start:8px!important;
}
@media(max-width:1180px){body .date-chip-v168{min-width:270px!important}}

/* Unified switch control instead of browser checkmarks. */
body :is(.simple-check,.toggle-row label,.checkbox,label.remember,.attribute-flags-v154 label,.size-add-row label) input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:46px!important;
  height:26px!important;
  min-width:46px!important;
  border:0!important;
  border-radius:999px!important;
  background:#cfd9e3!important;
  position:relative!important;
  cursor:pointer!important;
  transition:background .18s ease!important;
  vertical-align:middle!important;
  box-shadow:inset 0 0 0 1px rgba(18,56,86,.05)!important;
}
body :is(.simple-check,.toggle-row label,.checkbox,label.remember,.attribute-flags-v154 label,.size-add-row label) input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.2)!important;
  transition:transform .18s ease!important;
}
body :is(.simple-check,.toggle-row label,.checkbox,label.remember,.attribute-flags-v154 label,.size-add-row label) input[type="checkbox"]:checked{background:#17a36d!important}
body :is(.simple-check,.toggle-row label,.checkbox,label.remember,.attribute-flags-v154 label,.size-add-row label) input[type="checkbox"]:checked::after{transform:translateX(20px)!important}
body :is(.simple-check,.toggle-row,.attribute-flags-v154,.checkbox){gap:10px!important}
body .toggle-row label,
body .attribute-flags-v154 label,
body .size-add-row label,
body label.remember,
body .checkbox{display:flex!important;align-items:center!important;gap:10px!important}
body .toggle-row label span,
body .attribute-flags-v154 label span{flex:1 1 auto!important}

/* Data-mining money layout: currency on the left side of the amount. */
body .data-mining-v17 .mining-grid-v17 .money-with-unit-v170{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:6px!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:nowrap!important;
  font-size:clamp(12.5px,1.02vw,19px)!important;
  line-height:1.3!important;
  font-variant-numeric:tabular-nums!important;
}
body .data-mining-v17 .mining-grid-v17 .money-with-unit-v170>small{
  order:0!important;
  margin:0!important;
  font-size:10px!important;
  direction:rtl!important;
  color:inherit!important;
}
body .data-mining-v17 .mining-grid-v17 .money-with-unit-v170>span{
  order:1!important;
  direction:ltr!important;
  text-align:left!important;
}

/* Reporting cards. */
body .report-management-wide-v169{grid-column:1/-1!important;min-height:116px!important}
body .report-management-wide-v169 b{font-size:20px!important;line-height:1.35!important}
body .report-management-wide-v169 small{font-size:12.5px!important;line-height:1.7!important}
body .report-management-wide-v169>span{font-size:11px!important;font-weight:800!important}
body .report-card-v17.support-card-v170,
body .report-card-v17.report-transactions-v169,
body .report-card-v17.expenses-card-v170{min-height:98px!important}

/* Transfer form: compact document info and balanced account selectors. */
body.transaction-page form[data-tx-type="transfer"] #document-info .focus-card-body,
body.transaction-page form[data-tx-type="transfer"] #document-payment .focus-card-body{
  padding:14px 16px!important;
}
body.transaction-page form[data-tx-type="transfer"] .document-fields{
  display:grid!important;
  grid-template-columns:minmax(170px,1.05fr) minmax(116px,.66fr) minmax(170px,1fr) minmax(170px,1fr)!important;
  gap:8px 12px!important;
  align-items:start!important;
}
body.transaction-page form[data-tx-type="transfer"] .focus-date-v168,
body.transaction-page form[data-tx-type="transfer"] .focus-time,
body.transaction-page form[data-tx-type="transfer"] .transfer-master-amount-v167,
body.transaction-page form[data-tx-type="transfer"] .transfer-master-method-v167{grid-column:auto!important;min-width:0!important}
body.transaction-page form[data-tx-type="transfer"] .focus-date-v168 .date-composite-v168,
body.transaction-page form[data-tx-type="transfer"] .focus-time>.input,
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{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}
body.transaction-page form[data-tx-type="transfer"] .focus-date-v168 .date-composite-v168 input,
body.transaction-page form[data-tx-type="transfer"] .focus-date-v168 .date-composite-v168 .field-action{
  height:46px!important;
  min-height:46px!important;
}
body.transaction-page form[data-tx-type="transfer"] .document-fields .field-hint,
body.transaction-page form[data-tx-type="transfer"] .document-fields .field-spacer{display:none!important}
body.transaction-page form[data-tx-type="transfer"] .focus-notes{grid-column:1/-1!important;margin-top:2px!important}
body.transaction-page form[data-tx-type="transfer"] .focus-notes textarea{min-height:72px!important}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154 .retail-payment{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154 .payment-account{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
}
body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154 .payment-account :is(.select,.combo-control,.step-control-v153){
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
}
@media(max-width:1180px){
  body.transaction-page form[data-tx-type="transfer"] .document-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body .topbar,body.transaction-page .topbar{height:56px!important;min-height:56px!important;padding:0 12px!important}
  body .date-chip-v168{min-width:0!important;width:auto!important;max-width:100%!important}
  body .date-copy-v168 b>small{display:none!important}
  body.transaction-page form[data-tx-type="transfer"] .document-fields,
  body.transaction-page form[data-tx-type="transfer"] .transfer-payment-grid-v154{grid-template-columns:1fr!important}
}