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

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

<div class="custom-doc-page" 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 class="custom-header" style="text-align: center; margin-bottom: 72px !important; padding-bottom: 24px;">
    <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>
    /* Усиленные стили для Confluence */
    .custom-doc-page .custom-header {
      text-align: center !important;
      margin-bottom: 72px !important;
      padding-bottom: 24px !important;
    }
    
    /* Сетка карточек */
    .doc-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
      margin-bottom: 40px;
    }

    /* Карточка */
    .doc-card {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 20px 24px;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
      text-decoration: none;
      color: inherit;
      display: block;
    }
    .doc-card:hover {
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
      transform: translateY(-4px);
      text-decoration: none;
      color: inherit;
    }

    /* Родительская карточка (для разделов) */
    .doc-card.parent {
      background: linear-gradient(135deg, rgba(11, 102, 211, 0.05), rgba(11, 102, 211, 0.02));
      border: 1px solid rgba(11, 102, 211, 0.2);
      position: relative;
    }
    .doc-card.parent::after {
      content: "📂";
      position: absolute;
      top: 20px;
      right: 24px;
      font-size: 1.2rem;
      opacity: 0.6;
    }

    /* Заголовки карточек */
    .doc-card h3 {
      font-size: 1.05rem;
      font-weight: 600;
      margin: 0 0 8px;
      color: #1a1a1a;
    }
    .doc-card.parent h3 {
      color: #0b66d3;
      font-size: 1.15rem;
    }

    /* Описания */
    .doc-card p {
      font-size: 0.9rem;
      margin: 0;
      color: #5c5c5c;
      line-height: 1.4;
    }

    /* Заголовки секций */
    .section-title {
      font-size: 1.4rem;
      font-weight: 600;
      margin: 0 0 40px;
      color: #1a1a1a;
      display: flex;
      align-items: center;
      gap: 8px;
    }
  </style>

  <!-- 1. Начало работы -->
  <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>

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

      <a class="doc-card" href="Навигация-интерфейс.html">
        <h3>Навигация по интерфейсу</h3>
        <p>Основы ориентации в системе</p>
      </a>
    </div>
  </section>

  <!-- 2. Заказы и пациенты -->
  <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>

      <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="Поиск-пациентов.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>

  <!-- 3. Отгрузки и доставка капп -->
  <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>

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

      <a class="doc-card" 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>

  <!-- 9. Справочная информация -->
  <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="FAQ.html">
        <h3>Часто задаваемые вопросы</h3>
        <p>Ответы на популярные вопросы</p>
      </a>
    </div>
  </section>

</div>