/* Правка текста на месте (05.09.2026): общий вид блока.

   Состояние держит скрытый флажок `.inline__state`, показанный текст лежит в
   `[data-inline-view]`, форма — `.inline__form`. Пока правка закрыта, видна
   только подпись «Изменить»; открыли — текст и подпись уходят, на их месте
   поле. Всё на CSS, скрипт `inline-edit.js` лишь открывает по щелчку и
   отправляет без перезагрузки.

   Карточка задачи держит свои правила (`.tedit__state`, `.fedit__state` в
   app.css) — они старше и завязаны на свою разметку; здесь общее для
   остальных экранов. Только существующие токены и размеры: стили
   заморожены (владелец, 31.08.2026). */

.inline__state {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.inline__form { display: none; }

.inline__state:checked ~ .inline__body [data-inline-view],
.inline__state:checked ~ .inline__body .inline__open { display: none; }

.inline__state:checked ~ .inline__body .inline__form { display: block; }

/* Клавиатура: обводка рисуется вокруг подписи, а не вокруг спрятанного флажка. */
.inline__state:focus-visible ~ .inline__body .inline__open {
    outline: 2px solid var(--accent-ring);
    outline-offset: 2px;
}

.inline__open {
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
    font-size: 12.5px;
    color: var(--ink-2);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.inline__open:hover { color: var(--ink); }

/* Текст, который можно править щелчком, показывает это курсором. */
[data-inline-edit][data-url] [data-inline-view] { cursor: text; }

/* Простой текст (без разметки) держит переносы автора. */
.inline__text { white-space: pre-line; }

/* Поле формы на время работы библиотечного редактора (если его подключат
   адаптером) спрятано: оно остаётся полем формы и получает значение от
   адаптера. */
.inline__hidden { display: none !important; }

/* Строка состояния под кнопками: «Сохраняю…», отказ сервера, 409 с двумя
   кнопками. Пустая — не занимает места. */
.inline__status {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: var(--ink-2);
}

.inline__status:empty { display: none; }

.inline__status .button { margin-left: 8px; }