/* ============================================================
 *  Message Edit Feature  –  add to css/custom.css
 * ============================================================ */

.edit_zone {
    margin-top: 6px;
    padding: 8px;
    background: var(--input_bg, rgba(0,0,0,.06));
    border-radius: 6px;
    border: 1px solid var(--border_color, rgba(0,0,0,.1));
}

.edit_input {
    width: 100%;
    min-height: 60px;
    resize: vertical;
    margin-bottom: 6px;
    box-sizing: border-box;
    font-size: inherit;
}

.edit_controls {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.edited_badge {
    font-size: 0.78em;
    opacity: 0.5;
    font-style: italic;
}