.stock-approval-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.btn-danger { border: 1px solid #dc2626; background: #dc2626; color: #fff; }
.stock-form-field textarea { min-height: 84px; }
.stock-dialog .modal-form { gap: 14px; }
.trx-type-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.trx-type-choice button { display: flex; flex-direction: column; gap: 3px; padding: 12px; text-align: left; color: #334155; background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; }
.trx-type-choice button.active { color: #1d4ed8; background: #eff6ff; border-color: #2563eb; }
.trx-type-choice span { font-size: 12px; }
.trx-summary, .trx-readiness-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 12px; background: #f8fafc; border: 1px solid #dbe3ee; border-radius: 6px; }
.trx-summary div, .trx-readiness-grid div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.trx-summary span, .trx-readiness-grid span { color: #64748b; font-size: 12px; }
.trx-summary strong, .trx-readiness-grid strong { overflow-wrap: anywhere; }
.trx-compliance, .trx-documents { display: grid; gap: 8px; padding: 12px; border: 1px solid #dbe3ee; border-radius: 6px; }
.trx-documents label { display: grid; gap: 8px; }
.readiness-ok { color: #047857; }
.readiness-warning { color: #92400e; }
.readiness-error { color: #b91c1c; font-weight: 700; }
@media (max-width: 760px) { .trx-summary, .trx-readiness-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .trx-line, .trx-type-choice, .trx-summary, .trx-readiness-grid { grid-template-columns: 1fr; } }