/* ===========================================================
   weekend — вариант 6: части дня + кто/как по каждой + закреп («нравится»)
   Подключается после style.css, planner.css, calculator.css
   =========================================================== */

/* ---------- подсказка, пока шаг 1 не выбран ---------- */
.calc-step-placeholder{
  margin-top:20px; padding:14px; text-align:center;
  font-size:12.5px; font-weight:600; color: var(--text-faint);
  border:1.5px dashed var(--border); border-radius: var(--radius-md);
}

/* ---------- плавное появление следующего шага ---------- */
@keyframes stepIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:translateY(0);} }
#step2Wrap{ animation: stepIn .35s ease; }

/* ---------- быстрая настройка "применить ко всем" (с подписями) ---------- */
.quickset{
  padding: 14px; margin-bottom:16px;
  background: var(--surface-2); border-radius: var(--radius-md);
}
.quickset__row{ margin-bottom:14px; }
.quickset__row:last-child{ margin-bottom:0; }
.quickset__label{ display:block; font-size:12px; font-weight:700; color:var(--text-dim); margin-bottom:7px; }
.quickset__group{ display:flex; gap:6px; }
.quickset__group button{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:8px 4px; border-radius: var(--radius-md); font-size:10.5px; font-weight:700; color:var(--text-dim);
  border:1.5px solid var(--border); background: var(--surface);
}
.quickset__group button .emoji{ font-size:17px; }
.quickset__group button.active{ border-color: var(--brand); background: linear-gradient(150deg,#FFF3EA,#FDEFE0); color:var(--brand-dark); }

/* ---------- дни и части дня ---------- */
#dayBlocks .day-group{ box-shadow:none; background:transparent; border-radius:0; margin-bottom:18px; }
#dayBlocks .day-group__header{ padding:0 0 10px; }

.slot-rows{ display:flex; flex-direction:column; gap:8px; }
.slot-row{
  padding: 10px 12px;
  background: var(--surface); border:1px solid var(--border); border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.slot-row__top{ display:flex; align-items:center; justify-content:space-between; }
.slot-row__label{ font-size:13.5px; font-weight:800; color:var(--text); }
.slot-row__remove{
  width:25px; height:25px; border-radius:50%; flex-shrink:0; font-size:13px; font-weight:800;
  border:1px solid var(--border); background: var(--surface-2); color:var(--text-faint);
}
.slot-row__pickers{ display:flex; gap:7px; margin-top:9px; }
.pill-pick{
  flex:1; display:flex; align-items:center; justify-content:center; gap:5px;
  padding:8px 6px; border-radius: var(--radius-md); font-size:12px; font-weight:700; color:var(--text);
  border:1.5px solid var(--border); background: var(--surface-2);
}
.pill-pick .emoji{ font-size:14px; }

.removed-row{ margin-top:10px; }
.removed-row__label{ font-size:11.5px; font-weight:600; color:var(--text-faint); margin-bottom:6px; }
.removed-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.restore-chip{
  font-size:12px; font-weight:700; color:var(--text-faint);
  background: transparent; border:1.5px dashed var(--border); border-radius: var(--radius-pill);
  padding:6px 12px;
}
.restore-chip:active{ transform: scale(.96); }

/* ---------- значки аудитории на карточке места ---------- */
.tag-badges{ display:flex; gap:5px; margin-top:2px; }
.tag-badges span{
  font-size:11px; font-weight:700; background: var(--surface-2);
  border-radius: var(--radius-pill); padding:2px 7px; color:var(--text-dim);
}

/* ---------- кнопка "нравится / закрепить" ---------- */
.plan-card__actions button.pin{ margin-left:auto; }
.plan-card__actions button.pin svg{ transition: transform .15s ease; }
.plan-card__actions button.pin.pinned{ color: var(--brand-dark); border-color: var(--brand); background:#FFF3EA; }
.plan-card__actions button.pin.pinned svg{ fill: var(--brand-dark); transform: scale(1.1); }

.pinned-note{
  font-size:11px; font-weight:700; color: var(--brand-dark); margin-top:6px;
  display:flex; align-items:center; gap:4px;
}