/* ==================================================================
   Выезжающие окна: у каждого видимый крестик в правом верхнем углу,
   затемнённый фон, закрытие по Esc и по нажатию мимо окна.
   Подключается последним на всех страницах, в том числе на «Сегодня».

   Причина: mobile-app.css на экранах шире 860 px прятал шапку окна
   «Добавить» (.sheet-head) вместе с крестиком и затемнение (.sheet-back),
   и окно нельзя было закрыть.
   ================================================================== */

@media (min-width: 861px) {
  body .add-sheet:not([hidden]) > .sheet-head {
    position: sticky;
    top: -20px;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: -20px -20px 16px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-default, #eae6de);
    background: var(--bg-surface, #fff);
  }

  body .add-sheet .sheet-head strong {
    color: var(--text-primary, #191a1c);
    font-size: 20px;
    font-weight: 600;
  }

  body .sheet-back:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 189;
    display: block !important;
    background: rgba(20, 24, 28, .35);
    cursor: pointer;
  }
}

/* Крестик — одна форма для всех окон */
body :is(.add-sheet .sheet-close, .tw-x, .pusk-feed-drawer-close, .pusk-cal-close-plain, #approved-day-close, #today-day-close, .crm-notification-close) {
  display: inline-grid !important;
  place-items: center;
  flex: none;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  min-height: 36px !important;
  margin: 0;
  padding: 0 !important;
  border: 1px solid var(--border-default, #eae6de) !important;
  border-radius: 8px !important;
  background: var(--bg-surface, #fff) !important;
  box-shadow: none !important;
  color: var(--text-primary, #191a1c) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer;
}

body :is(.add-sheet .sheet-close, .tw-x, .pusk-feed-drawer-close, .pusk-cal-close-plain, #approved-day-close, #today-day-close, .crm-notification-close):hover {
  background: var(--bg-muted, #f2efe9) !important;
}

/* Одна кнопка создания на экране: если у страницы есть своя
   («+ Создать задачу», «+ Мероприятие», «Добавить дело» и т. п.),
   верхнюю «Создать» не показываем — две одинаковые кнопки путают */
body:has(.pusk-main-pane :is([data-new-task], [data-approved-create]:not(.today-create), .pusk-planner-create, .pusk-events-create, .pusk-cases-add, .pusk-mail-add)) .today-topbar .today-create {
  display: none !important;
}