/* Padrão visual para campos editáveis — ícone lápis à direita, autosave no blur */
.edit-field-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.edit-field-wrap:hover { border-color: var(--border-strong); }
.edit-field-wrap.editing {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-soft);
}
.edit-field-wrap .btn-edit {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: var(--radius);
    flex-shrink: 0;
}
.edit-field-wrap .btn-edit:hover { color: var(--accent); background: var(--accent-soft); }
.edit-field-wrap.editing .btn-edit { display: none; }
.edit-field-wrap .edit-field-input,
.edit-field-wrap .edit-field-textarea {
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 0.6rem 2.75rem 0.6rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--text);
    font-family: inherit;
    font-size: 0.9rem;
    resize: none;
}
.edit-field-wrap .edit-field-textarea {
    min-height: 120px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.edit-field-wrap-textarea .btn-edit {
    top: 0.75rem;
    transform: none;
}
.edit-field-wrap .edit-field-input::placeholder,
.edit-field-wrap .edit-field-textarea::placeholder { color: var(--text-muted); }
.edit-field-wrap .edit-field-input:focus,
.edit-field-wrap .edit-field-textarea:focus { outline: none; }
.edit-field-wrap .edit-field-input[readonly],
.edit-field-wrap .edit-field-textarea[readonly] { cursor: default; }