/* Eterano v1.9.5 — selected-day calendar agenda */
@media(max-width:760px){
  #view-calendar .calendar-day-touch.calendar-day-selected{
    background:#e7f3ff;
    box-shadow:inset 0 0 0 2px #1479f8,0 7px 18px rgba(20,121,248,.14);
  }
  #view-calendar .calendar-day-touch.calendar-day-selected.today{
    background:linear-gradient(145deg,#0d62e8,#17bdf0);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),0 7px 18px rgba(20,121,248,.28);
  }
  #view-calendar .calendar-agenda-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:10px;
  }
  #view-calendar .calendar-agenda-heading>p{
    grid-column:1/-1;
    margin-bottom:-4px;
  }
  #view-calendar .calendar-agenda-heading h2{
    min-width:0;
    overflow-wrap:anywhere;
  }
  #view-calendar .calendar-agenda-controls{
    display:none;
    align-items:center;
    justify-content:flex-end;
  }
  #view-calendar .calendar-agenda-controls.visible{display:flex}
  #view-calendar .calendar-show-month{
    min-height:40px;
    padding:8px 12px;
    white-space:nowrap;
  }
  #view-calendar .calendar-day-empty{
    display:grid;
    justify-items:start;
    gap:12px;
    padding:20px;
    border:1px dashed var(--line);
    border-radius:18px;
    background:rgba(255,255,255,.72);
  }
  #view-calendar .calendar-day-empty p{
    margin:0;
    color:var(--muted);
  }
  #view-calendar .calendar-day-empty .primary{width:auto}

  html[data-theme="dark"] #view-calendar .calendar-day-touch.calendar-day-selected{
    color:#eef5ff;
    background:#14345d;
    box-shadow:inset 0 0 0 2px #2b91ff,0 7px 18px rgba(0,0,0,.22);
  }
  html[data-theme="dark"] #view-calendar .calendar-day-touch.calendar-day-selected.today{
    background:linear-gradient(145deg,#0d62e8,#17bdf0);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),0 7px 18px rgba(0,0,0,.24);
  }
  html[data-theme="dark"] #view-calendar .calendar-day-empty{
    background:#0d1c33;
    border-color:#293e5b;
  }
}

@media(max-width:520px){
  #view-calendar .calendar-agenda-heading{
    grid-template-columns:1fr;
    align-items:start;
  }
  #view-calendar .calendar-agenda-heading>p{grid-column:auto}
  #view-calendar .calendar-agenda-controls{justify-content:flex-start}
  #view-calendar .calendar-show-month{width:100%}
  #view-calendar .calendar-day-empty .primary{width:100%}
}