.albumEditRow {
	display: flex; align-items: center; margin: 15px 0; 
}
.albumEditCol {
	padding: 0 5px; 
}
.albumEditCol.type {
	width: 90px; 
}
.albumEditCol.userInput {
	width: 50%;
}
.albumEditCol.userInput.small {
	width: 100px;
}
.albumEditCol.userInput.medium {
	width: 250px;
}
.albumEditCol.userInput.tiny {
	width: 60px;
}
.albumEditCol.userInput .textLine {
	width: 100%;
}
.albumEditCol.userInput.tiny .textLine,
.albumEditCol.userInput.small .textLine {
	flex: none;
}
.albumEditCol.userInput.tiny .textLine {
	text-align: center;
}
.albumEditCol.type i {
	color: gray; font-size: 12px; margin-left: 3px;
}
/* Input group: input + inline check button */
.inputGroup {
	display: flex; align-items: center;
}
.inputGroup .textLine {
	flex: 1; min-width: 0;
}
.editBtn {
	flex-shrink: 0; margin-left: 6px;
	font-size: 14px; width: 30px; height: 30px; line-height: 30px;
	padding: 0; text-align: center;
	border: 1px solid #8f8f8f; border-radius: 3px;
	color: #444; background-color: #ffffff;
}
.editBtn.alignFix {
	margin-bottom: 4px;
}
.editBtn:disabled {
	cursor: not-allowed; pointer-events: none;
}
.albumEditCol .button.large {
    font-size: 14px; width: 30px; height: 30px; line-height: 30px; padding: 0; text-align: center;
}
body.dark .editBtn {
	background-color: #DCDDDE; border-color: #36393F;
}
/* Length row inline layout */
.lengthGroup {
	display: flex; align-items: center; gap: 4px; flex-wrap: nowrap; width: auto;
}
.lengthGroup input {
	width: 50px; text-align: center; flex: 0 0 40px;
}
/* Checkbox/radio row inline layout */
.checkGroup {
	display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-top: 6px;
}
#newListForm .checkBoxLabel:last-of-type {
	margin-right: 0;
}
.logRow {
	margin: 8px 0; font-size: 12px;
}
.correctionBox {
	padding: 15px; border: 1px solid #38444D; margin: 0 0 15px 0;
}
.correctionBox .sectionTitle {
	margin-top: 0;
}
.correctionBox .info {
	margin: 0 0 10px 0; font-size: 11px;
}
.sectionTitle .locked, .sectionTitle .unlocked {
	font-size: 11px; display: inline; 
}
.sectionTitle .locked i, .sectionTitle .unlocked i {
	padding-bottom: 4px; vertical-align: middle;
}
.locked::before {
	font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f023"; vertical-align: 15%;
}
.unlocked::before {
	font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f3c1"; vertical-align: 15%;
}
a.lockFunction:hover {
	text-decoration: none;
}
#newListForm input[type=radio] {
	position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;
}
button.showMovements:disabled {
	cursor: not-allowed;
}
#remove {
	background-color:#00CC00;
}
#remove #rem.fa-xmark, #remove:hover #rem.fa-check {
	display: none;
}
#remove:hover {
	background-color:#D76666;
}
#remove:hover #rem.fa-xmark {
	display: inline-block;
}
.actionContainer.correctionComment {
	min-width: auto;
}
.editError {
    color: #D76666;
    font-size: 12px;
}
@media screen and (min-width : 0px) and (max-width : 480px) {
	#correctionPage textarea, #correctionPage input {
		width: 100%;
	}
	.albumEditRow {
		flex-direction: column; align-items: start;
	}
	.albumEditCol {
		padding: 5px 0; 
	}
	.albumEditCol.userInput, .albumEditCol.userInput.small {
		width: 100%;
	}
	/* Keep input+button side by side even when row goes vertical */
	.inputGroup, .lengthGroup, .checkGroup {
		width: 100%;
	}
	.lengthGroup input {
		width: 36px;
	}
	.inputGroup.track {
		gap: 6px;
	}
}