/*
 * FormDrafts - dezenter Hinweisbalken fuer wiederherstellbare Entwuerfe.
 * Wird als erstes Kind des <form>-Elements eingefuegt (vor .modal-body),
 * daher eigenes Padding/Radius statt Abhaengigkeit von modal-body-Abstaenden.
 */
.fd-draft-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    background: #fff8e6;
    border-bottom: 1px solid #eddca3;
    color: #6b5720;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 6px 6px 0 0;
}

.fd-draft-banner__text {
    flex: 1 1 220px;
}

.fd-draft-banner__actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.fd-draft-btn {
    border: 1px solid transparent;
    background: transparent;
    padding: 5px 12px;
    font-size: 12.5px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.3;
}

.fd-draft-btn--restore {
    background: #6c6c32;
    border-color: #6c6c32;
    color: #ffffff;
}

.fd-draft-btn--restore:hover {
    background: #57571f;
    border-color: #57571f;
    color: #ffffff;
}

.fd-draft-btn--discard {
    color: #6b5720;
    border-color: #d9c583;
    background: #fffdf5;
}

.fd-draft-btn--discard:hover {
    background: #f6ecc9;
    color: #4d3f14;
}

@media (max-width: 767px) {
    .fd-draft-banner {
        padding: 9px 14px;
    }
}