/* Agenda desktop-only refinements. The mobile and narrow-host rules remain in styles.css. */
@container (min-width: 900px) {
  #agendaWorkspace .agenda-module-heading p {
    font-size: 8px;
  }

  #agendaWorkspace .agenda-provider-name,
  #agendaWorkspace .agenda-provider-toggle,
  #agendaWorkspace .agenda-feed-tools input,
  #agendaWorkspace .agenda-toolbar-actions .primary-button {
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-calendar-board--planner .flowmo-calendar-board-head strong {
    font-size: 18px;
  }

  #agendaWorkspace .flowmo-calendar-week-day {
    min-height: 92px;
  }

  #agendaWorkspace .flowmo-calendar-week-day > span {
    font-size: 8px;
  }

  #agendaWorkspace .flowmo-calendar-week-day > strong {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }

  #agendaWorkspace .flowmo-agenda-month-disclosure .flowmo-agenda-disclosure > strong {
    font-size: 12px;
  }

  #agendaWorkspace .flowmo-agenda-month-controls > strong {
    font-size: 15px;
  }

  #agendaWorkspace .flowmo-agenda-month-weekday {
    font-size: 8px;
  }

  #agendaWorkspace .flowmo-agenda-month-day > strong {
    font-size: 11px;
  }

  #agendaWorkspace .flowmo-agenda-day-panel {
    height: calc(100% - 80px);
    max-height: calc(100% - 80px);
    align-self: start;
    overflow: hidden;
  }

  #agendaWorkspace .flowmo-agenda-day-panel > header strong {
    font-size: 18px;
  }

  #agendaWorkspace .flowmo-agenda-day-panel > header span {
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-agenda-day-events {
    min-height: 0;
    overflow-y: auto;
    padding-top: 165px;
  }

  #agendaWorkspace .flowmo-agenda-day-events .flowmo-calendar-empty {
    min-height: 220px;
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-agenda-day-event {
    grid-template-columns: 24px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 66px;
    padding: 7px 12px;
  }

  #agendaWorkspace .flowmo-agenda-day-event-provider {
    width: 24px;
    height: 24px;
  }

  #agendaWorkspace .flowmo-agenda-day-event-copy {
    gap: 2px;
  }

  #agendaWorkspace .flowmo-agenda-day-event-copy strong {
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-agenda-day-event-copy small {
    font-size: 8px;
  }

  #agendaWorkspace .flowmo-agenda-day-event-arrow {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    align-self: center;
    justify-self: center;
  }

  #agendaWorkspace .flowmo-agenda-day-event-arrow svg {
    width: 18px;
    height: 18px;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-disclosure {
    position: relative;
    z-index: 12;
    align-self: start;
    overflow: visible;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-row .flowmo-agenda-disclosure > strong {
    font-size: 15px;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-row .flowmo-agenda-disclosure > span {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-list:not([hidden]) {
    position: absolute;
    top: calc(100% - 14px);
    right: 24px;
    left: 24px;
    z-index: 30;
    max-height: 310px;
    overflow-y: auto;
    gap: 10px;
    border: 1px solid #d7e5e2;
    border-radius: 7px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
    padding: 12px;
    background: #ffffff;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-event {
    min-height: 54px;
    padding: 9px 11px;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-event > strong {
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-agenda-upcoming-event > span,
  #agendaWorkspace .flowmo-agenda-upcoming-event > small {
    font-size: 8px;
  }

  #agendaWorkspace .flowmo-calendar-invitations-head > div > strong {
    font-size: 15px;
  }

  #agendaWorkspace .flowmo-calendar-invitations-head > div > span,
  #agendaWorkspace .flowmo-calendar-invitation-tabs button,
  #agendaWorkspace .flowmo-calendar-invitation-list,
  #agendaWorkspace .flowmo-calendar-empty {
    font-size: 9px;
  }

  #agendaWorkspace .flowmo-calendar-invitation-list:has(.flowmo-calendar-empty) {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  #agendaWorkspace .flowmo-calendar-invitation-list .flowmo-calendar-empty {
    width: min(100%, 300px);
    min-height: 110px;
    place-items: center;
    margin: 0 auto;
    padding: 18px 24px;
    text-align: center;
  }

  #agendaWorkspace .flowmo-calendar-day-popover {
    font-size: 10px;
  }

  #agendaWorkspace .flowmo-calendar-day-popover-title strong,
  #agendaWorkspace .flowmo-calendar-detail-inline-head strong {
    font-size: 13px;
  }

  #agendaWorkspace .flowmo-calendar-day-popover-title span,
  #agendaWorkspace .flowmo-calendar-detail-inline-head span,
  #agendaWorkspace .flowmo-calendar-detail-meta,
  #agendaWorkspace .flowmo-calendar-detail-text,
  #agendaWorkspace .flowmo-calendar-side-event {
    font-size: 9px;
  }
}

/* Keep the desktop planner compact even when "Ver mes" is collapsed. These
   rules intentionally live last because the shared stylesheet contains older
   full-height planner defaults. */
@container (min-width: 900px) {
  #agendaWorkspace .agenda-calendar-host,
  #agendaWorkspace .flowmo-calendar-workspace--planner {
    min-height: 0;
    height: auto;
    align-self: start;
    align-content: start;
    overflow: visible;
  }

  #agendaWorkspace .flowmo-calendar-workspace--planner {
    grid-template-rows: max-content max-content;
    grid-auto-rows: max-content;
  }

  #agendaWorkspace .flowmo-calendar-board--planner {
    height: auto;
    min-height: 0;
    align-self: start;
    align-content: start;
    grid-template-rows: auto auto;
  }

  #agendaWorkspace .flowmo-agenda-month-disclosure,
  #agendaWorkspace .flowmo-agenda-upcoming-disclosure,
  #agendaWorkspace .flowmo-calendar-invitations {
    min-height: 0;
    height: auto;
    align-self: start;
  }

  #agendaWorkspace .flowmo-agenda-day-panel {
    min-height: 0;
    height: auto;
    max-height: none;
    align-self: stretch;
  }
}