/* Урок Просто — дополнения к «Моим документам» и «Своим урокам» (x-docs.css, techkarta-back#257).
   На макете этих состояний нет: они появились при переносе в код (ответы сервера, удаление, движение сверх кита).
   Файлы макета (up-docs.css, up-own.css) не правятся; здесь — только новые классы и точечные дополнения с пометкой «почему». */

/* ---------- сообщение об ошибке под строкой управления (не удалось удалить) — как ошибка «Своих уроков» (up-own-err) ---------- */
.up-docs-err { display: flex; align-items: flex-start; gap: 8px; margin: 0 10px; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--error);
  animation: x-docs-fade .2s var(--ease-out) both; }
.up-docs-err svg { flex: 0 0 auto; margin-top: 1px; }

/* сообщение по коду ?notice= — строка-примечание оболочки внутри колонки экрана (отступ даёт сетка колонки) */
.up-docs-note { margin-bottom: 0; }

/* ---------- окно подтверждения удаления: «Да, удалить» — заливка --error, как «Удалить папку» макета (up-docs-act.is-fill) ---------- */
.up-mc-btn.up-docs-yes { --go-bg: var(--error); box-shadow: 0 1px 2px rgba(31, 27, 58, .2); }
.up-mc-btn.up-docs-yes:hover:not(:disabled) { filter: brightness(.92); }
.up .up-mc-btn.up-docs-yes:focus-visible { outline-color: var(--surface); }  /* залитая кнопка: рамка фокуса внутрь цветом поверхности — правило кита */

/* ---------- главная кнопка в тёмной теме — цвет подписи, как на артбордах (там он задан строчным стилем --go-fg):
   «Мои документы» — тёмная подпись на светлом акценте, «Свои уроки» — белая (кит заливает кнопку --primary) ---------- */
.up[data-theme="dark"].up-docs .up-go.f-btn-accent[data-ready="true"] { --go-fg: #1f1b3a; }
.up[data-theme="dark"].up-own .up-go.f-btn-accent[data-ready="true"] { --go-fg: var(--on-primary); }

/* ---------- движение сверх кита ---------- */
/* заголовки групп «Все файлы» проявляются вместе со строками (сами строки — up-row-in кита и перестановка src/motion/flip.ts) */
.up-docs-group > .up-docs-gh { animation: x-docs-fade .3s var(--ease-out) both; }
/* полоса выбранных и липкая полоса «Создать документ» сменяют друг друга: полоса на телефоне проявляется, а не выскакивает */
.up-docs-dock { animation: x-docs-fade .25s var(--ease-out) both; }
@keyframes x-docs-fade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- «Свои уроки»: перетаскивание файла ---------- */
/* лист в подсказке «Отпустите файл» порхает, пока файл держат над страницей: подъём и лёгкий наклон, 2.4 с туда-обратно */
.up-own-main[data-drag="true"]:not([data-bad="true"]) .up-own-drop-ic { animation: x-own-flutter 2.4s ease-in-out infinite; }
@keyframes x-own-flutter { 0%, 100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-5px) rotate(-5deg); } 65% { transform: translateY(-2px) rotate(4deg); } }
/* подписи подсказки появляются следом за рамкой */
.up-own-drop b, .up-own-drop span:last-child { animation: up-own-in .28s var(--ease-out) both; animation-delay: .04s; }
.up-own-drop span:last-child { animation-delay: .09s; }
/* не тот формат — значок коротко качается: «не подойдёт» */
.up-own-main[data-bad="true"] .up-own-drop-ic { animation: x-own-no .36s var(--ease-out) both; }
@keyframes x-own-no { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 60% { transform: translateX(3px); } }
/* строка уходит из списка уроков (удаление): как строки «Моих документов» */
.up-own-ls[data-leaving="true"] { animation: up-row-out .18s var(--ease-out) forwards; pointer-events: none; }
/* ошибка под полем и строка остатка появляются мягко, без скачка */
.up-own-err { animation: up-own-in .24s var(--ease-out) both; }
/* загрузка списка уроков: место под строки занято сразу (нет сдвига), строки-заготовки едва видны */
.up-own-ghost { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.up-own-ghost li { height: 112px; border-radius: 22px; background: var(--up-glass); border: 1px solid var(--up-card-line); opacity: .6; }
@media (max-width: 767px) { .up-own-ghost li { height: 104px; border-radius: 18px; } }

@media (prefers-reduced-motion: reduce) {
  .up-docs-err, .up-docs-group > .up-docs-gh, .up-docs-dock, .up-own-drop-ic, .up-own-drop b, .up-own-drop span, .up-own-ls, .up-own-err { animation: none !important; }
}

/* Открытое меню «Фильтры» или «Вид» — выше плашек «документ готов» (они у нижнего края справа, там же кнопки меню):
   пока меню открыто, плашки уходят под него */
.up-work:has(.up-docs-menu) > .up-shbars { z-index: 1; }