/*! BIMO Design System | Shared Transaction Preview | Source: resources/css/bimo-ds/transaction-preview.css */
/* Shared transaction preview system.
   Apply .bmk-transaction-preview to any transaction modal (purchase/sale/transfer/etc.)
   and reuse the child utility classes instead of duplicating per-view CSS. */
body.bmk-basecoat-global .bmk-transaction-preview .modal-content {
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:var(--card)!important;
  color:var(--card-foreground)!important;
  overflow:hidden;
  box-shadow:0 18px 48px #0000001f!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .modal-header {
  min-height:58px;
  padding:16px 22px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--card)!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .modal-header .modal-title {
  margin:0!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.45!important;
  color:var(--foreground)!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .modal-header .close {
  margin-top:0!important;
  opacity:.58;
}
body.bmk-basecoat-global .bmk-transaction-preview .modal-body {
  padding:18px 22px 20px!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .modal-footer {
  padding:12px 22px!important;
  border-top:1px solid var(--border)!important;
  background:var(--card)!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 14px!important;
  direction:rtl;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card {
  float:none!important;
  width:auto!important;
  min-width:0;
  padding:0 18px!important;
  font-size:13px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card:first-child {
  padding-inline-start:0!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card:last-child {
  padding-inline-end:0!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card + .bmk-transaction-meta-card {
  border-inline-start:1px solid var(--border);
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card address {
  margin:4px 0 0!important;
  line-height:1.7!important;
  font-style:normal;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card strong,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card b {
  font-weight:650;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card .btn {
  margin-top:8px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table-wrap {
  margin:4px 0 16px;
  border:1px solid var(--border);
  border-radius:12px;
  overflow:auto;
  background:var(--card);
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table {
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table thead th {
  min-width:72px;
  max-width:160px;
  padding:10px 9px!important;
  background:var(--muted)!important;
  color:var(--foreground)!important;
  border-top:0!important;
  border-color:var(--border)!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:break-word;
  vertical-align:middle!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table tbody td {
  min-width:72px;
  max-width:180px;
  padding:9px!important;
  border-color:var(--border)!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow-wrap:break-word;
  word-break:normal;
  vertical-align:middle!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table tbody tr:last-child td {
  border-bottom:0!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-cell-main {
  min-width:190px!important;
  max-width:260px!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-cell-2lines {
  line-height:1.4!important;
  max-height:calc(2 * 1.4em);
  overflow:hidden;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table td.bmk-transaction-cell-code,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table th.bmk-transaction-cell-code,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-table .display_currency {
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-cell-code {
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
}
@media (max-width:767px) {
  body.bmk-basecoat-global .bmk-transaction-preview .modal-header {
    padding:13px 15px!important;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .modal-body {
    padding:14px 15px 16px!important;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-grid {
    grid-template-columns:1fr;
    gap:12px;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card {
    padding:0 0 12px!important;
    border-inline-start:0!important;
    border-bottom:1px solid var(--border);
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card:last-child {
    padding-bottom:0!important;
    border-bottom:0;
  }
}

body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-line {
  display:grid;
  grid-template-columns:minmax(84px,max-content) minmax(0,1fr);
  align-items:start;
  gap:8px 12px;
  margin:0 0 9px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-line:last-child {
  margin-bottom:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-label {
  color:var(--muted-foreground);
  font-size:12px;
  font-weight:500;
  line-height:1.55;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-value {
  min-width:0;
  color:var(--foreground);
  font-size:13.5px;
  font-weight:600;
  line-height:1.55;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-value.bmk-transaction-cell-code {
  white-space:nowrap;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-line--attachment {
  align-items:center;
  margin-top:2px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-attachment {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-attachment .btn {
  margin:0!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-file-name {
  display:block;
  min-width:0;
  max-width:180px;
  overflow:hidden;
  color:var(--muted-foreground);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-section {
  margin-top:20px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-section-header {
  display:flex;
  align-items:center;
  min-height:24px;
  margin:0 0 10px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-section-title {
  margin:0!important;
  color:var(--foreground);
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-section > .bmk-transaction-table-wrap {
  margin:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-note-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-note-card {
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
  color:var(--foreground);
  font-size:12.5px;
  line-height:1.7;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-note-card .bmk-transaction-section-title {
  margin-bottom:7px!important;
}
@media (max-width:767px) {
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-line {
    grid-template-columns:1fr;
    gap:2px;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-file-name {
    max-width:100%;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-section {
    margin-top:16px;
  }
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-attachment {
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-file-name {
  max-width:240px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-list {
  width:100%;
  min-width:760px;
  background:var(--card);
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-head,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row {
  display:grid;
  grid-template-columns:170px 180px 180px minmax(280px,1fr);
  align-items:start;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-head {
  background:var(--muted);
  color:var(--muted-foreground);
  font-size:12px;
  font-weight:650;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-head > div,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row > div {
  min-width:0;
  padding:10px 12px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row {
  border-top:1px solid var(--border);
  color:var(--foreground);
  font-size:12.5px;
  line-height:1.55;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row:first-of-type {
  border-top:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-date {
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-action {
  font-weight:650;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-by {
  color:var(--muted-foreground);
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-source {
  display:inline-flex;
  margin-inline-start:5px;
  padding:2px 6px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--muted);
  color:var(--muted-foreground);
  font-size:10.5px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-change {
  min-width:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-list {
  display:flex;
  flex-direction:column;
  gap:6px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-line {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 9px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-label {
  min-width:82px;
  color:var(--muted-foreground);
  font-size:11.5px;
  font-weight:500;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-values {
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:3px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--muted);
  color:var(--foreground);
  font-size:11.5px;
  font-weight:600;
  line-height:1.3;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-arrow {
  color:var(--muted-foreground);
  font-size:13px;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-text {
  color:var(--foreground);
}
@media (max-width:767px) {
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-list {
    min-width:0;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-head {
    display:none;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row {
    grid-template-columns:1fr;
    padding:10px 12px;
    gap:7px;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row > div {
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:8px;
    padding:0;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-row > div::before {
    content:attr(data-label);
    color:var(--muted-foreground);
    font-size:11px;
    font-weight:600;
  }
  body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-activity-change .bmk-transaction-change-list {
    min-width:0;
  }
}
/* Transaction preview alignment + semantic status pills + shared export dialog. */
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-grid,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-card {
  text-align:right!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-line {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  text-align:right!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-label,
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-value {
  width:100%;
  text-align:right!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-meta-value.bmk-transaction-cell-code {
  text-align:right!important;
  direction:ltr;
  unicode-bidi:isolate;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-attachment {
  align-items:flex-end;
  width:100%;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-file-name {
  text-align:right;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill.bmk-transaction-pill--success {
  color:var(--bimo-positive)!important;
  background:var(--bimo-positive-surface)!important;
  border-color:color-mix(in srgb,var(--bimo-positive) 32%,var(--border))!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill.bmk-transaction-pill--warning {
  color:var(--bimo-warning)!important;
  background:var(--bimo-warning-surface)!important;
  border-color:color-mix(in srgb,var(--bimo-warning) 32%,var(--border))!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill.bmk-transaction-pill--info {
  color:var(--muted-foreground)!important;
  background:var(--muted)!important;
  border-color:var(--border)!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill.bmk-transaction-pill--danger {
  color:var(--bimo-negative)!important;
  background:var(--bimo-negative-surface)!important;
  border-color:color-mix(in srgb,var(--bimo-negative) 32%,var(--border))!important;
}
body.bmk-basecoat-global .bmk-transaction-preview .bmk-transaction-change-pill.bmk-transaction-pill--neutral {
  color:var(--foreground)!important;
  background:var(--muted)!important;
  border-color:var(--border)!important;
}

/* Shared export dialog used by purchase preview and purchase list actions. */
body.bmk-basecoat-global .bmk-export-dialog .modal-dialog {
  width:min(760px,calc(100vw - 32px));
}
body.bmk-basecoat-global .bmk-export-dialog .modal-body {
  padding:18px 22px!important;
}
body.bmk-basecoat-global .bmk-export-dialog-section + .bmk-export-dialog-section {
  margin-top:18px;
}
body.bmk-basecoat-global .bmk-export-dialog-title {
  display:block;
  margin:0 0 9px;
  color:var(--foreground);
  font-size:13px;
  font-weight:650;
}
body.bmk-basecoat-global .bmk-export-format-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
body.bmk-basecoat-global .bmk-export-format-choice,
body.bmk-basecoat-global .bmk-export-field-choice {
  margin:0;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--background);
  cursor:pointer;
}
body.bmk-basecoat-global .bmk-export-format-choice {
  min-height:62px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:9px;
}
body.bmk-basecoat-global .bmk-export-format-choice:has(input:checked),
body.bmk-basecoat-global .bmk-export-field-choice:has(input:checked) {
  background:var(--muted);
  border-color:var(--foreground);
}
body.bmk-basecoat-global .bmk-export-format-choice input,
body.bmk-basecoat-global .bmk-export-field-choice input {
  margin:0;
}
body.bmk-basecoat-global .bmk-export-format-choice strong {
  display:block;
  font-size:13px;
}
body.bmk-basecoat-global .bmk-export-format-choice small {
  display:block;
  margin-top:2px;
  color:var(--muted-foreground);
  font-size:11px;
  font-weight:400;
}
body.bmk-basecoat-global .bmk-export-fields-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
body.bmk-basecoat-global .bmk-export-fields-head .bmk-export-dialog-title {
  margin:0;
}
body.bmk-basecoat-global .bmk-export-select-all {
  margin:0;
  color:var(--muted-foreground);
  font-size:12px;
  font-weight:500;
}
body.bmk-basecoat-global .bmk-export-fields-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.bmk-basecoat-global .bmk-export-field-choice {
  min-height:40px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:500;
}
body.bmk-basecoat-global .bmk-export-dialog-note {
  margin-top:12px;
  padding:9px 11px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--muted);
  color:var(--muted-foreground);
  font-size:11px;
  line-height:1.65;
}
@media (max-width:767px) {
  body.bmk-basecoat-global .bmk-export-format-grid,
  body.bmk-basecoat-global .bmk-export-fields-grid {
    grid-template-columns:1fr;
  }
}

/* Shared payment-method control for transaction payment dialogs. */
body.bmk-basecoat-global .bmk-payment-method-group {
  display:flex!important;
  align-items:stretch!important;
  width:100%;
  min-height:var(--bimo-control-height);
  border:1px solid var(--input)!important;
  border-radius:calc(var(--radius) - 1px)!important;
  background:var(--background)!important;
  overflow:hidden;
  box-shadow:none!important;
}
body.bmk-basecoat-global .bmk-payment-method-group > .input-group-addon {
  flex:0 0 auto;
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-width:38px;
  padding:0 10px!important;
  border:0!important;
  border-inline-end:1px solid var(--border)!important;
  background:transparent!important;
  color:var(--muted-foreground)!important;
}
body.bmk-basecoat-global .bmk-payment-method-group > .select2-container {
  flex:1 1 0%;
  width:1%!important;
  min-width:0;
}
body.bmk-basecoat-global .bmk-payment-method-group .select2-selection--single {
  height:calc(var(--bimo-control-height) - 2px)!important;
  min-height:calc(var(--bimo-control-height) - 2px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bmk-basecoat-global .bmk-payment-method-group .select2-selection__rendered {
  line-height:calc(var(--bimo-control-height) - 2px)!important;
  padding-inline:10px 30px!important;
  color:var(--foreground)!important;
}
body.bmk-basecoat-global .bmk-payment-method-group .select2-selection__arrow {
  top:50%!important;
  transform:translateY(-50%);
}
html[dir=rtl] body.bmk-basecoat-global .bmk-payment-method-group .select2-selection__arrow {
  left:8px!important;
  right:auto!important;
}
body.bmk-basecoat-global .bmk-payment-method-group > select.form-control {
  flex:1 1 auto;
  height:calc(var(--bimo-control-height) - 2px)!important;
  min-height:calc(var(--bimo-control-height) - 2px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bmk-basecoat-global .bmk-payment-method-group:focus-within {
  border-color:var(--bimo-field-focus)!important;
}