/* Desktop navigation styling now lives in site-navigation.css. */

/* PDF + Print quick actions directly below the day tabs.
   Desktop keeps the compact icon-only treatment; mobile/compact is styled
   by styles.css so its visible Export PDF / Print labels are not clipped. */
@media (min-width: 1000px) {
  .quick-output-actions {
    width: min(1160px, calc(100% - 32px));
    min-height: 52px;
    margin: 8px auto -18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }

  .quick-output-actions .quick-output-button {
    position: relative;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #171717 !important;
  }

  .quick-output-actions .quick-output-button:hover,
  .quick-output-actions .quick-output-button:focus-visible {
    background: #ededed !important;
  }

  .quick-output-actions .quick-output-button svg {
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke: #171717 !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .quick-output-actions .output-icon-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

@media print {
  .quick-output-actions {
    display: none !important;
  }
}


/* Notes shortcut occupies the open left side below the day tabs. */
.quick-output-actions #exportPdfButton {
  margin-left: auto !important;
}

.quick-output-actions .quick-notes-button {
  min-width: 88px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid #cbc6c2 !important;
  border-top: 3px solid #df0038 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #171717 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.quick-output-actions .quick-notes-button:hover,
.quick-output-actions .quick-notes-button:focus-visible {
  background: #f2f2f2 !important;
}

.quick-output-actions .quick-notes-button svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #171717 !important;
}

@media (max-width: 580px) {
  .quick-output-actions .quick-notes-button {
    min-width: 78px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding-inline: 10px !important;
  }
}


/* Notes lives in the hamburger on compact layouts, not as a duplicate shortcut. */
@media (max-width: 999px) {
  .quick-output-actions .quick-notes-button {
    display: none !important;
  }
}

/* Desktop unread-notes treatment: white button with Famous-red outline/text. */
@media (min-width: 1000px) {
  .output-actions .quick-notes-button.has-daily-note {
    border: 1px solid #df0038 !important;
    border-top: 3px solid #df0038 !important;
    background: #fff !important;
    color: #df0038 !important;
  }

  .output-actions .quick-notes-button.has-daily-note:hover,
  .output-actions .quick-notes-button.has-daily-note:focus-visible {
    border-color: #c70032 !important;
    border-top-color: #c70032 !important;
    background: #fff3f5 !important;
    color: #c70032 !important;
  }

  .output-actions .quick-notes-button.has-daily-note svg {
    stroke: currentColor !important;
  }
}


/* Notes is an action button even though it is an anchor; never underline its label. */
.quick-notes-button,
.quick-notes-button:link,
.quick-notes-button:visited,
.quick-notes-button:hover,
.quick-notes-button:focus,
.quick-notes-button:focus-visible,
.quick-notes-button:active,
.quick-notes-button #notesButtonLabel {
  text-decoration: none !important;
}