/* notifications.css — блок уведомлений (часть 3 aux).
   Список ближайших событий на стеклянной подложке (glass, как погода/календарь).
   Строки в CarPlay-стиле (marker + title + time). + баннер (задел под Б). */
.notif-block{
  width:100%;
  /* подложка (glass) — та же, что у погоды/календаря, рычажок прозрачности */
  background:rgba(20,20,22,var(--glass-alpha,.15));
  backdrop-filter:blur(var(--glass-blur,18px));
  -webkit-backdrop-filter:blur(var(--glass-blur,18px));
  border:1px solid rgba(255,255,255,var(--glass-border,.10));
  border-radius:20px;
  box-shadow:0 4px 15px rgba(0,0,0,.25);
  padding:16px 18px;
  display:flex;
  flex-direction:row;
  min-height:0;
}
.notif-list{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:auto;
  max-height:100%;
}
.notif-empty{
  display:flex;
  align-items:stretch;
  gap:10px;
  background:rgba(255,255,255,.06);   /* как .notif-item — одинаковый вид/высота */
  border-radius:12px;
  padding:9px 12px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
  overflow:hidden;
}
.notif-empty::before{
  content:"";
  flex:none;
  width:5px;
  border-radius:3px;
  background:#888;
  align-self:stretch;
}
.notif-empty span{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.6);
  font-size:clamp(13px,1.9vw,17px);  /* как у заголовков реальных ивентов */
  font-weight:700;
  line-height:1.15;   /* как .notif-item .t — одинаковая высота строки */
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* CarPlay-стиль строки события: цветной marker-бар + заголовок + время */
.notif-item{
  display:flex;
  align-items:stretch;
  gap:10px;
  background:rgba(255,255,255,.06);
  border-radius:12px;
  padding:9px 12px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.notif-item .bar{
  flex:none;
  width:5px;
  border-radius:3px;
  background:var(--accent,#0a84ff);
  align-self:stretch;
}
.notif-item .body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
}
.notif-item .t{
  font-size:clamp(13px,1.9vw,17px);  /* одинаково с .notif-empty */
  font-weight:700;
  color:#fff;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
}
.notif-item .tm{
  margin-left:auto;
  align-self:center;
  flex:none;
  text-align:right;
  color:rgba(255,255,255,.6);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  font-size:clamp(11px,1.5vw,14px);
  white-space:nowrap;
  padding-left:10px;
}

/* всплывающий баннер (имитация системного уведомления) */
.notif-banner{
  position:fixed;
  top:calc(env(safe-area-inset-top, 0px) + 12px);
  left:50%;
  transform:translateX(-50%) translateY(-20px);
  z-index:80;
  max-width:88vw;
  padding:12px 16px;
  background:rgba(28,28,30,.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  box-shadow:0 4px 15px rgba(0,0,0,.25);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s, transform .25s;
}
.notif-banner.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.notif-banner-title{
  color:#fff;
  font-size:15px;
  font-weight:600;
}
.notif-banner-sub{
  color:#0a84ff;
  font-size:13px;
  margin-top:2px;
  font-variant-numeric:tabular-nums;
}

/* кнопка «+» внизу списка: 30% ширины, по центру */
.notif-add-foot{
  flex:none;
  width:30%;
  height:34px;
  margin:8px auto 0;
  border:none;
  border-radius:10px;
  background:rgba(255,255,255,.15);
  color:#fff;
  font-size:26px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
  text-shadow:inherit;
  -webkit-tap-highlight-color:transparent;
  transition:background .15s;
}
.notif-add-foot:active{
  background:rgba(255,255,255,.30);
}

/* заголовок выбранного дня (ПУНКТ 2) */
/* ПУНКТ 3: модальная форма добавления события */
.addev-sheet{
  position:fixed;
  inset:0;
  z-index:90;
  display:none;
  background:rgba(0,0,0,.35);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.addev-sheet.show{
  display:block;
}
.addev-card{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 32px);
  max-width:560px;
  max-height:72vh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  /* единая glass-подложка, как в настройках (.settings-panel) */
  background:rgba(28,28,30,.62);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  box-shadow:0 14px 60px rgba(0,0,0,.5);
  padding:24px 22px 20px;
  color:#fff;
  font:400 17px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.addev-sheet-title{
  color:#fff;
  font-size:22px;
  font-weight:700;
  text-align:center;
  letter-spacing:-.02em;
}
.addev-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.addev-label{
  color:rgba(235,235,245,.55);
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.02em;
  margin:0 4px;
}
.addev-input{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  height:50px;
  border-radius:10px;
  border:none;
  background:rgba(118,118,128,.22);
  color:#fff;
  font-size:17px;
  padding:0 16px;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
}
.addev-input:focus{
  background:rgba(118,118,128,.32);
}
.addev-actions{
  display:flex;
  gap:12px;
  margin-top:6px;
}
.addev-btn{
  flex:1 1 0;
  height:50px;
  border:none;
  border-radius:14px;
  font-size:17px;
  font-weight:600;
  cursor:pointer;
}
.addev-cancel{
  background:rgba(118,118,128,.28);
  color:#fff;
}
.addev-ok{
  background:#0a84ff;
  color:#fff;
  font-weight:700;
}
.addev-ok:active{ background:#0a6fe0; }
.addev-cancel:active{ background:rgba(118,118,128,.24); }

/* СВЕТЛАЯ ТЕМА — как в настройках */
@media (prefers-color-scheme: light) {
  .addev-card{
    background:rgba(250,250,252,.78);
    border:1px solid rgba(0,0,0,.12);
    color:#1c1c1e;
    box-shadow:0 14px 60px rgba(0,0,0,.25);
  }
  .addev-sheet-title{ color:#1c1c1e; }
  .addev-label{ color:rgba(60,60,67,.6); }
  .addev-input{ background:rgba(118,118,128,.12); color:#1c1c1e; }
  .addev-input:focus{ background:rgba(118,118,128,.20); }
  .addev-cancel{ background:rgba(118,118,128,.22); color:#1c1c1e; }
  .addev-ok{ background:#0a84ff; color:#fff; }
  .addev-ok:active{ background:#0a6fe0; }
  .addev-cancel:active{ background:rgba(118,118,128,.34); }
}

/* чекбокс удаления события (справа): прозрачный с белой рамкой */
.notif-del{
  flex:none;
  align-self:center;
  margin-left:6px;
  width:16px;height:16px;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
  border:2px solid #fff;
  border-radius:4px;
  position:relative;
  transition:background .2s ease;
}
.notif-del:checked{
  background:rgba(255,255,255,.15);
}
.notif-del:checked::after{
  content:;
  position:absolute;
  left:4px;top:1px;
  width:4px;height:8px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

/* СВЕТЛАЯ СИСТЕМНАЯ ТЕМА: карточки внутри aux — ЧЁРНЫЕ с БЕЛЫМ текстом */
@media (prefers-color-scheme: light) {
  .notif-block{
    background:rgba(0,0,0,var(--glass-alpha,.82));
    border:none;
    color:#fff;
    text-shadow:none;
    box-shadow:0 4px 15px rgba(0,0,0,.3);
  }
}