/* Scoped progressive enhancement; the native GET select remains the fallback. */
.psbt-library__signature-field { min-width: 0; grid-column: span 2; }
.psbt-library__signature-field > label { margin-bottom: .3rem; }
.psbt-library__signature-field select[hidden],
.psbt-signature__list[hidden],
.psbt-signature img[hidden] { display: none; }
.psbt-signature { position: relative; min-width: 0; }
.psbt-library .psbt-signature__trigger,
.psbt-signature__option {
    display: flex; align-items: center; gap: .5rem; width: 100%; min-width: 0;
    min-height: 68px; padding: .4rem .5rem; color: #222; background: #fff;
    font: inherit; text-align: left; line-height: 1.3; overflow-wrap: anywhere;
}
.psbt-library .psbt-signature__trigger { border: 1px solid #84959e; border-radius: 6px; }
.psbt-signature img { display: block; flex: 0 1 auto; width: auto; height: 52px; max-width: 40%; object-fit: contain; }
.psbt-signature__tonality { font-size: 14px; }
.psbt-signature__arrow { margin-left: auto; flex-shrink: 0; }
.psbt-signature__list {
    position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; width: 100%;
    max-height: 360px; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid #84959e; border-radius: 6px; background: #fff;
    box-shadow: 0 4px 14px #0003;
}
.psbt-signature__list--above { top: auto; bottom: calc(100% + 4px); }
.psbt-signature__option { position: relative; cursor: pointer; border-bottom: 1px solid #e6eaed; }
.psbt-signature__option[aria-selected="true"] { background: #e7f1f6; font-weight: 700; }
.psbt-signature__option--active { outline: 2px solid #245c74; outline-offset: -3px; }
.psbt-library__legacy-key { grid-column: 1/-1; margin: 0; font-size: 14px; }
.psbt-library__legacy-key a { display: inline-flex; align-items: center; min-height: 44px; margin-left: .5rem; }
@media (max-width: 600px) {
    .psbt-library__signature-field { grid-column: 1/-1; }
    .psbt-library__legacy-key { order: 4; }
}
@media (min-width: 901px) {
    .psbt-library__search {
        grid-template-columns: minmax(0, 2fr) minmax(0, 2.4fr) repeat(2, minmax(0, 1fr)) repeat(2, minmax(0, 1.5fr));
    }
    .psbt-library__signature-field { grid-column: auto; }
}

/* Retain the signature count for assistive technology without visual duplication. */
.psbt-signature__sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%);
    white-space: nowrap; border: 0;
}
