/* EAMON.WORLD */
/* admin.css: Style rules for behind-the-scenes admin pages */

/* Page */
.admin #splash {
	display: none;
}

/* Nav */
#navAdmin {
	border-top: 1px solid #ffffff66;
	margin-top: 0.5rem !important;
	padding-top: 0.75rem !important;
}

/* Search */
.admin #searchPanel,
.admin #articleSearch {
	display: none;
}
#adminSearchPanel {
	background: var(--pageBackground);
	position: relative;
}
#adminSearchPanel #searchBox {
	width: 100%;
}
#adminSearchPanel #searchResults {
	background: var(--pageBackground);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	margin-top: 0;
	padding: 0 0.5rem 0 0.5rem;
	position: absolute;
}

/* Buttons / links */
#adminTools {
	float: right;
	max-width: 80%;
	text-align: right;
}

/* Tables */
.listTable {
	border-collapse: collapse;
	width: 100%;
}
.listTable th, .listTable td {
	border: 1px solid var(--tableBorder);
	padding: 5px;
	text-align: left;
}
.listTable th {
	background: var(--tableHead);
	cursor: pointer;
}
.listTable th.sort-asc::after {
	content: " ▲";
}
.listTable th.sort-desc::after {
	content: " ▼";
}
.listTable tr:hover td {
	background: #a4303011;
}

.formTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
.formTable td {
	padding: 0.25rem;
}
.formInput {
	display: inline-block;
	float: left;
}
.formInput.full {
	width: 100%;
}
.formInput.half {
	width: 50%;
}
.formInput.small {
	width: 20%;
}

tr.changed td {
	background: #ffffcc;	
}

/* Unordered lists */
.admin #contentBody ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0.825rem;
}
.admin #contentBody li {
	margin: 0;
}

/* Buttons */
.formTable button,
.listTable button {
	background: #a43030;
	border-radius: 4px;
	color: #fff;
	font-family: "Athelas", serif;
	font-size: 1rem;
	margin-top: 0.5rem;
	min-width: 65px;
	padding: 0.5rem 1rem;
}
.formTable button:disabled,
.listTable button:disabled {
	cursor: default;
	opacity: 0.33;
}
.listTable button {
	margin-top: 0;
	padding: 0.25rem;
}
#regenerateSlug {
	cursor: pointer;
	width: 20px;
}

/* Toast */
#toast {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #333;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 9999;
}
#toast.show {
	opacity: 1;
}

.category-actions {
	white-space: nowrap;
}

/* Highlight active sort column header */
th a {
    color: #333;
    text-decoration: none;
}

th a::after {
    content: "";
    margin-left: 0.3em;
}

th a[data-sort="asc"]::after {
    content: "▲";
}

th a[data-sort="desc"]::after {
    content: "▼";
}

/* Pagination styling */
.pagination {
    margin-top: 1em;
	text-align: center;
}
.pagination a, .pagination strong {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: 0;
	min-width: 1.5rem;
    padding: 2px 6px;
    text-decoration: none;
}
.pagination strong {
    background: #eee;
    font-weight: bold;
}
.pagination .disabled {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #999;
    background: #f9f9f9;
    cursor: default;
    text-decoration: none;
}