История страницы

<!-- Минималистичная стартовая страница Wiki-документации для врачей -->
<!-- ПрозрачныйКарточки фон,с системныепрозрачным шрифтыфоном, выстроенныеродительские отступыразделы итоже компактное навигационноекликабельны меню -->

<div style="
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 24px;
  line-height: 1.45;
  color: #1a1a1a;
">

  <!-- Заголовок -->
  <header style="text-align: center; margin-bottom: 48px;">
    <h1 style="font-size: 2.2rem; font-weight: 600; margin: 0;">
      Документация для врачей
    </h1>
    <p style="font-size: 1rem; color: #4d4d4d; margin-top: 8px;">
      БыстрыйКраткое стартруководство ипо ответыработе нас типовыеличным вопросыкабинетом
    </p>
  </header>

  <!-- Стили -->
  <style>
    /* ШапкаСетка секциикарточек */
    .menudoc-sectiongrid {
      margin-bottomdisplay: 36pxgrid;
    }
    .menu-section > h2 {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      font-sizegap: 1.28rem20px;
      fontmargin-weightbottom: 60040px;
      margin: 0 0 12px;}

    /*  cursor: pointer;Карточка */
      user-select: none;.doc-card {
      displaybackground: flex;
      align-items: centerrgba(255, 255, 255, 0.9);
      gapborder: 6px1px solid #e0e0e0;
    }
    .menu-section > h2 span {border-radius: 8px;
      font-sizepadding: 20px 1.1rem24px;
      transition: box-shadow 0.2s ease, transform 0.25s2s ease;
    }
    .menu-section.collapsed > h2 span {  text-decoration: none;
      transformcolor: rotate(-90deg)inherit;
    }

  display: block;
 /* Контейнер ссылок */}
    .menudoc-itemscard:hover {
      paddingbox-leftshadow: 20px;
0 4px 14px rgba(0, 0,  display: block0, 0.08);
    }  transform: translateY(-4px);
    .menu-items.collapsed {  text-decoration: none;
      displaycolor: noneinherit;
    }

    /* СсылкиРодительская карточка (для разделов) */
    .menudoc-linkcard.parent {
      displaybackground: block;
      margin: 6px 0linear-gradient(135deg, rgba(11, 102, 211, 0.05), rgba(11, 102, 211, 0.02));
      text-decorationborder: none;
1px solid rgba(11, 102,   color: #1a1a1a211, 0.2);
      font-sizeposition: .97remrelative;
    }
   font-weight: 500; .doc-card.parent::after {
      transition: color .2s ease;
content: "📂";
      position: absolute;
      top: }20px;
    .menu-link:hover {  right: 24px;
      colorfont-size: #0b66d31.2rem;
      text-decorationopacity: underline0.6;
    }

    /* КарточкаЗаголовки (можно использовать для доп. контента) карточек */
    .doc-card h3 {
      backgroundfont-size: rgba(255, 255, 255, .9)1.05rem;
      borderfont-weight: 1px solid #e0e0e0600;
      border-radius:margin: 0 0 8px;
      paddingcolor: 20px 24px#1a1a1a;
      margin-bottom: 12px;}
    .doc-card.parent  transition: box-shadow .2s ease, transform .2s ease;
    }h3 {
      color: #0b66d3;
      font-size: 1.15rem;
    }

    /* Описания */
    .doc-card:hover p {
      boxfont-shadowsize: 0.9rem;
  4px 14px rgba(0, 0, 0, .08)  margin: 0;
      transformcolor: translateY(-4px)#5c5c5c;
    }
  </style>  line-height: 1.4;
    }

  <!-- Скрипт сворачивания/разворачивания -->
  <script>* Заголовки секций */
    function toggleSection(id).section-title {
      const section = document.getElementById(id)font-size: 1.4rem;
      if (!section) returnfont-weight: 600;
      section.classList.toggle('collapsed');
    }margin: 0 0 24px;
  </script>

  <!-- Навигационное меню -->color: #1a1a1a;
  <nav>

    display: flex;
      align-items: center;
      gap: 8px;
    }
  </style>

  <!-- 1. Начало работы -->
  <section>
   <section id="s1"<h2 class="menusection-sectiontitle">
>🚀      <h2 onclick="toggleSection('s1')"><span>▶</span> 🚀 Начало работы</Начало работы</h2>
      <div class="menudoc-itemsgrid">
        <a class="menudoc-linkcard parent" href="ОбзорНачало-ЛКработы.html">Обзор ЛК и его возможностей</a>>
        <h3>Начало работы</h3>
        <a class="menu-link" href="Регистрация.html">Регистрация и активация аккаунта<<p>Общий обзор раздела, первые шаги и основные принципы работы с системой</p>
      </a>
      
      <a class="menudoc-linkcard" href="ВходОбзор-ЛК.html">Вход>
 в ЛК</a>
      <h3>Обзор ЛК <a class="menu-link" href="Настройка-профиля.html">Настройка профиля</a>
  и его возможностей</h3>
        <p>Ключевые возможности личного кабинета</p>
      </a>

      <a class="menudoc-linkcard" href="Навигация-интерфейсРегистрация.html">Навигация по интерфейсу</a>
>
       </div>
 <h3>Регистрация и активация <аккаунта</section>h3>

     <!-- 2. Заказы и пациенты -->
   <p>Пошаговое подключение к системе</p>
      </a>

      <section<a idclass="s2doc-card" classhref="menuВход-sectionЛК.html">
      <h2 onclick="toggleSection('s2')"><span>▶</span> 👥 Заказы и пациенты</h2> <h3>Вход в ЛК</h3>
      <div class="menu-items">
     <p>Авторизация и восстановление пароля</p>
    <a class="menu-link" href="Типы-заказов.html">Типы заказов и их особенности</a>
   </a>

      <a class="menudoc-linkcard" href="ДобавлениеНастройка-пациентапрофиля.html">Добавление нового пациента</a>>
        <a class="menu-link" href="Создание-заказа.html">Создание первого заказа</a>
<h3>Настройка профиля</h3>
        <p>Данные, предпочтения, уведомления</p>
  <a class="menu-link" href="Заказать-ретейнер.html">Как заказать ретейнер<</a>

        <a class="menudoc-linkcard" href="ЗаказатьНавигация-ревизиюинтерфейс.html">Как заказать ревизию</a>
>
        <h3>Навигация по интерфейсу</h3>
         <a class="menu-link" href="Поменять-тип-заказа.html">Как поменять тип заказа?<p>Основы ориентации в системе</p>
      </a>
    </div>
  </section>

  <a class="menu-link" href="Архив-заказа.html">Как переместить заказ в архив / вернуть его...</a><!-- 2. Заказы и пациенты -->
  <section>
    <h2    <a class="menusection-linktitle" href="Статус-заказа.html">Отслеживание статуса заказа</a>>👥 Заказы и пациенты</h2>
      <div class="doc-grid">
      <a class="menudoc-linkcard parent" href="ПоискЗаказы-и-пациентовпациенты.html">Поиск>
 и фильтрация пациентов</a>
     <h3>Заказы и пациенты</h3>
 <a class="menu-link" href="Редактирование.html">Редактирование пациента или заказа</a>
  <p>Полное руководство по работе с заказами, управлению пациентами и всем связанным функциям</p>
      </a>

      <a class="menudoc-linkcard" href="ИсторияТипы-заказазаказов.html">История заказа</a>
>
        </div>
<h3>Типы заказов и их <особенности</section>h3>

    <!-- 3. Отгрузки и доставка капп --> <p>Отличия и назначение разных типов</p>
      </a>

    <section  <a idclass="s3doc-card" classhref="menuДобавление-sectionпациента.html">
      <h2 onclick="toggleSection('s3')"><span>▶</span> 📦 Отгрузки и доставка капп</h2>  <h3>Добавление нового пациента</h3>
        <p>Создание карточки пациента</p>
      <div class="menu-items"></a>

        <a class="menudoc-linkcard" href="НоваяСоздание-партия-каппзаказа.html">Как заказать новую партию капп?</a>
>
        <h3>Создание первого заказа</h3>
        <p>Пошаговая <a class="menu-link" href="Изменить-адрес.html">Как изменить адрес доставки<инструкция</p>
      </a>

        <a class="menudoc-linkcard" href="КогдаЗаказать-доставкаретейнер.html">Когда доставят каппы?</a>>
        <a class="menu-link" href="Отмена-доставки.html">Отмена отгрузки/доставки</a><h3>Как заказать ретейнер</h3>
        <a <p>Особенности заказа ретейнеров</p>
      </a>

      <a class="menudoc-linkcard" href="ПеренестиЗаказать-доставкуревизию.html">Хочу перенести дату доставки</a>
>
        <h3>Как заказать ревизию</h3>
       </div>
 <p>Процесс заказа ревизии</p>
      </section>a>

      <!-- 4. Виртуальный сетап -->
    <section id="s4" class="menu-section<a class="doc-card" href="Поменять-тип-заказа.html">
      <h2 onclick="toggleSection('s4')"><span>▶</span> 🦷 Виртуальный сетап (3D-модель)</h2>
 <h3>Как поменять тип заказа?</h3>
       <div class="menu-items">
        <a class="menu-link" href="Просмотрщик-сетапа.html">Просмотрщик сетапа (3D модели) <p>Изменение типа существующего заказа</p>
      </a>
  
      <a class="menudoc-linkcard" href="EuroTMJАрхив-Trackerзаказа.html">EuroTMJ Tracker</a>>
        <a class="menu-link" href="Детализатор.html">Детализатор</a>
<h3>Архивирование заказов</h3>
        <p>Перемещение в архив и восстановление</p>
 <a class="menu-link" href="Скачать-таблицу.html">Как скачать таблицу перемещений?</a>

        <a class="menudoc-linkcard" href="МодельСтатус-с-костьюзаказа.html">Хочу>
 чтобы модель была с костью</a>
      <h3>Отслеживание статуса заказа</h3>
        <p>Мониторинг прогресса выполнения</p>
  <a class="menu-link" href="Согласовать-сетап.html">Как согласовать/отклонить сетап<</a>

        <a class="menudoc-linkcard" href="ДоработкаПоиск-сетапапациентов.html">Вернуть>
 сетап на доработку</a>
     <h3>Поиск и  <a class="menu-link" href="Согласование-сетапа.html">Вернуть сетап на согласование</a>фильтрация пациентов</h3>
        <p>Быстрый поиск в базе данных</p>
      </a>

      <a class="menudoc-linkcard" href="3D-не-открываетсяРедактирование.html">3D>
 модель не открывается</a>
     <h3>Редактирование </div>
    </section>
пациента или заказа</h3>
        <p>Изменение данных и параметров</p>
    <!-- 5. Чаты и уведомления -->
 </a>

      <a <section idclass="s5doc-card" classhref="menuИстория-sectionзаказа.html">
      <h2 onclick="toggleSection('s5')"><span>▶</span> 💬 Чаты и уведомления</h2>  <h3>История заказа</h3>
      <div class="menu-items">
      <p>Просмотр всех изменений и событий</p>
   <a class="menu-link" href="Настройка-уведомлений.html">Настройка уведомлений< </a>
    </div>
  </section>

  <a class="menu-link" href="Настройка-чата.html">Настройка чата</a>
    <!-- 3. Отгрузки и доставка капп -->
  <section>
    <a<h2 class="menusection-linktitle" href="Не-пропадает-уведомление.html">Не пропадает уведомление</a>>📦 Отгрузки и доставка капп</h2>
      </div><div class="doc-grid">
    </section>

  <a class="doc-card  <!-- 6. Дополнительные возможности -->
parent" href="Отгрузки-и-доставка.html">
        <h3>Отгрузки <section id="s6" class="menu-section">
и доставка капп</h3>
       <h2 onclick="toggleSection('s6')"><span>▶</span> ⚙️ Дополнительные возможности</h2>
      <div class="menu-items">
   <p>Все вопросы логистики: заказ партий, адреса доставки, сроки и управление отгрузками</p>
      </a>

      <a class="menudoc-linkcard" href="ГрафикНовая-партия-ношениякапп.html">График>
 ношения (Календарь планирования)</a>      <h3>Как заказать новую партию капп?</h3>
        <a class="menu-link" href="Евроулыбка.html">Евроулыбка</a>
  <p>Процесс заказа дополнительных капп</p>
      </a>

      <a class="menudoc-linkcard" href="ПрограммаИзменить-лояльностиадрес.html">Программа лояльности</a>
>
        </div>
    </section>
<h3>Как изменить адрес доставки</h3>
        <p>Обновление адреса для отгрузки</p>
    <!-- 7. Финансовые вопросы -->
 </a>

      <section<a idclass="s7doc-card" classhref="menuКогда-sectionдоставка.html">
        <h2 onclick="toggleSection('s7')"><span>▶</span> 💰 Финансовые вопросы</h2>
<h3>Когда доставят каппы?</h3>
        <p>Информация о <div class="menu-items">сроках доставки</p>
      </a>

      <a class="menudoc-linkcard" href="ОплатаОтмена-заказадоставки.html">Как>
 оплатить заказ</a>
      <h3>Отмена отгрузки/доставки</h3>
  <a       <p>Процедура отмены доставки</p>
      </a>

      <a class="menudoc-linkcard" href="Когда-доставка-после-оплатыПеренести-доставку.html">Я оплатил заказ, когда доставят каппы?>
        <h3>Перенос даты доставки</h3>
        <p>Изменение планируемой даты</p>
      </a>
    </div>
  </section>

  <!-- 4. Виртуальный сетап -->
  <section>
    <h2 class="section-title">🦷 Виртуальный сетап (3D-модель)</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="Виртуальный-сетап.html">
        <h3>Виртуальный сетап</h3>
        <p>Работа с 3D-моделями: просмотр, анализ, согласование и все инструменты виртуального планирования</p>
      </a>

      <a class="doc-card" href="Просмотрщик-сетапа.html">
        <h3>Просмотрщик сетапа</h3>
        <p>Интерфейс работы с 3D-моделями</p>
      </a>

      <a class="doc-card" href="EuroTMJ-Tracker.html">
        <h3>EuroTMJ Tracker</h3>
        <p>Система отслеживания ВНЧС</p>
      </a>

      <a class="doc-card" href="Детализатор.html">
        <h3>Детализатор</h3>
        <p>Подробный анализ перемещений</p>
      </a>

      <a class="doc-card" href="Скачать-таблицу.html">
        <h3>Скачать таблицу перемещений</h3>
        <p>Экспорт данных о перемещениях</p>
      </a>

      <a class="doc-card" href="Модель-с-костью.html">
        <h3>Модель с костью</h3>
        <p>Отображение костных структур</p>
      </a>

      <a class="doc-card" href="Согласовать-сетап.html">
        <h3>Согласование/отклонение сетапа</h3>
        <p>Процесс утверждения планирования</p>
      </a>

      <a class="doc-card" href="Доработка-сетапа.html">
        <h3>Доработка сетапа</h3>
        <p>Возврат на корректировку</p>
      </a>

      <a class="doc-card" href="3D-не-открывается.html">
        <h3>3D модель не открывается</h3>
        <p>Решение проблем с отображением</p>
      </a>
    </div>
  </section>

  <!-- 5. Чаты и уведомления -->
  <section>
    <h2 class="section-title">💬 Чаты и уведомления</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="Чаты-и-уведомления.html">
        <h3>Чаты и уведомления</h3>
        <p>Система коммуникации: настройка чатов, уведомлений и решение проблем связи</p>
      </a>

      <a class="doc-card" href="Настройка-уведомлений.html">
        <h3>Настройка уведомлений</h3>
        <p>Управление типами уведомлений</p>
      </a>

      <a class="doc-card" href="Настройка-чата.html">
        <h3>Настройка чата</h3>
        <p>Конфигурация системы сообщений</p>
      </a>

      <a class="doc-card" href="Не-пропадает-уведомление.html">
        <h3>Не пропадает уведомление</h3>
        <p>Решение проблем с уведомлениями</p>
      </a>
    </div>
  </section>

  <!-- 6. Дополнительные возможности -->
  <section>
    <h2 class="section-title">⚙️ Дополнительные возможности</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="Дополнительные-возможности.html">
        <h3>Дополнительные возможности</h3>
        <p>Расширенный функционал: календарь, программы лояльности и специальные инструменты</p>
      </a>

      <a class="doc-card" href="График-ношения.html">
        <h3>График ношения</h3>
        <p>Календарь планирования лечения</p>
      </a>

      <a class="doc-card" href="Евроулыбка.html">
        <h3>Евроулыбка</h3>
        <p>Специальная программа лечения</p>
      </a>

      <a class="doc-card" href="Программа-лояльности.html">
        <h3>Программа лояльности</h3>
        <p>Бонусы и скидки для врачей</p>
      </a>
    </div>
  </section>

  <!-- 7. Финансовые вопросы -->
  <section>
    <h2 class="section-title">💰 Финансовые вопросы</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="Финансовые-вопросы.html">
        <h3>Финансовые вопросы</h3>
        <p>Все вопросы оплаты: способы платежей, сроки, статусы и связь с доставкой</p>
      </a>

      <a class="doc-card" href="Оплата-заказа.html">
        <h3>Как оплатить заказ</h3>
        <p>Способы и процедура оплаты</p>
      </a>

      <a class="doc-card" href="Когда-доставка-после-оплаты.html">
        <h3>Доставка после оплаты</h3>
        <p>Сроки доставки после платежа</p>
      </a>
    </div>
  </section>

  <!-- 8. Возможные проблемы -->
  <section>
    <h2 class="section-title">❗ Возможные проблемы и их решение</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="Проблемы-и-решения.html">
        <h3>Возможные проблемы и их решение</h3>
        <p>Справочник по устранению неполадок, типичные ошибки и способы их решения</p>
      </a>
      </div>
    </section>

    <!-- 89. ВозможныеСправочная проблемыинформация -->
    <section id="s8" class="menu-section">
  <section>
    <h2 onclickclass="toggleSection('s8')"><span>▶</span> ❗ Возможные проблемы и их решение<section-title">📚 Справочная информация</h2>
      <div class="menudoc-itemsgrid">
        <a class="menudoc-linkcard parent" href="ПроблемыСправочная-и-решенияинформация.html">Возможные проблемы и их решение</a>
>
        <h3>Справочная информация</h3>
        <p>Контакты поддержки, часто </div>
задаваемые вопросы и дополнительные <ресурсы</section>
p>
    <!-- 9. Справочная информация -->
 </a>

     <section <a idclass="s9doc-card" classhref="menuСлужба-sectionподдержки.html">
      <h2 onclick="toggleSection('s9')"><span>▶</span> 📚 Справочная информация</h2>
  <h3>Служба поддержки</h3>
        <p>Контакты и <div class="menu-items">способы связи</p>
      </a>

      <a class="menudoc-linkcard" href="Служба-поддержкиFAQ.html">Служба поддержки</a>>
        <h3>Часто задаваемые вопросы</h3>
        <a class="menu-link" href="FAQ.html">Часто задаваемые вопросы (F.A.Q.)</a><p>Ответы на популярные вопросы</p>
      </div>a>
    </section>
div>
  </nav>section>

</div>