form.field { grid-template-columns: minmax(0, 1fr); }
.bs-add { display: flex; gap: var(--sp-2); align-items: center; }
.bs-add > .input, .bs-add > .chip-row { flex: 1; min-width: 0; }
.bs-price { flex: none; width: 7rem; }
.touch .adorned > * { padding-inline: var(--sp-2); }
.touch .chip { padding-inline: var(--sp-3); }
.touch .hint { font: 400 var(--fs-sm)/1.25 var(--font); color: var(--text-3); }
.bs-totals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: var(--sp-3); }
.bs-list ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.bs-list li { display: grid; gap: var(--sp-2); }
.bs-list li + li { border-top: 1px solid var(--border); padding-top: var(--sp-3); }
.bs-list .chip-row { flex-wrap: wrap; overflow: visible; }
.bs-row { display: grid; grid-template-columns: minmax(0, 1fr) 7rem var(--control); gap: var(--sp-2); align-items: center; }
.bs-row > .num { text-align: right; font-weight: 600; }
.bs-title { font-size: var(--fs-md); display: flex; justify-content: space-between; }
.bs-person .k { color: var(--text-1); font-weight: 600; }
div.bs-line { padding: .125rem 0 .125rem var(--sp-3); border: 0; }
.bs-line .v { font-weight: 400; color: var(--text-2); }
.bs-line:has(+ .bs-person) { padding-bottom: .625rem; border-bottom: 1px solid var(--border); }
@container (max-width: 22rem) { .touch .btn .icon { display: none; } .touch .btn { padding-inline: var(--sp-3); } }
@container (max-width: 20rem) { .bs-totals { gap: var(--sp-2); grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) auto; } }
@media (max-width: 39.99em) { .bs-who .chip-row { mask-image: linear-gradient(to left, transparent, #000 1.5rem); padding-right: 1.5rem; } }
@media (max-width: 63.99em) {
  .app:not([data-layout="stage"]) .look-card .compact-meta { grid-column: 1 / -1; grid-row: 3; text-align: left; margin-top: var(--sp-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .app:not([data-layout="stage"]) .look-more { grid-row: 1 / span 2; align-self: center; }
}