/* ВЫДЕЛЕНИЕ НЕСКОЛЬКИХ. Вход — тап по ведущей метке; раздел переходит в
     режим, и метки получают кольцо. Кольцо снаружи знака, а не вместо него:
     стадия остаётся читаемой, пока вы выбираете именно по ней.
     Рисуется тенью — layout не меняется, строки не дёргаются.
     Диаметр 18 = знак 12 + зазор 1.5 + кольцо 1.5 с каждой стороны. */
[data-ui-surface="navigator"] .item__dot--sticker { background: var(--arhix-mark-sticker); margin-left: var(--arhix-space-gap); }
[data-ui-surface="navigator"] .item__dot--sheet { background: var(--arhix-mark-sheet); margin-left: var(--arhix-space-micro); }
[data-ui-surface="navigator"] .item__dot--placed { background: var(--arhix-mark-placed); margin-left: var(--arhix-space-gap); }
[data-ui-surface="navigator"] .item__dot--unread { background: var(--arhix-accent); margin-left: var(--arhix-space-gap); }
[data-ui-surface="navigator"] .item__dot--inactive { background: var(--arhix-ink-ghost); }
[data-ui-surface="navigator"] .item__dot[data-ui-project-active="true"] { background: var(--arhix-accent); }
[data-ui-surface="navigator"] .item__dot[data-ui-project-open-failed="true"] { background: var(--arhix-mark-problem); }


  /* Папка-группа */
[data-ui-surface="navigator"] .folder__tab {
    display: inline-flex;
    align-items: center;
    height: var(--arhix-chip-height);
    border-radius: var(--arhix-radius-chip) var(--arhix-radius-chip) 0 0;
    /* цвет ярлыка — СВОЙ у каждой папки (данные), задаётся на элементе */
    padding: 0 var(--arhix-space-gap);
    margin: var(--arhix-space-gap) 0 0 15px; /* 8 до рамки; 10 внутрь от края рамки (5+10) */
    align-self: flex-start;
    /* Потолок ширины — остаток строки от врезки ярлыка до края панели:
       имя правится по месту и не должно распирать список. */
    max-width: 214px;
    cursor: pointer;
  }
[data-ui-surface="navigator"] .folder__tab-text {
    font-family: var(--arhix-font);
    font-weight: var(--arhix-font-weight-body);
    font-size: var(--arhix-font-size-small);
    color: var(--arhix-ink);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
[data-ui-surface="navigator"] .folder__tab-text[contenteditable="true"],
[data-ui-surface="navigator"] .material-row .item__name[contenteditable="true"] {
    outline: none;
    cursor: text;
    text-overflow: clip; /* при наборе многоточие прятало бы каретку */
  }
[data-ui-surface="navigator"] .panel__folder {
    margin: 0 5px; /* строки внутри остаются 244px — рамка шире */
    border: 1px solid var(--arhix-line);
    border-radius: var(--arhix-radius-island); /* концентрично: 8 внутр. + 4 зазор = 12 */
    padding: var(--arhix-space-micro);
    flex: none;
    display: flex;
    flex-direction: column;
    gap: var(--arhix-space-row);
  }


  /* внутри папки ритм задаёт её собственный gap, поля строк обнуляются —
     правило стоит после структурного ритма и перекрывает его */
[data-ui-surface="navigator"] .panel__folder .panel__item,
[data-ui-surface="navigator"] .panel__folder .panel__item + .panel__item {
    margin: 0;
  }