.quickgrid { 
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  color: rgb(107 114 128);
}
.quickgrid thead { 
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: rgb(249 250 251);
  color: rgb(55 65 81);
}
.quickgrid thead th { 
  padding: 12px 16px 12px 16px;
}
.quickgrid tbody tr { 
  background-color: white;
}
.quickgrid tbody tr td { 
  padding: 16px;
  border-bottom-width: 1px;
}
@media (prefers-color-scheme: dark) {
  .quickgrid { 
    color: rgb(156 163 175);
  }
  .quickgrid thead { 
    background-color: rgb(55 65 81);
    color: rgb(156 163 175);
  }
  .quickgrid tbody tr { 
    background-color: rgb(31 41 55);
  }
  .quickgrid tbody tr td { 
    border-color: rgb(55 65 81);
  }
}

.paginator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-size: 0.875rem;
  color: rgb(107 114 128);

  .summary {
    padding: 8px;
  }
}

.paginator nav {
  display: flex;

  .pagination-text {
    padding: 8px;
  }

  .go-first {
    padding: 8px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(107 114 128)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
  }

  .go-previous {
    padding: 8px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(107 114 128)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
  }

  .go-next {
    padding: 8px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(107 114 128)' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
  }

  .go-last {
    padding: 8px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(107 114 128)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708'/%3e%3cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (prefers-color-scheme: dark) {
  .paginator {
    color: rgb(156 163 175);
    background-color: rgb(31 41 55);
  }

  .paginator nav {
    .go-first {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(156 163 175)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    }

    .go-previous {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(156 163 175)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    }

    .go-next {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(156 163 175)' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    }

    .go-last {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(156 163 175)' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708'/%3e%3cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    }
  }
}

/* ユーザー詳細 - 参加履歴テーブルの背景色カスタマイズ */
.user-detail-event-applicant-grid .quickgrid thead {
  background-color: transparent;
}
@media (prefers-color-scheme: dark) {
  .user-detail-event-applicant-grid .quickgrid thead {
    background-color: transparent;
  }
}