﻿/* Zusatzwerkzeuge im bestehenden kompakten Formular. */
.iban-tools summary { cursor: pointer; color: var(--bs-primary); padding-block: .3rem; font-weight: 500; }
.iban-tool-body { padding-block: .8rem .4rem; }
.iban-tools textarea { resize: vertical; }
.iban-tools input, .iban-tools textarea { caret-color: var(--bs-primary); }
.iban-tools ::selection { background: var(--bs-primary); color: white; }
.iban-bank-results { display: grid; gap: .35rem; max-height: 16rem; overflow-y: auto; scrollbar-color: var(--bs-secondary-color) transparent; }
.iban-bank-results button { text-align: left; width: 100%; white-space: normal; }
.iban-bank-results small { display: block; }
.iban-batch-results { max-height: 26rem; overflow: auto; margin-block: .6rem; scrollbar-color: var(--bs-secondary-color) transparent; }
.iban-batch-results table { font-size: .875rem; font-variant-numeric: tabular-nums; }
.iban-batch-results th { white-space: nowrap; }
.iban-batch-results td { overflow-wrap: anywhere; }
.iban-batch-results td:nth-child(-n+3) { white-space: nowrap; }
.iban-tools :focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 3px; }
#iban-result-container[hidden] { display: none; }
@media (max-width: 575.98px) { .iban-batch-results table { min-width: 30rem; } }

.tool-switcher { width: 2.75rem; height: 2.75rem; padding: .5rem; font-size: 1.3rem; }
.tool-switcher:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
/* Beide Hilfen teilen dieselbe Grundlinie; der Pfeil folgt dem Collapse-Zustand. */
.bank-input-actions { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.25rem; row-gap: .25rem; margin-top: .5rem; }
.bank-input-toggle { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem 0; margin: 0; border: 0; background: transparent; color: var(--bs-primary); font: inherit; font-size: .875rem; line-height: 1.5; text-align: left; cursor: pointer; }
.bank-input-toggle span { text-underline-offset: .2em; }
.bank-input-toggle:hover span { text-decoration: underline; }
.bank-input-toggle .bi { flex: 0 0 auto; font-size: .75rem; transition: transform .15s ease; }
.bank-input-toggle[aria-expanded="true"] .bi { transform: rotate(90deg); }
@media (prefers-reduced-motion: reduce) { .bank-input-toggle .bi { transition: none; } }
.navbar .dropdown-menu { min-width: 16rem; }

.form-floating > .iban-batch-input { height: 10rem; min-height: 8rem; }
