/* ── Simplified Transaction Form ───────────────────────────────────────────── */

/* Entry columns side-by-side layout */
.stx-entries-wrap { display: flex; gap: 1rem; margin-bottom: .75rem; align-items: flex-start; }
.stx-entries-wrap > .stx-entry-col { flex: 1; min-width: 0; }
.stx-entry-col { border-radius: 6px; padding: 14px 16px; }
.stx-entry-col-debit { background: #fff8f8; border: 1px solid #f5c6c6; }
.stx-entry-col-credit { background: #f6fff8; border: 1px solid #b8dfc2; }

/* Column headers */
.stx-entry-col-hdr { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.stx-entry-col-hdr-d { color: #c0392b; }
.stx-entry-col-hdr-c { color: #27ae60; }

/* Entry tables */
.stx-et { width: 100%; border-collapse: collapse; }
.stx-et th { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #6c757d; padding: 3px 6px 7px; border-bottom: 1px solid #dee2e6; }
.stx-et td { padding: 5px 6px; vertical-align: middle; font-size: .88rem; }
.stx-et tbody tr:not(:last-child) td { border-bottom: 1px solid #f0f0f0; }
.stx-et .stx-et-acct { font-weight: 600; }
.stx-et .stx-et-bal { width: 120px; text-align: right; white-space: nowrap; padding-right: 1.25rem; }
.stx-et .stx-et-amt { width: 180px; text-align: right; white-space: nowrap; }

/* GL account current balance display */
.stx-bal-text { font-size: .8rem; display: block; text-align: right; }
.stx-bal-none { color: #adb5bd; }
.stx-bal-dr { color: #c0392b; font-weight: 600; }
.stx-bal-cr { color: #27ae60; font-weight: 600; }

/* Right-align amount inputs */
.stx-entry-amount { text-align: right; }

/* Read-only total amount (computed from entries in scenario 2/4) */
.stx-total-readonly { background-color: #e9ecef !important; border-color: #ced4da; cursor: not-allowed; }

/* Amount display text */
.stx-amt-text { font-weight: 600; color: #6b7280; display: block; text-align: right; padding: 4px 2px; }

/* "View entries" toggle badge */
.stx-entries-toggle { cursor: pointer; font-size: .82rem; font-weight: 600; color: #6c757d; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 4px; border: 1px solid #dee2e6; background: #f8f9fa; text-decoration: none; }
.stx-entries-toggle:hover { background: #e9ecef; color: #495057; }

/* Read-only banner */
.stx-ro-banner { background: #fff8e1; border: 1px solid #ffe082; border-radius: 4px; padding: 4px 10px; font-size: .76rem; font-weight: 600; color: #7c6000; display: inline-flex; align-items: center; gap: 5px; margin-left: 10px; }

/* Section divider label */
.stx-divider { display: flex; align-items: center; gap: 10px; color: #6c757d; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin: 18px 0 14px; }
.stx-divider::before, .stx-divider::after { content: ''; flex: 1; border-top: 1px solid #dee2e6; }