/* Корзина материалов курса (course-basket.337255a.js). Цвет — только из опор index.html.
   26.10.2026 (слова Лираз: «тут нет кнопки сохранить чтоб я была спокойна что все сохранится»): список «Готово к сохранению» в форме «Новый материал» (.bk-sts, строка .bk-st: значок вида,
   имя файла и размер, «Убрать из списка» значком корзины, свое поле названия на всю ширину строки, слова отказа .bk-st-err), подсказка после сохранения (.bk-after), строка
   подтверждения «Не сохранять выбранные файлы?» берет прежний .bk-inline/.bk-confirm. Кнопки и подписи в одну строку (nowrap, кнопка не сжимается).
   Файл взят из course-basket.337253a.css (тот остается рядом).
   25.10.2026 (слова Лираз: «должно быть ясно, что эти видео и аудио относятся к этому уроку»): под названием строки заливки формы — «куда ушел файл» (.bk-where: «Урок 1 · 21.10 · скрыт»),
   подсказка под галочкой «Сразу открыть» (.bk-hint2); четыре слота урока («Видео · Аудио · Конспект · Материалы») переносятся строкой ниже, надпись каждого — в одну строку.
   Файл взят из course-basket.337251a.css (тот остается рядом).
   25.10.2026 (слова Лираз: «тут нельзя перетаскивать … ссылку на ютуб … плейлист в курс»): зона «Выбрать файл» принимает брошенный файл и светится
   золотой пунктирной рамкой (is-over, как .ls-bin в листе урока), строка «Или перетащите файл сюда» — только там, где есть мышь; плашка плейлиста курса
   «Смотреть курс на YouTube»; тихая кнопка «Есть на YouTube? Вставить ссылку». Файл взят из course-basket.336312a.css (тот остаётся рядом).
   Колонка — внутри раздела «Курсы» (max-width 760 = --hl-page-w): на компьютере не на всю ширину.
   Без :has(), color-mix(), dvh, inset: Chromium 99. Направление — логическими свойствами. */
.bk{margin:0 0 6px;max-width:var(--hl-page-w,760px);min-width:0}
.bk-shelf,.bk-lesson,.bk-lb,.bk-lh{min-width:0}
.bk-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:18px 4px 10px}
.bk-head .bk-h{flex:1 1 auto;margin:0;min-width:0}
.bk-count{flex:0 0 auto;font-size:calc(12px * var(--fs,1));font-weight:600;color:var(--ink-dim);white-space:nowrap}
.bk-addb{flex:0 0 auto;min-height:44px;padding:0 14px;white-space:nowrap}
.bk .hlrow-ic{width:20px;height:20px}
.bk-skel{display:grid;gap:10px}
.bk-skbar{display:block;height:72px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.bk-h{margin:0;font-family:var(--disp);font-size:calc(19px * var(--fs,1));font-weight:600;color:var(--ink)}
.bk-sub{display:block;font-size:calc(12px * var(--fs,1));line-height:1.45;font-weight:600;color:var(--ink-dim)}
.bk-emptybox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;border:1px dashed var(--line);border-radius:18px;
  text-align:center;color:var(--ink-dim);font-size:calc(13px * var(--fs,1));line-height:1.55}
.bk-emptybox b{font-family:var(--disp);font-size:20px;font-weight:600;color:var(--ink)}
.bk-emptybox-ic{width:34px;height:34px;color:var(--gold-text);opacity:.8}
.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;
  font-size:calc(14px * var(--fs,1));font-weight:700;cursor:pointer}
.bk-btn[disabled]{cursor:default;opacity:.6}
.bk-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-btn-gold{background:var(--gold-fill);color:var(--on-gold)}
.bk-btn-line{border:1px solid rgba(var(--gold-rgb),.45);background:transparent;color:var(--gold-text)}
.bk-btn .hlrow-ic{width:20px;height:20px}
.bk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:359px){.bk-fields{grid-template-columns:minmax(0,1fr)}}
.bk-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:calc(11.5px * var(--fs,1));color:var(--ink-faint)}
.bk-field select{width:100%;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);color:var(--ink);font-size:16px}
.bk-msg{min-height:1.2em;margin:8px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.bk-empty{margin:0 4px 10px}
.bk-shelf{margin:0 0 14px}
.bk-sh{margin:0 4px 8px;font-size:calc(11.5px * var(--fs,1));font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.bk-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.bk .hlrow{flex-wrap:wrap}
.bk .hlrow .hlrow-main{flex:1 1 0}
.bk .hlrow video,.bk .hlrow audio{flex:0 0 100%;display:block;width:100%;max-height:60vh;border-radius:12px}
.bk-hid{display:inline-flex;align-items:center;gap:4px;color:var(--gold-text);font-weight:700}
.bk-hid .hlrow-ic{width:14px;height:14px}
.bk-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink-dim);cursor:pointer}
.bk-ic:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-tail{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:-2px 0 4px;min-width:0}
.bk-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.bk-mi{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);text-align:start;cursor:pointer;white-space:nowrap}
.bk-mi span{overflow:hidden;text-overflow:ellipsis}
.bk-mi:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.bk-open{justify-self:start;min-height:44px;padding:0 16px;white-space:nowrap}
.bk-open span{overflow:hidden;text-overflow:ellipsis}
.bk-inline{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.bk-inline p{margin:0 0 8px;font-size:calc(13px * var(--fs,1));line-height:1.45;color:var(--ink)}
.bk-in{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);color:var(--ink);font-size:16px}
.bk-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bk-b{min-height:44px;white-space:nowrap}
.bk-hist{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.bk-hl{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:calc(12.5px * var(--fs,1))}
.bk-hl b{color:var(--gold-text);font-weight:700}
.bk-hl span{color:var(--ink-dim)}
/* урок: заголовок-кнопка и два слота */
.bk-lesson{margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--glass)}
.bk-lh{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:4px 10px 10px}
.bk-lt{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0;color:var(--ink);text-align:start;cursor:pointer}
.bk-lt:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-ln{flex:1 1 auto;min-width:0;font-family:var(--disp);font-size:calc(15px * var(--fs,1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--gold-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .bk-ln{color:var(--teal)}
.bk-go{flex:0 0 auto;display:flex;color:var(--ink-faint)}
.bk-lt[aria-expanded="true"] .bk-go{transform:rotate(90deg)}
[dir="rtl"] .bk-go .hlrow-ic{transform:scaleX(-1)}
[dir="rtl"] .bk-lt[aria-expanded="true"] .bk-go{transform:rotate(90deg)}
.bk-slots{display:flex;flex-wrap:wrap;gap:8px}
.bk-slot{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;font-size:calc(12.5px * var(--fs,1));font-weight:700;white-space:nowrap}
.bk-slot .hlrow-ic{width:18px;height:18px}
.bk-slot small{font-size:calc(11px * var(--fs,1));font-weight:800}
.bk-on{background:rgba(var(--gold-rgb),.14);color:var(--gold-text)}
.bk-off{color:var(--ink-faint);border:1px dashed var(--line)}
.bk-slot-add{min-height:44px;color:var(--gold-text);border:1px dashed rgba(var(--gold-rgb),.5);cursor:pointer}
.bk-slot-add:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-sl-h{color:var(--gold-text)}
.bk-lb{padding:0 8px 10px}
.bk-lb[hidden]{display:none}
/* панель «Добавить» */
.bk-form{margin:0 0 14px;padding:14px 15px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:16px;background:var(--glass)}
.bk-form .bk-fields{margin-bottom:10px}
.bk-wide{margin:0 0 10px}
.bk-form input[type="text"],.bk-form input[type="url"]{width:100%;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;
  background:var(--glass2);color:var(--ink);font-size:16px}
.bk-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass2)}
.bk-mode{min-height:44px;border-radius:10px;color:var(--ink-dim);font-weight:700;cursor:pointer}
.bk-mode[aria-selected="true"]{background:rgba(var(--gold-rgb),.14);color:var(--gold-text);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.32)}
.bk-pick{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 10px;padding:16px 12px;border:1px dashed var(--line);border-radius:14px;text-align:center}
.bk-pick .bk-sub{max-width:100%;text-align:center}
.bk-dropline{display:none}
@media (hover:hover) and (pointer:fine){.bk-dropline{display:block}}
/* файл над формой / над уроком / над корзиной */
.bk-form.is-over{border-style:dashed;border-color:rgba(var(--gold-rgb),.8);background:rgba(var(--gold-rgb),.06)}
.bk-form.is-over .bk-pick,.bk-pick.is-over{border-style:dashed;border-color:rgba(var(--gold-rgb),.9);background:rgba(var(--gold-rgb),.16)}
.bk-lesson.is-over,.bk.is-over{outline:2px dashed rgba(var(--gold-rgb),.8);outline-offset:3px}
.bk-ythint{margin:-4px 4px 10px}
.bk-quiet{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;padding:0 4px;color:var(--ink-dim);font-size:calc(13px * var(--fs,1));font-weight:600;
  text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
.bk-quiet[hidden]{display:none}
.bk-quiet:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
/* плашка плейлиста курса: вверху блока «Материалы» и вверху вкладки «Записи» */
.bk-plw{display:flex;align-items:center;gap:6px;margin:0 0 10px;min-width:0}
.bk-pl{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid rgba(var(--gold-rgb),.5);border-radius:16px;
  background:rgba(var(--gold-rgb),.14);color:var(--gold-text);font-size:calc(14px * var(--fs,1));font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
.bk-pl:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-pl .hlrow-ic.bk-pl-ic{width:26px;height:26px;flex:0 0 auto}
.bk-pl-t{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bk-pl .bk-hid{flex:0 0 auto;margin-inline-start:auto}
.bk-pl .bk-hid .hlrow-ic{width:18px;height:18px}
.bk-jobs{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 10px}
.bk-warn{color:var(--gold-text)}
.bk-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 4px;color:var(--ink);font-size:calc(14px * var(--fs,1));font-weight:600}
.bk-check input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--gold-text)}
.bk-hint{display:flex;align-items:flex-start;gap:6px;margin:0 0 6px}
.bk-hint .hlrow-ic{width:16px;height:16px;flex:0 0 auto;color:var(--gold-text)}
/* значок у карточки курса */
.bk-chip{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border-radius:12px;background:rgba(var(--gold-rgb),.1);
  color:var(--gold-text);font-size:calc(12.5px * var(--fs,1));font-weight:700;white-space:nowrap;overflow:hidden}
.bk-chip[hidden]{display:none}
.bk-chip .hlrow-ic{width:18px;height:18px;flex:0 0 auto}
.bk-chip span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* куда ушел файл: под строкой заливки формы */
.bk-job{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
.bk-where{display:block;min-width:0;margin:0 4px;font-size:calc(11.5px * var(--fs,1));font-weight:600;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-where.is-hid{color:var(--gold-text)}
.bk-hint2{margin:-2px 4px 6px}
/* список «Готово к сохранению» (26.10.2026): строка = значок вида, имя файла и размер, корзина «Убрать из списка»; под ними название файла на всю ширину */
.bk-sts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 10px}
.bk-sts .bk-sh{margin:0 4px}
.bk-st{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;column-gap:10px;row-gap:6px;min-width:0;padding-block:8px;padding-inline:10px;
  border-radius:12px;background:var(--glass2)}
.bk-st.is-bad{box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.45)}
.bk-st-id{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-st-name{display:block;min-width:0;font-size:calc(13px * var(--fs,1));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-st-sz{display:block;min-width:0;font-size:calc(11.5px * var(--fs,1));color:var(--ink-faint);white-space:nowrap}
.bk-st-del{color:var(--ink-dim)}
.bk-st-del .hlrow-ic{width:22px;height:22px}
.bk-st .bk-st-in{grid-column:1 / -1}
.bk-st-err{grid-column:1 / -1;margin:0 4px;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.bk-after{margin:0 4px 8px;color:var(--gold-text)}
.bk-btns .bk-b span{white-space:nowrap}