/* ===== Подсказка «Раздел в разработке» =====
   Общая на весь сайт: подключена напрямую в base.html (не в {% block %},
   который дочерние шаблоны переопределяют), поэтому работает и в публичной
   части, и в кабинете. Всплывает у курсора по клику на любой [data-wip].

   Намеренно неприметная: серо-графитовая плашка системного тултипа читается
   и на светлых секциях, и поверх оранжевого CTA-баннера. */

[data-wip] { cursor: pointer; }

.wip-note {
    position: fixed;
    z-index: 2000;
    max-width: 260px;
    padding: 7px 12px;
    border-radius: 7px;
    background: #2f3945;
    color: #f2f4f6;
    font-size: 0.85rem;
    line-height: 1.35;
    box-shadow: 0 4px 14px rgba(20, 35, 50, 0.22);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.16s ease, transform 0.16s ease;
    pointer-events: none;
}

.wip-note.is-shown {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .wip-note,
    .wip-note.is-shown {
        transform: none;
        transition: opacity 0.12s ease;
    }
}