/*
 * Своё для платформы «Пробные уроки» — только то, чего нет в комплекте.
 * Комплект (platform/css/platform.css) не правим; здесь — только его переменные, без своих цветов.
 */

/* Часовой пояс над содержимым листа */
.tz-form { display: flex; justify-content: flex-end; margin: 18px 0 0; }
.tz-form label { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; color: var(--muted); }
.tz-form select { width: auto; padding: 4px 8px; font-size: 13px; }

/* Ряды вкладок на витрине идут подряд */
.sv .tabs { margin-bottom: 10px; }
.sv .tabs + .tabs { margin-bottom: 0; }

/* Карточка учителя: фото слева, текст справа */
.teacher { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: start; }
.teacher img, .teacher .ph {
  width: 88px; height: 88px; border-radius: var(--radius); object-fit: cover;
  background: var(--surface-3); display: flex; align-items: center; justify-content: center;
  font-family: var(--display); font-weight: 850; font-size: 40px; color: var(--muted);
}
.teacher .t { margin-bottom: 2px; }
.teacher p { margin: 0 0 8px; }
/* Кнопка в листе комплекта — во всю ширину; подпись о ближайшем времени уходит под неё */
.teacher .inline { display: flex; flex-direction: column; align-items: stretch; gap: 6px; margin-top: 10px; }
.teacher .inline .btn.primary { margin-top: 0; }
.teacher .inline .note { padding: 0; }

/* Слоты дня — кнопки в строку */
.slots { display: flex; flex-wrap: wrap; gap: 8px; }
.slots .btn { min-width: 76px; justify-content: center; }

/* Главное о записи: учитель и время крупно */
.sv .card.key { margin: 22px 0 0; }
.sv .card.key p { margin: 0; font-size: 17px; }
.sv .card.key p + p { margin-top: 4px; }

/* Действия под листом: главная кнопка во всю ширину, остальные под ней */
.actions { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.actions .btn { justify-content: center; }
.actions .btn.primary { margin-top: 0; }

/* ---------- админка ---------- */

/* «выйти» в меню — кнопка формы (выход только POST), выглядит как ссылка комплекта */
nav .me form { display: inline; }
nav .me button { font: inherit; padding: 0; border: 0; background: none; color: var(--on-night); text-decoration: underline; cursor: pointer; }

/* Ряд действий страницы: кнопки и формы с одной кнопкой */
.toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 24px; }
.toolbar form { display: inline; }
.toolbar .tabs { margin: 0; }
td form { display: inline; }

/* Группа галочек (дни недели, аудитории, уровни) */
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
fieldset legend { padding: 0; margin-bottom: 6px; font-size: 12.5px; color: var(--muted); font-weight: 500; }
fieldset > div { display: flex; flex-wrap: wrap; gap: 6px 18px; }
fieldset > div label, fieldset > div > div { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 400; color: var(--fg-2); }

/* Сетка недели: «меньше двух учителей» — цветом статуса «проблема» */
table.grid td.low { background: var(--bad-bg); color: var(--bad); }

/* Слоты учителя по дням */
.week { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 24px 28px; margin-bottom: 44px; }
.day h4 { margin: 0 0 10px; font-size: 13.5px; font-weight: 600; }
.slot-list { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.slot-list li { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* Списки событий (история записи, учителя в клетке сетки) */
.history { margin: 0; padding-left: 18px; display: grid; gap: 4px; }

/* Журнал отправок */
details.outbox { border-bottom: 1px solid var(--line); padding: 10px 0; }
details.outbox summary { cursor: pointer; }
details.outbox pre { white-space: pre-wrap; font: 13.5px/1.5 var(--font); color: var(--fg-2); margin: 10px 0 0; }

/* Страницы внутри Битрикс24 */
main.embed { max-width: 640px; margin: 24px auto; padding: 0 16px; }
main.embed .link { word-break: break-all; }