body,
button,
input,
select,
textarea {
  font-family: 'Prompt', sans-serif !important
}

/* One select component for every module and browser. */
select,
.compact-select,
.admin-main select,
.journal-card select,
.joint-entry-row select,
.function-grid select,
.dose-editor select,
.plan-item-row select {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  min-height: 44px !important;
  height: 44px !important;
  margin-top: 5px;
  padding: 0 42px 0 14px !important;
  border: 1px solid #cfe1df !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23183b43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 12px !important;
  color: #183b43 !important;
  font-family: 'Prompt', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: left;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  vertical-align: middle;
}

select:hover,
.compact-select:hover {
  border-color: #9bcfc6 !important;
}

select:focus,
select:focus-visible,
.compact-select:focus,
.compact-select:focus-visible {
  border-color: #2cb9aa !important;
  box-shadow: 0 0 0 3px rgba(44, 185, 170, .14) !important;
}

select:disabled {
  cursor: not-allowed;
  opacity: .65;
  background-color: #f3f7f6 !important;
}

select option {
  color: #183b43;
  background: #fff;
  font-family: 'Prompt', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400
}

/* Compact/table selects keep their layout width, but share the same visual style. */
.compact-select,
.admin-main select,
.dose-editor select {
  margin-top: 0
}

.rheuma-swal {
  font-family: 'Prompt', sans-serif !important
}

@media(max-width:820px) {
  .journal-nav .journal-home {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 0 12px;
    padding: 9px 15px;
    border: 1px solid #cde4e0;
    border-radius: 11px;
    background: #effaf7;
    color: #0f766e;
    font-size: 14px !important;
    font-weight: 600
  }
}

.push-settings {
  grid-column: 1/-1;
  border: 1px solid #cfe9e3;
  background: #f2fbf8;
  border-radius: 12px;
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 16px;
  align-items: center
}

.push-settings strong {
  display: block;
  font-size: 11px
}

.push-settings p {
  margin: 3px 0 0;
  color: #64817f;
  font-size: 9px
}

.push-settings>small {
  grid-column: 1/-1;
  color: #789096;
  font-size: 8px;
  line-height: 1.6
}

.push-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end
}

.push-actions button {
  font-size: 9px;
  padding: 8px 10px
}

.push-actions [hidden] {
  display: none !important
}

@media(max-width:560px) {
  .push-settings {
    grid-template-columns: 1fr
  }

  .push-actions {
    justify-content: flex-start
  }
}