:root {
  --radius-field: 8px !important;
  --radius-box: 1rem !important;
}

body {
  font-family: 'Inter', sans-serif;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-base-100) inset !important;
}

.logo {
  height: 45px;
  margin-left: 1rem;
}

.ql-toolbar.ql-snow {
  border-top-left-radius: var(--radius-field);
  border-top-right-radius: var(--radius-field);
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-bottom-left-radius: var(--radius-field);
  border-bottom-right-radius: var(--radius-field);
}

main {
  padding: 1rem 2rem;

  @media screen and (max-width: 768px) {
    padding: 1rem;
  }
}

/* Sortable table headers */
th.sortable {
  user-select: none;
  transition: background-color 0.2s ease;
}

th.sortable:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

th.sortable .flex {
  justify-content: flex-start;
  white-space: nowrap;
}