/* ====================================
   ここは足りなかったCSSの追加用です
   自由に使用してください
==================================== */

/* ==========================================
   事務局管理画面：会員一覧
========================================== */

.secretariat-list {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.secretariat-list th,
.secretariat-list td {
	padding: 12px 15px;
	border: 1px solid #ddd;
	text-align: left;
}

.secretariat-list th {
	background: #f5f5f5;
	font-weight: bold;
}

.secretariat-list td:last-child {
	white-space: nowrap;
}

.secretariat-list a {
	color: #45B035;
	text-decoration: none;
}

.secretariat-list button {
	margin-left: 8px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
}

.secretariat-members {
	max-width: 1100px;
	margin: 40px auto;
}

.secretariat-members h2 {
	margin-bottom: 25px;
	font-size: 28px !important;
	font-weight: 600;
}

/* ==========================================
   事務局管理画面：会員一覧 並び替え
========================================== */

.secretariat-members .secretariat-list th a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.secretariat-members .secretariat-list th a:hover {
	color: #45B035;
}

/* 電話番号は1行で表示 */
.secretariat-members .secretariat-list td:nth-child(5) {
	white-space: nowrap;
}

/* ==========================================
   事務局管理画面：会員一覧 削除ボタン
========================================== */

.secretariat-members .secretariat-list form {
	display: inline;
}

.secretariat-members .secretariat-list form button {
	margin-left: 8px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #666;
	cursor: pointer;
}

.secretariat-members .secretariat-list form button:hover {
	background: #f5f5f5;
}

/* ==========================================
   事務局管理画面：会員情報編集
========================================== */

.secretariat-member-edit {
	max-width: 700px;
	margin: 40px auto;
}

.secretariat-member-edit h2 {
	margin-bottom: 25px;
	font-size: 28px !important;
	font-weight: 600;
}

.secretariat-member-edit form > p {
	margin-bottom: 25px;
}

.secretariat-member-edit form label {
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}

.secretariat-member-edit form input[type="text"],
.secretariat-member-edit form input[type="email"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 16px;
}

/* 会員IDは変更不可 */
.secretariat-member-edit form input[readonly] {
	background: #f5f5f5;
	color: #666;
}

/* ==========================================
   事務局管理画面：会員情報編集 ボタン
========================================== */

.secretariat-member-edit .secretariat-member-edit-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 30px;
}

.secretariat-member-edit form button[type="submit"] {
	padding: 10px 28px;
	border: none;
	border-radius: 4px;
	background: #45B035;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

.secretariat-member-edit form button[type="submit"]:hover {
	background: #38952b;
}

.secretariat-member-edit .secretariat-back-button {
	display: inline-block;
	padding: 9px 28px;
	border: 1px solid #45B035;
	border-radius: 4px;
	background: #fff;
	color: #45B035;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.secretariat-member-edit .secretariat-back-button:hover {
	background: #45B035;
	color: #fff;
}

/* ==========================================
   事務局管理画面：CSV出力
========================================== */

.secretariat-members .secretariat-member-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.secretariat-members .secretariat-csv-button {
	color: #45B035;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

.secretariat-members .secretariat-csv-button:hover {
	color: #38952b;
	text-decoration: none;
}