/* ap-lane.css — 資金帯レーン + 人柱台帳 */

/* ---- 二択入口 [ap_lane_pick] ---- */
.ap-lane-pick {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 24px 0;
}
@media (max-width: 560px) {
	.ap-lane-pick { grid-template-columns: 1fr; }
}
.ap-lane-card {
	display: block;
	padding: 18px 16px;
	border: 1px solid #d8dde3;
	border-radius: 10px;
	text-decoration: none;
	background: #fff;
	transition: border-color .15s, transform .15s;
}
.ap-lane-card:hover {
	border-color: #2f7de1;
	transform: translateY(-2px);
	text-decoration: none;
}
.ap-lane-h {
	display: block;
	font-weight: 700;
	font-size: 1.05em;
	margin-bottom: 4px;
	color: #1a2530;
}
.ap-lane-s {
	display: block;
	font-size: .85em;
	color: #667;
	line-height: 1.5;
}
.ap-lane-free { border-left: 4px solid #35a06a; }
.ap-lane-paid { border-left: 4px solid #2f7de1; }

/* ---- 台帳 [ap_ledger] ---- */
.ap-lane-ledger-wrap {
	margin: 24px 0;
	overflow-x: auto;
}
table.ap-lane-ledger {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: .9em;
	background: #fff;
}
table.ap-lane-ledger th,
table.ap-lane-ledger td {
	padding: 8px 10px;
	border-bottom: 1px solid #e6eaee;
	text-align: left;
	white-space: nowrap;
}
table.ap-lane-ledger thead th {
	background: #f4f6f8;
	font-weight: 700;
	font-size: .85em;
	color: #4a5560;
	border-bottom: 2px solid #d8dde3;
}
table.ap-lane-ledger td.num,
table.ap-lane-ledger th.num {
	text-align: right;
	font-variant-numeric: tabular-nums;
}
table.ap-lane-ledger td.ap-lane-title {
	white-space: normal;
	min-width: 200px;
}
table.ap-lane-ledger tbody tr:hover { background: #fafbfc; }
table.ap-lane-ledger tfoot td {
	background: #f4f6f8;
	font-weight: 700;
	border-top: 2px solid #d8dde3;
	border-bottom: none;
}

.ap-lane-ledger .plus  { color: #1f8a4c; }
.ap-lane-ledger .minus { color: #cc3344; }

/* 検証中の行は薄く */
table.ap-lane-ledger tr.ap-st-testing td { color: #7a848d; }

.ap-lane-total {
	margin: 10px 0 0;
	font-size: 1.05em;
}
.ap-lane-total .plus  { color: #1f8a4c; }
.ap-lane-total .minus { color: #cc3344; }

.ap-lane-empty {
	color: #7a848d;
	font-size: .9em;
}

/* ---- ガス代注記 [ap_gas] ---- */
.ap-gas-note {
	margin: 16px 0;
	padding: 10px 14px;
	border-left: 4px solid #7a848d;
	background: #f4f6f8;
	font-size: .9em;
	border-radius: 0 6px 6px 0;
}
.ap-gas-note.ap-gas-warn {
	border-left-color: #e0972f;
	background: #fdf6e9;
}

/* ---- 管理画面 ---- */
.ap-lane-admin p {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 0;
}
.ap-lane-admin label {
	min-width: 180px;
	font-weight: 600;
}
.ap-lane-admin input[type="text"] { width: 220px; }

/* ---- ダークモード（Cocoon のダークスキン併用時） ---- */
@media (prefers-color-scheme: dark) {
	.ap-lane-card,
	table.ap-lane-ledger { background: #22272c; }
	.ap-lane-card { border-color: #3a424a; }
	.ap-lane-h { color: #e6eaee; }
	.ap-lane-s { color: #9aa4ad; }
	table.ap-lane-ledger th,
	table.ap-lane-ledger td { border-bottom-color: #3a424a; }
	table.ap-lane-ledger thead th,
	table.ap-lane-ledger tfoot td {
		background: #2b3137;
		color: #c3cbd2;
		border-color: #3a424a;
	}
	table.ap-lane-ledger tbody tr:hover { background: #272d33; }
	.ap-gas-note { background: #2b3137; }
	.ap-gas-note.ap-gas-warn { background: #37301f; }
}

/* ---- 運用型台帳の追加スタイル ---- */
table.ap-lane-ledger td.shown { color: #7a848d; }
.ap-lane-note {
	font-size: .82em;
	color: #7a848d;
	margin-left: 8px;
	font-weight: 400;
}
.ap-lane-admin hr { margin: 12px 0 8px; border: 0; border-top: 1px solid #dcdcde; }
.ap-lane-admin .ap-lane-group {
	font-weight: 700;
	color: #1d2327;
	margin: 4px 0;
}
.ap-lane-admin .ap-lane-hint {
	color: #646970;
	font-size: 12px;
	display: block;
}
@media (prefers-color-scheme: dark) {
	table.ap-lane-ledger td.shown { color: #9aa4ad; }
}