/* v0.23 Transactions extras: hidden item columns, profit preview, MRP chip, quick entry. */
.txn-hide-unit [data-col="unit"], .txn-hide-discount [data-col="discount"] { display: none !important; }
.line-note { font-size: var(--fs-sm); min-height: 36px; }
.line-mrp { align-self: center; padding: 2px 8px; border-radius: var(--r-pill); background: var(--c-surface-2); white-space: nowrap; }
.line-profit { margin: 0; font-weight: 650; }
.line-profit.is-good { color: var(--c-ok); } .line-profit.is-bad { color: var(--c-danger); } .line-profit.is-na { color: var(--c-text-3); font-weight: 500; }
.bill-profit { align-self: flex-end; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--r-pill); font-size: var(--fs-sm); font-weight: 700; }
.bill-profit.is-good { color: var(--c-ok); background: var(--c-ok-soft); } .bill-profit.is-bad { color: var(--c-danger); background: var(--c-danger-soft); }
/* Quick entry: the essentials only until "More options" is pressed. */
.is-quick .quick-hide { display: none; }
.is-quick [data-sale-line] { padding: var(--s-2) var(--s-3) !important; gap: var(--s-2); }
.is-quick [data-line-hint] { display: none; }
.quick-more { align-self: flex-start; }
.txs-cols { display: grid; gap: var(--s-3); grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.doc-time { color: var(--c-text-3); font-size: .92em; }
/* Party Active / Inactive switch (v0.23) */
.party-status { margin: 0 0 0 var(--s-2); }
.status-switch { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px 0 6px; border: 0; border-radius: var(--r-pill); cursor: pointer;
  font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--c-text-2); background: var(--c-surface-2); }
.status-switch.is-on { color: var(--c-ok); background: var(--c-ok-soft); }
.status-switch__track { position: relative; width: 30px; height: 18px; border-radius: 999px; background: var(--c-border); transition: background var(--t-fast); }
.status-switch.is-on .status-switch__track { background: var(--c-ok); }
.status-switch__dot { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform var(--t-fast); }
.status-switch.is-on .status-switch__dot { transform: translateX(12px); }