@charset "UTF-8";
body .table td,
body .table th {
  white-space: nowrap;
}

.navbar-nav {
  flex-wrap: nowrap;
}

.navbar-nav .nav-item {
  flex-shrink: 0;
}

/* 💡 フッターロゴのサイズ調整 */
.footer-logo {
  height: 100px;
  width: auto;
  /* max-height: 50px !important; */
}

#adminTab {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f0f2f5;
  padding: 6px;
  border-radius: 12px;
  border: none;
  gap: 4px;
  margin-bottom: 1.5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#adminTab::-webkit-scrollbar {
  display: none;
}
#adminTab .nav-item {
  flex: 0 0 auto;
}
#adminTab .nav-link {
  color: #6c757d;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 20px;
  font-size: 0.95rem;
  font-weight: 600;
  background: transparent;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#adminTab .nav-link:hover:not(.active) {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
}
#adminTab .nav-link.active {
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
#adminTab .nav-link.text-danger.active {
  color: var(--bs-danger) !important;
}
#adminTab .nav-link.text-primary.active {
  color: var(--bs-primary) !important;
}

.tab-button {
  font-size: 0.9rem; /* デフォルト(1rem)より少しだけ小さく */
}

/* コンテンツエリアごとの背景色設定 */
.content-current .accordion-item {
  background-color: #ffffff; /* 今月は清潔感のある白 */
}
.content-current .accordion-button:not(.collapsed) {
  background-color: #f8f9fa; /* 開いている時のヘッダーをわずかにグレーに */
}

/* --- 来月分タブ（content-next）全体のカラーカスタマイズ --- */
.content-next {
  /* アコーディオン全体の背景 */
  /* アコーディオンのヘッダー部分 */
  /* 💡 リストの中身（render_office_list 内）も水色にする */
  /* テキストの色調整 */
}
.content-next .accordion-item {
  background-color: #f0f7ff !important; /* 💡ベースの薄い水色 */
  border: 1px solid #ddecff;
}
.content-next .accordion-button {
  background-color: #e6f2ff !important;
  color: #0056b3;
}
.content-next .accordion-button::after {
  /* 矢印アイコンの色を少し青に馴染ませる（必要に応じて） */
  filter: hue-rotate(200deg);
}
.content-next .list-group-item {
  background-color: #f0f7ff !important; /* 💡1行ごとの背景を水色に */
  border-color: #ddecff !important; /* 💡区切り線も馴染ませる */
}
.content-next .list-group-item:hover {
  background-color: #e1efff !important; /* ホバー時は少し濃く */
}
.content-next .text-muted {
  color: #6a8caf !important; /* グレーの文字も少し青寄りに */
}

#userListTable th {
  transition: background-color 0.2s;
}
#userListTable th:hover {
  background-color: rgba(0, 123, 255, 0.05);
  color: #007bff;
}