/* Town vendor dialogs (armorer, weaponsmith, peddler) and the bank: parchment rows, same tile look as the inventory window. */
.vd-list { display: flex; flex-direction: column; gap: 4px; max-height: 430px; overflow-y: auto; padding: 5px; background: var(--gf-paper-dark); border: 1px solid #a88a58; border-radius: 6px; }
.vd-h { margin: 6px 2px 0; padding-bottom: 2px; font-size: 13px; color: #6a3a12; border-bottom: 1px solid #a88a58; }
.vd-h:first-child { margin-top: 0; }
.vd-row { display: flex; align-items: center; gap: 8px; padding: 3px 6px; background: #efe4c8; border: 2px solid transparent; border-radius: 6px; }
.vd-row:hover { border-color: #b88c58; }
.vd-ico { display: flex; flex: none; }
.vd-ico img { border-radius: 6px; }
.vd-txt { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.2; }
.vd-txt b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vd-act { display: flex; align-items: center; gap: 4px; flex: none; }
.vd-qty { display: flex; align-items: center; gap: 4px; }
.vd-qty .gf-btn { padding: 1px 8px; font-size: 12px; }
.vd-row.set { flex-wrap: wrap; row-gap: 2px; }
.vd-row.set .vd-txt { flex: 1 1 150px; }
.vd-pieces { display: flex; gap: 3px; flex: none; }
.vd-foot, .bk-foot { margin-top: 6px; padding: 4px 10px; font-size: 12px; font-weight: 700; color: #4a2f14; text-align: center; background: #c9b78f; border: 1px solid #a88a58; border-radius: 16px; }
.bk-grid { display: grid; gap: 3px; justify-content: center; padding: 6px; background: var(--gf-paper-dark); border: 1px solid #a88a58; border-radius: 6px; }
.bk-grid .gf-tile { width: 42px; height: 42px; }
.bk-grid .gf-tile img { width: 36px; height: 36px; }
.bk-hint { margin: 5px 2px 0; text-align: center; }
@media (max-width: 700px) { .vd-row { flex-wrap: wrap; } .bk-grid { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .bk-grid .gf-tile { width: auto; } }