= a card */
.inv-lines-tbl tbody tr,
.add-card-body table:has(.inv-ci) tbody tr{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
background:#fff!important;
border:1.5px solid #e3e8ef!important;
border-radius:10px!important;
padding:12px!important;
box-shadow:0 1px 4px rgba(0,0,0,.06)!important;
min-width:0!important;
}
/* All | : flex-column, reset padding/border */
.inv-lines-tbl tbody tr td,
.add-card-body table:has(.inv-ci) tbody tr td{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
padding:0!important;
border:none!important;
font-size:13px!important;
min-width:0!important;
}
/* Cell 1: row number — top-left */
.inv-lines-tbl tbody tr td:nth-child(1),
.add-card-body table:has(.inv-ci) tbody tr td:nth-child(1){
grid-column:1/2!important;
flex-direction:row!important;
align-items:center!important;
}
/* Cell 2: item name — full width */
.inv-lines-tbl tbody tr td:nth-child(2),
.add-card-body table:has(.inv-ci) tbody tr td:nth-child(2){
grid-column:1/3!important;
}
/* Last cell: delete button — top-right */
.inv-lines-tbl tbody tr td:last-child,
.add-card-body table:has(.inv-ci) tbody tr td:last-child{
grid-column:2/3!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-end!important;
}
/* Always show delete icon on mobile */
.inv-lines-tbl tbody tr td:last-child .add-line-del,
.add-card-body table:has(.inv-ci) tbody tr td:last-child .add-line-del{opacity:1!important;}
/* 2nd-to-last cell: amount — full-width footer strip */
.inv-lines-tbl tbody tr td:nth-last-child(2),
.add-card-body table:has(.inv-ci) tbody tr td:nth-last-child(2){
grid-column:1/3!important;
flex-direction:row!important;
justify-content:space-between!important;
align-items:center!important;
border-top:1px solid #f0f3f7!important;
padding-top:8px!important;
margin-top:4px!important;
font-weight:700!important;
color:#1a1a2e!important;
}
.inv-lines-tbl tbody tr td:nth-last-child(2)::before,
.add-card-body table:has(.inv-ci) tbody tr td:nth-last-child(2)::before{
content:'Amount'!important;
font-size:9.5px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.05em!important;
color:#9ca3af!important;
}
/* Inline inputs/selects: full width */
.inv-lines-tbl tbody tr td .inv-ci,
.inv-lines-tbl tbody tr td select.inv-ci,
.add-card-body table:has(.inv-ci) tbody tr td .inv-ci,
.add-card-body table:has(.inv-ci) tbody tr td select.inv-ci{
width:100%!important;
font-size:13px!important;
padding:6px 8px!important;
box-sizing:border-box!important;
}
/* Last |