/* group-schedule.css — «График» одной группы (модуль group-schedule.js).
   Всё тело инструмента — классы .sb-* из schedule-builder.css (тот же конструктор недели,
   тот же драг). Здесь только то, чего у Лу нет: шапка с вкладками слоёв, навигация по
   неделям и вид карточки РЕАЛЬНОГО урока (статус ДЗ вместо имени группы). */

.gs-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.gs-head h2{margin:0}

/* week nav (слой «Уроки») */
.gs-nav{display:flex;align-items:center;gap:8px;margin:10px 0}
.gs-nav button{width:36px;height:32px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
.gs-nav button:active{transform:scale(.96)}
/* «сегодня» — круглая стрелка возврата + подпись (шире квадратных ◀ ▶); стрелка чёрная (ink) */
#gs-today{width:auto;padding:0 13px;gap:6px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;font-size:var(--fs-sm);color:var(--ink)}
#gs-today .ic{width:16px;height:16px}
.gs-week{font-size:var(--fs-sm);color:var(--muted);font-weight:600}
.sb-dayhead.gs-today{color:var(--accent-dark);background:var(--accent-tint);font-weight:800}

/* карточка реального урока: плашка НЕЙТРАЛЬНОГО единого цвета — статус ДЗ несёт только текст badge,
   а не заливка. Экран «Уроки» про расписание, не про контроль ДЗ, поэтому красной/янтарной плашки
   по статусу домашки тут больше нет (blox28 #8). */
/* blox25 #4 — индикатор ДЗ переехал в строку названия группы и прижат к правому краю (ПК): в
   короткой карточке он раньше зажимался ПОД именем и был почти не виден. margin-left:auto толкает
   его вправо во флекс-строке .sb-crow; имя (.sb-cn) при нехватке места ужимается с многоточием. */
.gs-badge{font-size:var(--fs-2xs);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin-left:auto;flex:none;max-width:55%}
/* на телефоне индикатор убираем совсем — экономим ширину узкой карточки (blox25 #4) */
@media(max-width:700px){ .gs-badge{display:none} }
.gs-add{cursor:copy}

/* переключатель групп учителя на вкладке «Уроки» (blox17 #2) — та же лента, что в мониторе */
.gs-gswitch{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:4px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.gs-gswitch::-webkit-scrollbar{display:none}

/* ── СЛЕД перенесённого урока (blox55 #2) ──────────────────────────────────────────────
   «Здесь по плану был урок, его перенесли». Выглядит как плашка урока, но светло-серая — и это
   НЕ кнопка: никакого действия, палец сквозь неё проходит к пустой клетке (pointer-events:none) —
   тап по дню со следом по-прежнему предлагает добавить разовый урок. Цвета — токенами, чтобы
   след оставался читаемым и в тёмной теме, и в других схемах.
   z-index:0 — след лежит ПОД плашкой урока (blox55 #27). С z-index:1 он закрывал собой урок,
   вернувшийся в тот же день на соседние полчаса: время урока пряталось под серым, а от самой
   плашки оставалась полоска в палец толщиной — владелец не мог её подцепить (Comet2, 11.09).
   Разметка рисует след ДО урока, поэтому при равном z-index урок и так оказывается сверху. */
.gs-trace{position:absolute;left:2px;right:2px;pointer-events:none;z-index:0;
  overflow:hidden;padding:3px 5px;border-radius:var(--r-xs);
  background:color-mix(in srgb, var(--muted) 20%, var(--card));color:var(--muted-strong);
  font-size:var(--fs-2xs);line-height:1.25}
/* форма — один в один плашка урока, но БЕЗ тени: тень поднимает элемент над полотном, а след
   лежит в нём. Это и есть вся разница «настоящий урок / его отпечаток», кроме цвета. */
.gs-trace .sb-crow{justify-content:flex-end}
.gs-trace .sb-cn{font-weight:600;opacity:.9}

/* Время «14:00–14:45» на плашке (blox55 #25) стоит ВМЕСТО имени группы, а не рядом с ним — имя
   на этих плашках просто не рисуется. Строка плашки одна (высота часового урока ~17px), и в ней
   уже живут «← откуда» и статус ДЗ: с именем время выдавливало имя в ноль даже на 1280. А имя тут
   и не нужно — экран показывает ОДНУ группу и называет её в заголовке и в чипе.
   10px — не ступень лестницы, а та же логика, что у метки «онлайн»: в узкой колонке телефона
   (66px свободной ширины) «14:00–14:45» на 11px не помещается — мерено, 68px. */
@container (max-width:128px){ #gs-grid .sb-ct{font-size:10px} }

/* «← 08.09» на самой плашке — парная подпись к следу: куда урок уехал пишет след, откуда приехал
   пишет сам урок. Живёт в строке названия рядом с индикатором ДЗ и по той же причине уходит с
   телефона: ширины узкой карточки хватает только на имя группы (blox25 #4). */
.gs-from{font-size:var(--fs-2xs);opacity:.85;white-space:nowrap;flex:none}
@media(max-width:700px){ .gs-from{display:none} }
