/**
 * Мобильная адаптация /ege-4/ — дерево Фано + таблица кодов.
 * Референс layout: ege_task1_mobile.css.
 */

@media (max-width: 768px) and (pointer: coarse) {
  body.libreoffice-page-task4.task-mobile-mode .libreoffice-task1-page .task1-graph-wrap {
    min-width: 0;
    align-items: stretch;
    justify-content: stretch;
  }

  body.libreoffice-page-task4.task-mobile-mode .libreoffice-task1-page .task1-graph-wrap .task1-graph-svg {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    .task1-card--diagram
    .task4-diagram-chrome.task1-diagram-chrome--float {
    display: none !important;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    #task4-diagram-guide.task1-diagram-controls--top-left {
    position: absolute;
    top: 0.35rem;
    left: 0.35rem;
    right: auto;
    z-index: 4;
    max-width: min(92vw, 18rem);
    pointer-events: none;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    #task4-diagram-guide
    .task1-diagram-controls__panel {
    pointer-events: auto;
    max-height: min(38vh, 12rem);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    #task4-diagram-guide
    .task1-graph-guide-reopen {
    pointer-events: auto;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    .task4-code-table {
    font-size: 0.95rem;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    .task4-code-table__input {
    min-width: 2.5rem;
    font-size: 1rem;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-statement
    #libreoffice-task4-solution-wrap.task-solution-html-wrap {
    margin-top: 0.85rem;
  }

  /* Подсказки: десктоп vs touch */
  body.libreoffice-page-task4.task-mobile-mode .task1-panel-row--desktop-only {
    display: none !important;
  }

  body.libreoffice-page-task4.task-mobile-mode .task1-panel-row--mobile-only {
    display: flex !important;
  }

  body.libreoffice-page-task4:not(.task-mobile-mode) .task1-panel-row--mobile-only {
    display: none !important;
  }

  /* Портрет: один блок на весь экран */
  body.libreoffice-page-task4.ege-task4-portrait-trainer.task-mobile-pane-trainer
    .task4-diagram-table-resizer {
    display: none !important;
  }

  body.libreoffice-page-task4.ege-task4-portrait-trainer.ege-task4-trainer-subpane-tree
    .task1-card--table {
    display: none !important;
  }

  body.libreoffice-page-task4.ege-task4-portrait-trainer.ege-task4-trainer-subpane-table
    .task1-card--diagram {
    display: none !important;
  }

  body.libreoffice-page-task4.ege-task4-portrait-trainer
    #task1-diagram-slot {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  body.libreoffice-page-task4.ege-task4-portrait-trainer
    .task1-hf-left-stack
    .task1-card--diagram,
  body.libreoffice-page-task4.ege-task4-portrait-trainer
    .task1-hf-left-stack
    .task1-card--table {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Ландшафт: дерево слева, таблица справа */
  @media (orientation: landscape) {
    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      .libreoffice-task1-page
      #task1-diagram-slot {
      flex: 1 1 auto;
      min-height: 0;
      display: flex !important;
      flex-direction: row !important;
      align-items: stretch;
      gap: 0;
    }

    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      .libreoffice-task1-page
      .task1-card--diagram {
      flex: 1.15 1 0 !important;
      min-width: 0;
      height: 100% !important;
      max-height: none !important;
    }

    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      .libreoffice-task1-page
      .task1-card--table {
      flex: 0.85 1 0 !important;
      min-width: 0;
      height: 100% !important;
      max-height: none !important;
      border-left: 1px solid rgba(148, 163, 184, 0.35);
    }

    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      .libreoffice-task1-page
      .task4-diagram-table-resizer {
      flex: 0 0 10px !important;
      width: 10px !important;
      height: auto !important;
      margin: 0;
      cursor: col-resize;
    }

    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      .libreoffice-task1-page
      .task4-diagram-table-resizer::after {
      inset: 22% 3px;
    }

    body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
      #ege-task4-mobile-subpane
      .ege-task4-mobile-subpane__btn:not(.ege-task4-mobile-subpane__btn--immersive) {
      display: none;
    }
  }

  /* Переключатель Дерево / Таблица + разворот */
  .ege-task4-mobile-subpane {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0.35rem;
  }

  .ege-task4-mobile-subpane[hidden] {
    display: none !important;
  }

  .ege-task4-mobile-subpane__btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 2.15rem;
    padding: 0.3rem 0.45rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: rgba(15, 23, 42, 0.35);
    color: #e2e8f0;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
  }

  .ege-task4-mobile-subpane__btn--active {
    border-color: rgba(16, 185, 129, 0.65);
    background: rgba(16, 185, 129, 0.18);
    color: #6ee7b7;
  }

  .ege-task4-mobile-subpane__btn--immersive {
    flex: 0 0 auto;
    width: 2.15rem;
    padding: 0;
    font-size: 1rem;
  }

  [data-theme="light"] .ege-task4-mobile-subpane__btn {
    background: rgba(248, 250, 252, 0.92);
    color: #334155;
    border-color: rgba(148, 163, 184, 0.55);
  }

  [data-theme="light"] .ege-task4-mobile-subpane__btn--active {
    color: #047857;
    background: rgba(16, 185, 129, 0.12);
  }

  /* Immersive: больше места под схему */
  body.libreoffice-page-task4.ege-task4-immersive-mode .ege-task1-mobile-dock,
  body.libreoffice-page-task4.ege-task4-immersive-mode
    .neuroege-hf-task-root
    > .header--task-hf {
    display: none !important;
  }

  body.libreoffice-page-task4.ege-task4-immersive-mode .neuroege-hf-task-root {
    padding-bottom: 0 !important;
  }

  body.libreoffice-page-task4.ege-task4-immersive-mode.task-mobile-pane-trainer
    .libreoffice-task1-page
    .task-solve-main {
    min-height: 100dvh;
  }

  /* Баннер поворота — только task4 на вкладке Решать */
  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer #mobile-immersive-hint {
    display: block;
  }

  body.libreoffice-page-task4.task-mobile-mode.task-mobile-pane-trainer
    #mobile-immersive-hint[hidden] {
    display: none !important;
  }
}