.extra-form {display:grid;gap:16px;margin:24px 0;padding:22px;background:#f5f5f3;border-radius:12px}
.extra-form label {display:grid;gap:7px;font-weight:600}
.extra-form input,.extra-form select {width:100%;min-width:0;padding:12px;border:1px solid #ccc;border-radius:7px;background:white;font:inherit}
.extra-form p,#history-details p {font-size:14px;color:#555;line-height:1.5;margin:0}
.extra-form.was-validated input:invalid {border:2px solid #da1d2d;background:#fff0f1}
.extra-result {min-height:21px;overflow-wrap:anywhere}
#accounts-dialog,#lexware-dialog {max-height:90dvh;overflow:auto}
#accounts-dialog [hidden],#history-panel [hidden] {display:none!important}
#account-list {overflow-wrap:anywhere}
#history-details {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;margin:20px 0}
#history-details summary,#accounts-dialog summary {font-weight:700;cursor:pointer;padding:8px 0}
#history-details button,#history-details p {margin:12px 0}
#history-list {max-height:45dvh;overflow:auto;margin:16px 0}
.history-row {display:flex;gap:12px;align-items:flex-start;border:1px solid #ddd;border-radius:8px;padding:12px;margin:8px 0;cursor:pointer}
.history-row input {flex:0 0 22px;width:22px;height:22px;margin-top:2px;accent-color:#da1d2d}
.history-row span {min-width:0;overflow-wrap:anywhere}
.history-row small {display:block;color:#555;margin-top:5px}
@media(max-width:520px){.extra-form{padding:14px}.extra-form button,#history-panel button{white-space:normal}}