/* ============================================================
   LabelEditavel — primitivo de "inline edit" (click-to-edit).
   Modo exibição herda a tipografia do contexto (sem estilo próprio de
   fonte/tamanho); só adiciona a affordance de hover + o input compacto
   do modo edição.
   ============================================================ */

.wf-labeleditavel {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    border-bottom: 1px dashed transparent;
    padding-bottom: 1px;
    transition: border-color 120ms ease-out;
}

.wf-labeleditavel:hover {
    border-bottom-color: var(--wf-border-strong);
}

.wf-labeleditavel-icon {
    display: inline-flex;
    align-items: center;
    color: var(--wf-text-subtle);
    opacity: 0;
    transition: opacity 120ms ease-out;
}

.wf-labeleditavel:hover .wf-labeleditavel-icon {
    opacity: 0.7;
}

.wf-labeleditavel-placeholder {
    color: var(--wf-text-subtle);
}

.wf-labeleditavel--leitura {
    cursor: default;
}

.wf-labeleditavel-input {
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    border-bottom: 1px dashed var(--wf-border-strong);
    outline: none;
    padding: 0 1px 1px;
    min-width: 2ch;
}