/* =====================================================================================================================
   ОФОРМЛЕНИЕ 5.0 (09.10.2026; НА ПРОВЕРКЕ — по умолчанию у всех 3.0). Файл загружается только в версии 5 (?skdesign=5 или
   настройка «Оформление платформы»), у страницы тогда классы sk-v2 sk-v3 sk-v4 sk-v5: 5.0 = 4.0 (design4.css, вместе
   с доводкой для телефона и iPad) + разделы 0.11 «кабинет семьи» и 0.12 «пульт администрации», оформленные так же.
   Обязанности, права, задачи и уведомления 0.11–0.12 не меняются — только вид. Выбранные раньше 3.0 и 4.0 этот файл не видит.
   Порядок разделов файла:
     1. Ширина новых страниц
     2. Пульт администрации: действия и поиск, «Нужно сделать», «Сегодня», «Разделы школы»
     3. Карточка ученика
     4. Кабинет семьи: «Цель» на «Главной», запросы, документы, отчёты, план, оплата, роли школы, «Помощь»
     5. Телефон (до 576 точек)
     6. iPad и телефон в альбомной (576–1199 точек)
   Нажимаемое на сенсорном экране (не ниже 44 точек), нижняя панель на телефоне и iPad, таблицы-карточки до 1024 точек —
   общие правила 4.0 (design4.css); здесь — только то, что нужно новым разделам.
   ===================================================================================================================== */

/* ---------- 1. Ширина новых страниц: списки — до 1180 точек, формы и отдельные записи — до 1000 ---------- */
@media (min-width: 768px) {
  .sk-v5:is(#page-local-shangke-student, #page-local-shangke-requests, #page-local-shangke-reports, #page-local-shangke-documents,
      #page-local-shangke-balances, #page-local-shangke-payments, #page-local-shangke-import)
      :is(#page.drawers .main-inner, #page-header.header-maxwidth) { max-width: 1180px; margin-left: auto; margin-right: auto; }
  .sk-v5:is(#page-local-shangke-plan, #page-local-shangke-report, #page-local-shangke-pay, #page-local-shangke-roles,
      #page-local-shangke-help) :is(#page.drawers .main-inner, #page-header.header-maxwidth) {
    max-width: 1000px; margin-left: auto; margin-right: auto; }
}

/* ---------- 2. Пульт администрации ---------- */
/* блоки пульта — как карточки 3.0/4.0: белые, скругление и тень темы */
.sk-v5 :is(.sk-desk-todo, .sk-desk-today, .sk-desk-sec, .sk-card-box) { border: 1px solid var(--sk3-line); border-radius: var(--sk3-r);
  box-shadow: var(--sk3-shadow); background: #fff; }
.sk-v5 .sk-desk-h { font-size: 1.25rem; }
/* быстрые действия и поиск: поиск справа от действий, а если места мало — своей строкой во всю ширину (не сжимается до
   «Имя, фамилия или e-mai…») */
.sk-v5 .sk-desk-actions { gap: .55rem; margin-bottom: 1.25rem; }
.sk-v5 .sk-desk-search { flex: 1 1 26rem; max-width: none; margin-left: 0; }
.sk-v5 .sk-desk-search .form-control { min-height: 2.75rem; }
/* «Нужно сделать»: номер — круглой меткой, строка — текст и одна кнопка справа */
.sk-v5 .sk-desk-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .5rem .9rem;
  padding: .65rem 0; }
.sk-v5 .sk-desk-n { min-width: 2.4rem; height: 2.4rem; display: inline-grid; place-items: center; padding: 0 .5rem; }
.sk-v5 .sk-desk-item-urgent .sk-desk-text { font-weight: 600; color: #6d1430; }
/* вся строка нажимается как её кнопка (js/design5.js) */
.sk-v5 .sk-desk-item.sk5-row { cursor: pointer; border-radius: .8rem; }
@media (hover: hover) { .sk-v5 .sk-desk-item.sk5-row:hover { background: #fbf8f3; } }
.sk-v5 .sk-desk-empty { display: flex; align-items: center; gap: .6rem; padding: .4rem 0; }
.sk-v5 .sk-desk-empty::before { content: "✓"; display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
  background: #e3f3ea; color: var(--sk3-jade); font-weight: 800; }
/* «Сегодня»: время — колонкой слева, пометка — справа */
.sk-v5 .sk-desk-today .sk-desk-item { grid-template-columns: 8.5rem minmax(0, 1fr) auto; }
.sk-v5 .sk-desk-today .sk-desk-item > .shangke-chip { justify-self: end; white-space: nowrap; }
/* разделы школы — ровными рядами, ссылки внизу карточки */
.sk-v5 .sk-desk-sections { grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 1rem; }
.sk-v5 .sk-desk-sec { padding: 1rem 1.15rem; border-top: .35rem solid var(--sec-bar, var(--sk3-jade)); }
.sk-v5 .sk-desk-sec:hover { transform: none; }
.sk-v5 .sk-desk-sec-links { gap: .35rem .5rem; }
.sk-v5 .sk-desk-sec-links a { display: inline-flex; align-items: center; padding: .3rem .75rem; border-radius: 999px;
  background: #f3f8f5; color: var(--sk3-jade); font-weight: 600; text-decoration: none; }
.sk-v5 .sk-desk-sec-links a:hover { background: #e3f3ea; }
/* на широком экране «Нужно сделать» и «Сегодня» — рядом */
@media (min-width: 1200px) {
  .sk-v5 .sk-desk { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 1.25rem; align-items: start; }
  .sk-v5 .sk-desk > :not(.sk-desk-todo):not(.sk-desk-today) { grid-column: 1 / -1; }
  .sk-v5 .sk-desk-sections { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- 3. Карточка ученика ---------- */
.sk-v5 .sk-card-head { padding: 1rem 1.25rem; border: 1px solid var(--sk3-line); border-radius: var(--sk3-r); background: #fff;
  box-shadow: var(--sk3-shadow); }
.sk-v5 .sk-card-grid { align-items: start; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); }
.sk-v5 .sk-card-box h3 { font-size: 1.15rem; }
.sk-v5 .sk-card-actions { gap: .45rem; }
/* от 768 точек — две колонки, коробки плотно друг под другом: длинные «Ближайшие занятия» больше не оставляют пустоту рядом */
@media (min-width: 768px) {
  .sk-v5 .sk-card-grid { display: block; columns: 2; column-gap: 1rem; }
  .sk-v5 .sk-card-grid > .sk-card-box { display: block; break-inside: avoid; margin: 0 0 1rem; }
}

/* ---------- 4. Кабинет семьи ---------- */
/* «Цель» на «Главной» ученика и родителя — как карточка ближайшего урока, с нефритовой полосой */
.sk-v5 .sk3-goal { border-left: .45rem solid var(--sk3-jade-glow); }
.sk-v5 .sk3-goal .shangke-links { gap: .45rem; }
/* страницы кабинета семьи: ссылки «План обучения · Отчёты · Документы · Запросы · Оплатить» — вкладками, текущая — выделена
   (раньше все пять одинаковые, и было не видно, где ты) */
.sk-v5#page-local-shangke-plan .shangke-links a[href*="/plan.php"],
.sk-v5#page-local-shangke-reports .shangke-links a[href*="/reports.php"],
.sk-v5#page-local-shangke-report .shangke-links a[href*="/reports.php"],
.sk-v5#page-local-shangke-documents .shangke-links a[href*="/documents.php"],
.sk-v5#page-local-shangke-requests .shangke-links a[href*="/requests.php"],
.sk-v5#page-local-shangke-pay .shangke-links a[href*="/pay.php"] {
  background: linear-gradient(135deg, var(--sk3-jade), var(--sk3-jade-glow)); color: #fff; border-color: transparent; }
.sk-v5:is(#page-local-shangke-plan, #page-local-shangke-reports, #page-local-shangke-report, #page-local-shangke-documents,
    #page-local-shangke-requests, #page-local-shangke-pay) [role="main"] .shangke-links { display: flex; flex-wrap: wrap; gap: .45rem;
  margin: 0 0 1.1rem; }
/* оплата: плитки абонементов — как карточки */
.sk-v5 .shangke-pay-tile { border: 1px solid var(--sk3-line); border-radius: var(--sk3-r); box-shadow: var(--sk3-shadow); padding: 1rem 1.15rem; }
.sk-v5 .shangke-pay-tile:hover { border-color: var(--sk3-jade-glow); }
/* роли школы: у карточки роли — значок человека (была точка «•» по умолчанию плиток пульта); «спящие» роли — пунктирная рамка
   без тени */
.sk-v5#page-local-shangke-roles .shangke-board-tile { --tile-icon: "👤"; }
.sk-v5 .shangke-role-off { box-shadow: none; background: rgba(255, 255, 255, .6); }
/* план обучения: шаги подготовки — нумерованными плашками. Блок плана носит класс shangke-plan, как лента сроков поступления,
   и получал её вертикальную линию и пустые кружки у шагов (выглядели как переключатели формы) */
.sk-v5 div.shangke-section.shangke-plan { padding-left: 1.5rem; }
.sk-v5 div.shangke-plan::before { content: none; }
.sk-v5 div.shangke-plan ol { counter-reset: sk5step; list-style: none; margin: .15rem 0 0; padding: 0; display: grid; gap: .45rem; }
.sk-v5 div.shangke-plan ol > li { counter-increment: sk5step; position: relative; padding: .55rem .9rem .55rem 3rem; border: 1px solid rgba(6, 57, 43, .08);
  border-radius: .9rem; background: #f6faf8; box-shadow: none; }
.sk-v5 div.shangke-plan ol > li::before { content: counter(sk5step); position: absolute; left: .7rem; top: 50%; width: 1.7rem; height: 1.7rem;
  margin-top: -.85rem; display: grid; place-items: center; border-radius: 50%; background: var(--sk3-jade); color: #fff; box-shadow: none;
  font: 700 .9rem/1 Jost, Manrope, sans-serif; }

/* ---------- 5. Телефон (до 576 точек) ---------- */
@media (max-width: 575.98px) {
  /* быстрые действия — по два в ряд, поиск — во всю ширину */
  .sk-v5 .sk-desk-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-v5 .sk-desk-actions > .btn { white-space: normal; text-align: center; }
  .sk-v5 .sk-desk-search { grid-column: 1 / -1; max-width: none; }
  /* «Нужно сделать»: номер слева, текст — во всю оставшуюся ширину, кнопка — под текстом (раньше — во всю ширину строки) */
  .sk-v5 .sk-desk-todo .sk-desk-item { grid-template-columns: auto minmax(0, 1fr); row-gap: .35rem; }
  .sk-v5 .sk-desk-todo .sk-desk-item > .sk-desk-n { grid-row: 1 / span 2; align-self: start; }
  .sk-v5 .sk-desk-todo .sk-desk-item > .btn { grid-column: 2; justify-self: start; flex: none; }
  .sk-v5 .sk-desk-todo, .sk-v5 .sk-desk-today { padding: .9rem 1rem; }
  /* «Сегодня»: время — над названием */
  .sk-v5 .sk-desk-today .sk-desk-item { grid-template-columns: minmax(0, 1fr) auto; }
  .sk-v5 .sk-desk-today .sk-desk-item > .sk-desk-time { grid-column: 1; }
  .sk-v5 .sk-desk-today .sk-desk-item > .sk-desk-text { grid-column: 1 / -1; grid-row: 2; }
  .sk-v5 .sk-desk-today .sk-desk-item > .shangke-chip { grid-column: 2; grid-row: 1; }
  /* разделы — по два в ряд: название и число; пояснение — скрыто, ссылки — строкой */
  .sk-v5 .sk-desk-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; align-items: start; }
  .sk-v5 .sk-desk-sec { padding: .8rem .85rem; }
  .sk-v5 .sk-desk-sec-title { font-size: 1rem; }
  .sk-v5 .sk-desk-sec-num { font-size: 1.6rem; }
  .sk-v5 .sk-desk-sec-text { display: none; }
  .sk-v5 .sk-desk-sec-links { font-size: .85rem; }
  .sk-v5 .sk-desk-sec-links a { padding: .25rem .6rem; }
  /* карточка ученика */
  .sk-v5 .sk-card-head { padding: .85rem 1rem; }
}

/* ---------- 6. iPad и телефон в альбомной (576–1199 точек) ---------- */
@media (min-width: 576px) and (max-width: 1199.98px) {
  .sk-v5 .sk-desk-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}