.main-window {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#wanted-empty-message,
#wanted-selected-count {
	color: var(--text-color);
}

#wanted-selected-count:empty {
	display: none;
}

#wanted-search-form {
	display: flex;
}

#wanted-search-input {
	width: 16rem;
	max-width: 100%;
	padding: .45rem .75rem;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	background: var(--foreground-color);
	color: var(--text-color);
}

.table-container {
	overflow-x: auto;
}

table {
	width: 100%;
	min-width: 52rem;
	table-layout: fixed;

	color: var(--text-color);
}

th, td {
	padding: .5rem .9rem;
}

.select-column {
	width: 2.5rem;
}

.volume-column {
	overflow: auto;
}

.volume-column a {
	color: var(--text-color);
	text-decoration: none;
}

.volume-column a:hover {
	text-decoration: underline;
}

.issue-column {
	width: 6rem;
}

.title-column {
	width: 14rem;
	font-size: .9rem;
	color: var(--text-color);
}

.publisher-column {
	width: 10rem;
	font-size: .9rem;
	color: var(--text-color);
}

.date-column {
	width: 8rem;
	white-space: nowrap;
}

.action-column {
	width: 6rem;
	white-space: nowrap;
}

.action-column button {
	background: none;
	border: none;
	cursor: pointer;
	padding: .2rem;
}

.action-column img {
	width: 1.1rem;
	height: 1.1rem;
}

.wanted-entry > * {
	border-top: 1px solid var(--border-color);
}

#manual-import-form textarea {
	width: 100%;
	resize: vertical;
	background: var(--foreground-color);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	border-radius: 4px;
	padding: .5rem;
}

#manual-import-form .fold-table p {
	font-size: .85rem;
	color: var(--text-color);
	margin-top: .3rem;
}

#manual-import-results h3 {
	color: var(--text-color);
	margin-top: .75rem;
}

#manual-import-results ul {
	margin: 0;
	padding-left: 1.2rem;
	color: var(--text-color);
	font-size: .9rem;
}

#manual-import-results ul:empty::after {
	content: 'None';
	color: var(--text-color);
	opacity: .7;
}

@media (max-width: 700px) {
	.title-column,
	.publisher-column {
		display: none;
	}
}