/* Renaming a task in its row (js/modules/row-rename.js): the title becomes a
   field where it sits, same font, with a focus ring; the chips stay beside it. */
.task-title .row-rename-input {
    font: inherit;
    color: var(--text-primary);
    background: var(--bg-primary, #fff);
    border: 0;
    outline: none;
    border-radius: var(--radius-sm);
    padding: 1px 5px;
    margin: -2px 0 -2px -6px;
    min-width: 4ch;
    max-width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 0 1.5px var(--accent-blue, #4A90D9), 0 0 0 4px var(--accent-blue-focus, rgba(74, 144, 217, 0.15));
}
.task-title .row-rename-mirror {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    pointer-events: none;
}