/* ---- Inline Edit (property overrides) ---- */

.editable-field {
    cursor: pointer;
    border-bottom: 1px dashed transparent;
    transition: border-color 0.15s;
}

.editable-field:hover {
    border-bottom-color: var(--muted);
}

.edit-input {
    width: 6rem;
    padding: 0.125rem 0.375rem;
    font-size: inherit;
    font-family: var(--font);
    font-weight: inherit;
    color: var(--fg);
    background: var(--surface);
    border: 1px solid var(--fg);
    border-radius: 4px;
    line-height: 1.4;
}

.edit-indicator {
    display: none;
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    padding: 2px;
    margin-left: 4px;
    vertical-align: middle;
    border-radius: 3px;
    transition: color 0.15s, background 0.15s;
    line-height: 0;
}

.edit-indicator:hover {
    color: var(--fg);
    background: var(--hover-overlay);
}

/* Show edit icon on row hover (property detail table) */
.detail-table tr:hover .edit-indicator {
    display: inline-flex;
}