:root {
	--header-height: 70px;
	--footer-height: 70px;

	--sidebar-left-width-min: 250px;
	--sidebar-left-width-max: 300px;

	--sidebar-right-width-min: 250px;
	--sidebar-right-width-max: 300px;

	--thumbnail-width: 200px;
}

/* ===== SOCIAL ===== */

.ico-bluesky {
	-webkit-mask-image: url('../images/social/ico-bluesky.svg');
	mask-image: url('../images/social/ico-bluesky.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-email {
	-webkit-mask-image: url('../images/social/ico-email.svg');
	mask-image: url('../images/social/ico-email.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-facebook {
	-webkit-mask-image: url('../images/social/ico-facebook.svg');
	mask-image: url('../images/social/ico-facebook.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-instagram {
	-webkit-mask-image: url('../images/social/ico-instagram.svg');
	mask-image: url('../images/social/ico-instagram.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-linkedin {
	-webkit-mask-image: url('../images/social/ico-linkedin.svg');
	mask-image: url('../images/social/ico-linkedin.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-mastodon {
	-webkit-mask-image: url('../images/social/ico-mastodon.svg');
	mask-image: url('../images/social/ico-mastodon.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-matrix {
	-webkit-mask-image: url('../images/social/ico-matrix.svg');
	mask-image: url('../images/social/ico-matrix.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-telegram {
	-webkit-mask-image: url('../images/social/ico-telegram.svg');
	mask-image: url('../images/social/ico-telegram.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-whatsapp {
	-webkit-mask-image: url('../images/social/ico-whatsapp.svg');
	mask-image: url('../images/social/ico-whatsapp.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-x {
	-webkit-mask-image: url('../images/social/ico-x.svg');
	mask-image: url('../images/social/ico-x.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}

.ico-bitmap {
	-webkit-mask-image: url('../images/ico-bitmap.svg');
	mask-image: url('../images/ico-bitmap.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-svg {
	-webkit-mask-image: url('../images/ico-svg.svg');
	mask-image: url('../images/ico-svg.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}
.ico-drawing-tool {
	-webkit-mask-image: url('../images/ico-drawing-tool.svg');
	mask-image: url('../images/ico-drawing-tool.svg');
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}

/* ========== TABLES ========== */

.table-responsive {
	border-radius: var(--bs-border-radius);
	margin-bottom: 1.5rem;
}

.table {
	margin-bottom: 0;
	border-collapse: collapse;
}

.table > thead > tr {
	display: grid;
	grid-template-columns: repeat(var(--thead-num-columns), minmax(0, 1fr));
	grid-template-rows: 1fr;
}
.table > tbody > tr {
	display: grid;
	grid-template-columns: repeat(var(--tbody-num-columns), minmax(0, 1fr));
	grid-template-rows: 1fr;
}

.table > thead > tr > th[colspan="2"],
.table > thead > tr > td[colspan="2"],
.table > tbody > tr > th[colspan="2"],
.table > tbody > tr > td[colspan="2"] {
	grid-column: span 2;
}
.table > thead > tr > th[colspan="3"],
.table > thead > tr > td[colspan="3"],
.table > tbody > tr > th[colspan="3"],
.table > tbody > tr > td[colspan="3"] {
	grid-column: span 3;
}
.table > thead > tr > th[colspan="4"],
.table > thead > tr > td[colspan="4"],
.table > tbody > tr > th[colspan="4"],
.table > tbody > tr > td[colspan="4"] {
	grid-column: span 4;
}
.table > thead > tr > th[colspan="5"],
.table > thead > tr > td[colspan="5"],
.table > tbody > tr > th[colspan="5"],
.table > tbody > tr > td[colspan="5"] {
	grid-column: span 5;
}
.table > thead > tr > th[colspan="6"],
.table > thead > tr > td[colspan="6"],
.table > tbody > tr > th[colspan="6"],
.table > tbody > tr > td[colspan="6"] {
	grid-column: span 6;
}
.table > thead > tr > th[colspan="7"],
.table > thead > tr > td[colspan="7"],
.table > tbody > tr > th[colspan="7"],
.table > tbody > tr > td[colspan="7"] {
	grid-column: span 7;
}
.table > thead > tr > th[colspan="8"],
.table > thead > tr > td[colspan="8"],
.table > tbody > tr > th[colspan="8"],
.table > tbody > tr > td[colspan="8"] {
	grid-column: span 8;
}
.table > thead > tr > th[colspan="9"],
.table > thead > tr > td[colspan="9"],
.table > tbody > tr > th[colspan="9"],
.table > tbody > tr > td[colspan="9"] {
	grid-column: span 9;
}
.table > thead > tr > th[colspan="10"],
.table > thead > tr > td[colspan="10"],
.table > tbody > tr > th[colspan="10"],
.table > tbody > tr > td[colspan="10"] {
	grid-column: span 10;
}
.table > thead > tr > th[colspan="11"],
.table > thead > tr > td[colspan="11"],
.table > tbody > tr > th[colspan="11"],
.table > tbody > tr > td[colspan="11"] {
	grid-column: span 11;
}
.table > thead > tr > th[colspan="12"],
.table > thead > tr > td[colspan="12"],
.table > tbody > tr > th[colspan="12"],
.table > tbody > tr > td[colspan="12"] {
	grid-column: span 12;
}
.table > thead > tr > th[colspan="13"],
.table > thead > tr > td[colspan="13"],
.table > tbody > tr > th[colspan="13"],
.table > tbody > tr > td[colspan="13"] {
	grid-column: span 13;
}
.table > thead > tr > th[colspan="14"],
.table > thead > tr > td[colspan="14"],
.table > tbody > tr > th[colspan="14"],
.table > tbody > tr > td[colspan="14"] {
	grid-column: span 14;
}
.table > thead > tr > th[colspan="15"],
.table > thead > tr > td[colspan="15"],
.table > tbody > tr > th[colspan="15"],
.table > tbody > tr > td[colspan="15"] {
	grid-column: span 15;
}
.table > thead > tr > th[colspan="16"],
.table > thead > tr > td[colspan="16"],
.table > tbody > tr > th[colspan="16"],
.table > tbody > tr > td[colspan="16"] {
	grid-column: span 16;
}
.table > thead > tr > th[colspan="17"],
.table > thead > tr > td[colspan="17"],
.table > tbody > tr > th[colspan="17"],
.table > tbody > tr > td[colspan="17"] {
	grid-column: span 17;
}
.table > thead > tr > th[colspan="18"],
.table > thead > tr > td[colspan="18"],
.table > tbody > tr > th[colspan="18"],
.table > tbody > tr > td[colspan="18"] {
	grid-column: span 18;
}
.table > thead > tr > th[colspan="19"],
.table > thead > tr > td[colspan="19"],
.table > tbody > tr > th[colspan="19"],
.table > tbody > tr > td[colspan="19"] {
	grid-column: span 19;
}
.table > thead > tr > th[colspan="20"],
.table > thead > tr > td[colspan="20"],
.table > tbody > tr > th[colspan="20"],
.table > tbody > tr > td[colspan="20"] {
	grid-column: span 20;
}

.table > thead > tr > th.leftalign,
.table > thead > tr > td.leftalign,
.table > tbody > tr > th.leftalign,
.table > tbody > tr > td.leftalign {
	text-align: left;
}
.table > thead > tr > th.centeralign,
.table > thead > tr > td.centeralign,
.table > tbody > tr > th.centeralign,
.table > tbody > tr > td.centeralign {
	text-align: center;
}
.table > thead > tr > th.rightalign,
.table > thead > tr > td.rightalign,
.table > tbody > tr > th.rightalign,
.table > tbody > tr > td.rightalign {
	text-align: right;
}

/* Responsive table stacking for mobile */
@media (max-width: 768px) {
	.table-responsive {
		font-size: 0.875rem;
	}
	
	.table thead {
		display: none;
	}
	
	.table tbody,
	.table > tbody > tr,
	.table td {
		display: block;
		width: 100%;
	}
	
	.table > tbody > tr {
		margin-bottom: 1rem;
		overflow: hidden;
	}
	
	.table td {
		padding: 0.75rem;
		padding-left: 50%;
		position: relative;
		border: none;
		border-bottom: 1px solid #dee2e6;
	}
	
	.table td:last-child {
		border-bottom: none;
	}
	
	/* Show data attribute labels on mobile */
	.table td:before {
		content: attr(data-label);
		position: absolute;
		left: 0.75rem;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 0.75rem;
	}

	.table > tbody > tr {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
}

/* ===== SETTINGS ===== */

#dw__configform tr {
	width: 100%;
}
#dw__configform td {
	padding-left: unset;
}
#dw__configform td.label {
	width: 100%;
}
#dw__configform td.label {
	display: flex;
	flex-direction: column;
}
#dw__configform td.label img {
	max-width: 1rem;
	min-width: 1rem;
	max-height: 1rem;
	min-height: 1rem;
}

/* ===== DATA TABLES ===== */

.dt-wrapper table > tr {
	display: grid;
	grid-template-columns: repeat(var(--table-num-columns), minmax(0, 1fr));
}
.dt-wrapper table > thead > tr {
	display: grid;
	grid-template-columns: repeat(var(--thead-num-columns), minmax(0, 1fr));
}
.dt-wrapper table > tbody > tr {
	display: grid;
	grid-template-columns: repeat(var(--tbody-num-columns), minmax(0, 1fr));
}

/* ===== INFO BOXES ===== */

.infobox table > tr {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.infobox table > thead > tr {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.infobox table > tbody > tr {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ========== CONTENT ========== */

#dokuwiki__content {
	position: relative;
}

.section_highlight_wrapper {
	position: relative;
}
.section_highlight_wrapper .secedit.editbutton_section {
	position: absolute;
	top: 0.125rem;
	right: 0;
}

/* ========== ADMIN SCREENS ========== */

#dokuwiki__admin {
	padding: 2rem 0;
}

#dokuwiki__admin form {
	background-color: #f8f9fa;
	padding: 1.5rem;
	border-radius: var(--bs-border-radius);
	border: 1px solid #dee2e6;
}

#dokuwiki__admin fieldset {
	padding: 1rem;
	margin-bottom: 1.5rem;
}

#dokuwiki__admin legend {
	padding: 0 0.5rem;
	font-size: 1.1rem;
	font-weight: 600;
}

/* ===== SETTINGS ===== */

#config__manager fieldset td.label > span {
    font-size: smaller;
    opacity: 0.8;
}

/* ========== ACCESSIBILITY ========== */

/* Enhanced focus states for keyboard navigation */
.form-control:focus,
.form-select:focus,
.btn:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	.form-control,
	.form-select,
	.btn {
		transition: none;
	}
	
	.btn:hover {
		transform: none;
	}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
	.table {
		border: 2px solid currentColor;
	}
	
	.table th,
	.table td {
		border: 1px solid currentColor;
	}
	
	.form-control,
	.form-select {
		border-width: 2px;
	}
	
	.btn {
		border-width: 2px;
	}
}

/* ========== CODE ========== */

/* Ensure code blocks aren't styled as form controls */
pre code,
pre.code {
	/* all: revert; */
	display: block;
	/* overflow-x: auto; */
	padding: 1rem;
	border-radius: var(--bs-border-radius);
}

/* Give code block a border*/
pre code,
pre.code {
	border: var(--bs-border-width) solid var(--bs-border-color);

	/* overflow: auto; */
}

pre code li::marker,
pre.code li::marker {
	color: rgba(var(--bs-body-color-rgb), 0.5);
}

pre code ul,
pre code ol,
pre.code ul,
pre.code ol {
	width: max-content;
}
pre code li,
pre.code li {
	width: max-content;
	min-width: 100%;
}
pre code li.ln-xtra,
pre.code li.ln-xtra {
	background-color: rgba(var(--bs-body-color-rgb), 0.1);
}

.codeblockedit-btn {
	margin: 0.5rem;
	opacity: 0.5;
}

form.btn_secedit button[type="submit"] {
	width: 1.5rem !important;
	height: 1.5rem !important;

	margin: 0.5rem;
	opacity: 0.5;
}

/* ========== CODE PRISM ========== */

div.code-toolbar > pre.dokuwiki-plugin-codeprism-dft {
	padding: 0;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
div.code-toolbar > pre.dokuwiki-plugin-codeprism-dft.line-numbers {
	padding: 0 0 0 3.75rem;
}

div.code-toolbar > pre.dokuwiki-plugin-codeprism-dft > code {
	border: none;
}
div.code-toolbar > pre.dokuwiki-plugin-codeprism-dft > code > .line-numbers-rows {
	padding: 1rem 0 1rem 0;
}

div.code-toolbar > .toolbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.5rem;

	padding-right: 1rem;
}


/* ========== QNA ========== */

.qna-block {
	margin: 0;
	padding: 0.5rem 1rem 1rem 1rem;
}

.qna-question {
	margin: 0;
	padding: 0;
	
	font-style: italic;
}

.qna-title {
	margin: 0;
	padding: 0;
	
	font-style: italic;
	font-weight: bold;

}

.qna-answer {
	margin: 0;
	padding-left: 1rem;
}

/* ===== DETAIL ===== */

#dokuwiki__detail {
	width: 100%;
}
#dokuwiki__detail .site-content {
	align-items: center;
}
#dokuwiki__detail .img_title {
	width: 100%;

	padding: 1rem 2rem 0 2rem;

	text-align: end;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#dokuwiki__detail .site-content > .content.group {
	padding: 0 2rem;
}
#dokuwiki__detail .site-content > .content.group > a {
	width: 100%;
	object-fit: contain;
}
#dokuwiki__detail .site-content > .content.group > a > img {
	width: 100%;
	object-fit: contain;
}

#dokuwiki__detail .img_detail > dl {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 1rem;
	row-gap: 0.125rem;

	padding: 0;
	margin: 0;
}
#dokuwiki__detail .img_detail > dl dt {
	width: 100%;
	padding: 0;
	margin: 0;
}
#dokuwiki__detail .img_detail > dl dd {
	width: 100%;
	padding: 0 0 0 1rem;
	margin: 0;
}

@media (min-width: 500px) {
	#dokuwiki__detail .img_detail > dl {
		grid-template-columns: 9rem 1fr;
		grid-template-rows: 1fr;
		column-gap: 1rem;
		row-gap: 0.125rem;
	}
	#dokuwiki__detail .img_detail > dl dd {
		padding: 0;
	}
}

/* ========== FIXES ========== */

#config__manager tr.default td.value .form-check .form-check-label {
	max-width: 32rem;
}

.compound-label {
	display: flex;
}

.ui-admin ul {
	list-style-type: none;
	padding-left: 0.5rem;
	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
.ui-admin .admin_tasks,
.ui-admin .admin_plugins {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.ui-admin .admin_tasks div.li a,
.ui-admin .admin_plugins div.li a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.ui-admin .admin_tasks div.li .icon svg,
.ui-admin .admin_plugins div.li .icon svg {
	width: 100%;
	max-width: 1.5rem;
}
.ui-admin .admin_tasks div.li a[href*="do=admin&page=styling"],
.ui-admin .admin_plugins div.li a[href*="do=admin&page=styling"] {
	display: none;
}

ul.admin_plugins {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#admin__version {
	font-size: smaller;
	opacity: 0.7;
}

#additional_plugins {
	margin-top: 1rem;
}

fieldset > div.table {
	border: none;
}

#dw__configform > p:last-child {
	display: flex;
	gap: 0.5rem;
}

.codeblockedit-wrapper {
	position: relative;
}
.codeblockedit-btn {
	position: absolute;
	bottom: 0;
	right: 0;

	width: 1.5rem;
	height: 1.5rem;

	color: var(--bs-body-color);
	fill: var(--bs-body-color);
	background-color: transparent;
	border: none;

	transition: var(--bs-transition);
	
	cursor: pointer;
}
.codeblockedit-btn::after {
	position: absolute;
	top: 0;
	left: 0;

	content: "";

	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);

	mask-image: url(../images/ico-pen-2.svg);
	-webkit-mask-image: url(../images/ico-pen-2.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}


div:has(p > a[href*="emoticon"]) > ul {
	list-style-type: none;
	padding: 0 0.5rem 1rem 0.5rem;
	margin: 0;

	display: grid;
	grid-template-columns: 1fr;
	gap: 0.375rem;
}
div:has(p > a[href*="emoticon"]) > ul > li > .li {
	display: flex;
	align-items: center;
	gap: 1rem;
}
@media (min-width: 500px) {
	div:has(p > a[href*="emoticon"]) > ul {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 680px) {
	div:has(p > a[href*="emoticon"]) > ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width: 800px) {
	div:has(p > a[href*="emoticon"]) > ul {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

/* ===== LOGIN ===== */

#dw__login fieldset [for="remember__me"] {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
#dw__login > p {
	margin-top: 0.5rem;
}

#dw__login > fieldset.plugin_oauth > div > a {
	display: flex;
	align-items: flex-end;
	background-color: unset !important;
}
#dw__login > fieldset.plugin_oauth > div > a > svg {
	max-width: 2rem;
}
#dw__login > fieldset.plugin_oauth > div > a > span {
	font-weight: 600;
	font-size: 1.25rem;
}

[data-is-guest="true"] .site-content > .content-wrapper > .content-container:has(#login) {
	justify-content: center;
}
[data-is-guest="true"] .site-content > .content-wrapper > .content-container > main:has(#login) {
	max-width: 500px;
}
[data-is-guest="true"] .breadcrumb > ol {
	visibility: hidden;
	opacity: 0;
}
[data-is-guest="true"] #dokuwiki__content > .sidebar-tools-menu-wrapper {
	visibility: hidden;
	opacity: 0;
}

fieldset.plugin_oauth {
	padding-top: 1rem;
}
fieldset.plugin_oauth > legend {
	text-align: center;
}
fieldset.plugin_oauth > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}
fieldset.plugin_oauth > div > a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;

	padding: 1rem;

	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
fieldset.plugin_oauth > div > a > svg {
	min-width: 2rem;
	min-height: 2rem;

	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}

/* ===== NAVBAR ===== */

.site-header .navbar .container-fluid > a,
.site-header .navbar .container-fluid > a span {
	color: var(--header-color);
	fill: var(--header-color);

	font-size: 1.5rem;
	font-weight: 600;
}

.navbar-toggler {
	color: var(--header-color);
	border-color: var(--header-color);
	fill: var(--header-color);
}
.navbar-toggler .navbar-toggler-icon {
	background-color: var(--header-color);
	background-image: unset;
	-webkit-mask-image: var(--bs-navbar-toggler-icon-bg);
	mask-image: var(--bs-navbar-toggler-icon-bg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

#theme_switcher ul {
	width: max-content;
}
#theme_switcher li {
	width: max-content;
}

#theme_switcher_light {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	
	width: max-content;
}
#theme_switcher_dark {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;

	width: max-content;
}
#theme_switcher_light .icon {
	min-width: 1.5rem;
	min-height: 1.5rem;
	max-width: 1.5rem;
	max-height: 1.5rem;

	background-color: var(--bs-body-color);

	-webkit-mask-image: url('../images/ico-sun.svg');
	mask-image: url('../images/ico-sun.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: 1.5rem;
	mask-position: center;
	mask-repeat: no-repeat;
}
#theme_switcher_dark .icon {
	min-width: 1.5rem;
	min-height: 1.5rem;
	max-width: 1.5rem;
	max-height: 1.5rem;

	background-color: var(--bs-body-color);

	mask-image: url('../images/ico-moon.svg');
	-webkit-mask-image: url('../images/ico-moon.svg');
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 1.5rem;
	-webkit-mask-size: 1.5rem;
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

/* offcanvas */

#offcanvas_navbar {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.5rem;

	padding: 0;
}
#offcanvas_navbar .offcanvas-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;

	width: 100%;

	padding: 1.5rem 2rem 0 2rem;
	margin: 0;
}
button.btn-close {
	position: relative;

	min-width: 1.25rem;
	min-height: 1.25rem;
	max-width: 1.25rem;
	max-height: 1.25rem;

	background: none;
}
button.btn-close::after {
	position: absolute;
	top: 0;
	left: 0;

	content: "";

	display: block;
	
	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;

	background-color: var(--bs-body-color);

	mask-image: url('../images/ico-close.svg');
	-webkit-mask-image: url('../images/ico-close.svg');
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
@media (min-width: 992px) {
	#offcanvas_navbar {
		padding: 0;
	}
	#offcanvas_navbar .offcanvas-header {
		display: none;
		padding: 0;
	}
	#offcanvas_navbar .offcanvas-header > button {
		display: none;
	}
}

#offcanvas_navbar .offcanvas-body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;

	width: 100%;

	padding: 0;
	margin: 0;
}
@media (min-width: 992px) {
	#offcanvas_navbar .offcanvas-body {
		flex-direction: row;
		justify-content: flex-end;
	}
}

#offcanvas_navbar .offcanvas-body .header-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;

	width: 100%;

	padding: 0 2rem;
}
@media (min-width: 992px) {
	#offcanvas_navbar .offcanvas-body .header-menu {
		gap: 0.5rem;
		padding: 0;
	}
}
#offcanvas_navbar .offcanvas-body .header-menu .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;

	color: var(--header-color);
	fill: var(--header-color);
}

#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.profile,
#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.admin,
#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.logout {
	display: none;
}
#offcanvas_navbar .offcanvas-body .header-menu .nav-item[role="search"] {
	width: 100%;
}
@media (min-width: 992px) {
	#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.profile,
	#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.admin,
	#offcanvas_navbar .offcanvas-body .header-menu > li.nav-item.logout {
		display: block;
	}
	#offcanvas_navbar .offcanvas-body .header-menu .nav-item[role="search"] {
		max-width: 25rem;
	}
}

#offcanvas_navbar .offcanvas-body .header-menu .nav-link i,
#offcanvas_navbar .offcanvas-body .header-menu .nav-link svg {
	color: var(--header-color);
	fill: var(--header-color);
}

#offcanvas_navbar .offcanvas-body .header-menu .sidebar-tools-menu-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1.5rem;

		width: 100%;
		
		padding: 1.25rem 0;
		margin: 0;
		
		border-top: var(--bs-border-width) solid var(--bs-border-color);
		border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
@media (min-width: 992px) {
	#offcanvas_navbar .offcanvas-body .header-menu .sidebar-tools-menu-wrapper {
		display: none;
	}
}

#offcanvas_navbar .offcanvas-body .header-menu .sidebar-tools-menu-wrapper > ul {
	gap: 1rem;
}

#offcanvas_user_menu {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#offcanvas_user_menu ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;

	width: 100%;

	padding: 0;
	margin: 0;

	list-style: none;
}
#offcanvas_user_menu .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;

	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
#offcanvas_user_menu .nav-link svg {
	min-width: 1.5rem;
	min-height: 1.5rem;
	max-width: 1.5rem;
	max-height: 1.5rem;

	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
@media (min-width: 992px) {
	#offcanvas_user_menu {
		display: none;
	}
}

#dokuwiki__aside__header .sidebar-section-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#dokuwiki__aside__header .sidebar-section-title .text {
	font-size: 1.5rem;
}

#offcanvas_sidebar_wrapper {
	position: relative;
	
	flex: 1;

	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
}
@media (min-width: 992px) {
	#offcanvas_sidebar_wrapper {
		display: none;
	}
}
#offcanvas_sidebar_site_navigation {
	position: relative;

	flex: 1;

	width: 100%;

	padding: 0;
	margin: 0;
}
#offcanvas_sidebar_site_navigation .scrollable-container,
#sidebar_site_navigation .scrollable-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	overflow-y: auto;
	overflow-x: hidden;

	padding: 0 1.5rem;
	margin: 0;
}
#offcanvas_sidebar_wrapper .scrollable-container {
	padding: 0 2rem;
}


#dokuwiki__detail .offcanvas-body > .header-menu > .nav-item,
#dokuwiki__detail .offcanvas-body > .header-menu > .nav-item a {
	color: var(--header-color);
	fill: var(--header-color);
}


@media (min-width: 992px) {
	#dokuwiki__detail #offcanvas_navbar .offcanvas-body > .header-menu {
		gap: 3rem;
	}
}

#dokuwiki__detail #offcanvas_navbar.show .offcanvas-body > .header-menu,
#dokuwiki__detail #offcanvas_navbar.show .offcanvas-body > .header-menu,
#dokuwiki__detail #offcanvas_navbar.showing .offcanvas-body > .header-menu,
#dokuwiki__detail #offcanvas_navbar.showing .offcanvas-body > .header-menu,
#dokuwiki__detail #offcanvas_navbar.hiding .offcanvas-body > .header-menu,
#dokuwiki__detail #offcanvas_navbar.hiding .offcanvas-body > .header-menu {
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;

	margin-top: 1rem;
}
#dokuwiki__detail #offcanvas_navbar.show .offcanvas-body > .header-menu > .nav-item,
#dokuwiki__detail #offcanvas_navbar.show .offcanvas-body > .header-menu > .nav-item a,
#dokuwiki__detail #offcanvas_navbar.showing .offcanvas-body > .header-menu > .nav-item,
#dokuwiki__detail #offcanvas_navbar.showing .offcanvas-body > .header-menu > .nav-item a,
#dokuwiki__detail #offcanvas_navbar.hiding .offcanvas-body > .header-menu > .nav-item,
#dokuwiki__detail #offcanvas_navbar.hiding .offcanvas-body > .header-menu > .nav-item a {
	color: var(--bs-link-color);
	fill: var(--bs-link-color);
}


#offcanvas_navbar button.btn-close {
	filter: unset;
}
#offcanvas_navbar button.btn-close::after {
	background-color: var(--bs-body-color);
}


.navbar-brand-logo {
	height: calc((var(--header-height) * var(--header-height-factor, 1)) - var(--header-logo-height-correction-mobile, 2.5rem));
}
@media (min-width: 992px) {
	.navbar-brand-logo {
		height: calc((var(--header-height) * var(--header-height-factor, 1)) - var(--header-logo-height-correction, 2.5rem));
	}
}


#offcanvas_navbar > .offcanvas-body > .header-menu > .login {
	display: none;
}
@media (min-width: 992px) {
	#offcanvas_navbar > .offcanvas-body > .header-menu > .login {
		display: block;
	}
}


#dw__search__header > .no {
	position: relative;
}
#qsearch__out {
	position: absolute;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
    
	width: 100%;
	min-width: max-content;
    padding: 1rem;

    background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
    
	transform: translateY(calc((var(--header-height) * var(--header-height-factor, 1)) - 1.25rem));
    z-index: 1000;
}

#qsearch__out:not(strong) {
	display: none;
}

#qsearch__out > ul {
    padding-left: 1rem;
}

/* ===== SEARCH ===== */

#dw__search__header > div.no,
#dw__search__footer > div.no {
	display: flex;
	flex-direction: column;
}
#dw__search__header > div.no > button,
#dw__search__footer > div.no > button {
	margin-top: 0.5rem;
	margin-left: 0;
}
@media (min-width: 350px) {
	#dw__search__header > div.no,
	#dw__search__footer > div.no {
		flex-direction: row;
	}
	#dw__search__header > div.no > button,
	#dw__search__footer > div.no > button {
		margin-top: 0;
		margin-left: 0.5rem;
	}
}

.search-results-form > .search-form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding-bottom: 1rem;
}
.search-results-form > .search-form > .advancedOptions {
	padding-top: 0.5rem;
}

.search-results-form > .search-form > button[type="submit"] {
	width: max-content;
}

.search-results-form > .search-form > button.toggleAssistant {
	width: max-content;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
.search-results-form > .search-form > button.toggleAssistant:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);
	opacity: var(--tabs-tab-opacity-hover, 1);
	text-decoration: none;
}


#dokuwiki__content > .ui-admin > ul.admin_plugins > li > div > a[href*="?do=admin&page=searchstats"] {
	gap: 0.25rem;
}
#dokuwiki__content > .ui-admin > ul.admin_plugins > li > div > a[href*="?do=admin&page=searchstats"]:before {
	content: "";

	width: 1.5rem;
	height: 1.5rem;

	background-color: var(--bs-body-color);

	mask-image: url(../images/ico-bar-chart.svg);
	-webkit-mask-image: url(../images/ico-bar-chart.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}


#dokuwiki__content > .ui-admin > ul.admin_plugins > li > div > a[href*="?do=admin&page=searchindex"] {
	gap: 0.25rem;
}
#dokuwiki__content > .ui-admin > ul.admin_plugins > li > div > a[href*="?do=admin&page=searchindex"] svg {
	display: none;
}
#dokuwiki__content > .ui-admin > ul.admin_plugins > li > div > a[href*="?do=admin&page=searchindex"]:before {
	content: "";

	width: 1.5rem;
	height: 1.5rem;

	background-color: var(--bs-body-color);

	mask-image: url(../images/ico-searchindex.svg);
	-webkit-mask-image: url(../images/ico-searchindex.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}

/* ===== FOOTER ===== */

#dokuwiki__footer .pad {
	display: flex;
	flex-direction: column;
	align-items: center;

	font-size: smaller;
	opacity: 0.7;
}

.site-footer .footer-card .card-body .container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.site-footer .footer-card .card-body .container .footer-fullmenu {
	display: flex;
	justify-content: center;
	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
.site-footer .footer-card .card-body .container .footer-fullmenu a,
.site-footer .footer-card .card-body .container .footer-fullmenu i,
.site-footer .footer-card .card-body .container .footer-fullmenu svg {
	color: var(--bs-body-color);
	fill: var(--bs-body-color);

	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;
}
.site-footer .footer-card .card-body .container .footer-fullmenu .footer-fullmenu-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}


@media (max-width: 499.99px) {
	.site-footer .footer-card .card-body .container .footer-search > form > div {
		flex-direction: column;
	}
}

/* ===== FOOTNOTES ===== */

.footnotes {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.footnotes > .fn {
	display: flex;
}

/* ===== ACL ===== */

#acl__tree > ul {
	list-style-type: none;
	padding-left: 0.5rem;
}
#acl__tree > ul ul {
	list-style-type: none;
	padding-left: 1rem;
}
#acl__tree > ul div.li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
#acl__tree > ul img {
	width: 100%;
	height: 100%;
	min-width: 1.25rem;
	min-height: 1.25rem;
	max-width: 1.25rem;
	max-height: 1.25rem;

	border-radius: var(--bs-border-radius);
	border: 1px solid var(--bs-body-color);

	filter: contrast(300%) grayscale(100%);
}

#acl__user {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
	text-wrap: nowrap;
}
@media (min-width: 690px) {
	#acl__user {
		flex-wrap: nowrap;
		gap: 0.5rem;
	}
}

#acl_manager .footnotes > div.fn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
#acl_manager .footnotes > div.fn > sup {
	padding-top: 0.6rem;
}


#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr {
	display: grid;
    grid-template-columns: 8fr 6fr 20fr 3rem;
}
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > th,
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td {
	padding-left: 0;
}
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(3) {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	column-gap: 1rem;
}
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > th .form-check:has(input[type="radio"]),
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td .form-check:has(input[type="radio"]) {
	display: flex;
	padding: 0;
	margin: 0;
}
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > th .form-check:has(input[type="radio"]) > .form-check-input,
#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td .form-check:has(input[type="radio"]) > .form-check-input {
	float: unset;
	padding: 0;
	margin: 0;
}

@media (max-width: 1400px) {
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr {
		display: grid;
		grid-template-columns: 8fr 7fr 16fr 3rem;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(3) {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
}
@media (max-width: 1200px) {
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr {
		display: grid;
		grid-template-columns: 1fr 3rem;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr:not(:last-child) {
		border-bottom: var(--bs-border-width) solid var(--bs-body-color);
		margin-bottom: 1rem;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > th:nth-child(1),
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(1) {
		grid-column: span 2;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(1) {
		height: 2rem;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > th:nth-child(2),
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(2) {
		grid-column: span 2;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(2) {
		height: 2rem;
	}
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(3) {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}
@media (max-width: 680px) {
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(3) {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
}
@media (max-width: 420px) {
	#acl_manager > div[class^="level"] > form > div > .table > div > table > tbody > tr > td:nth-child(3) {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}
}

#acl__info {
	padding: 1rem 0;
}

#acl__info > fieldset {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	padding: 0.5rem 1rem;
}
#acl__info > fieldset > legend {
	grid-column: span 2;
}
#acl__info > fieldset > button {
	grid-column: span 2;
	align-self: center;
	justify-self: start;

	width: max-content;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--bs-btn-color);
	background-color: var(--bs-btn-bg);
	border-radius: var(--bs-border-radius);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
#acl__info > fieldset:has(button[name="cmd[del]"]) > button {
	grid-column: span 1;
}
#acl__info > fieldset > label {
	display: flex;
    align-items: center;
}

@media (min-width: 500px) {
	#acl__info > fieldset {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-border-radius);
		padding: 0.5rem 1rem;
	}
	#acl__info > fieldset > legend {
		grid-column: span 3;
	}
	#acl__info > fieldset > button {
		grid-column: span 3;
	}
	#acl__info > fieldset:has(button[name="cmd[del]"]) > button {
		grid-column: span 1;
	}
}
@media (min-width: 768px) {
	#acl__info > fieldset {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-border-radius);
		padding: 0.5rem 1rem;
	}
	#acl__info > fieldset > legend {
		grid-column: span 6;
	}
	#acl__info > fieldset > button {
		grid-column: span 6;
	}
	#acl__info > fieldset:has(button[name="cmd[del]"]) > button {
		grid-column: span 1;
	}
}

/* ===== NAMESPACES TREE ===== */

#media__tree > ul {
	list-style-type: none;
	padding-left: 0.5rem;
}
#media__tree > ul ul {
	list-style-type: none;
	padding-left: 1rem;
}
#media__tree ul > li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
}
#media__tree > ul div.li {
	width: calc(100% - 1.25rem - 0.25rem);
}
#media__tree > ul img {
	width: 100%;
	height: 100%;
	min-width: 1.25rem;
	min-height: 1.25rem;
	max-width: 1.25rem;
	max-height: 1.25rem;

	border-radius: var(--bs-border-radius);
	border: 1px solid var(--bs-body-color);

	filter: contrast(300%) grayscale(100%);
}

/* ===== EXTENSIONS ===== */

/* Extension List */

#extension__list > form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#extension__list > form section {
	display: flex;
	flex-wrap: wrap;

	padding-bottom: 1rem;

	border-bottom: 1px solid var(--bs-border-color);
}
#extension__list > form section > .screenshot {
	width: 8.5rem;
}
#extension__list > form section > .screenshot > span.id {
	font-weight: 600;
}
#extension__list > form section > .main {
	width: calc(100% - 8.5rem);
}
#extension__list > form section > .main > h2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;

	font-size: 1.5rem;
}
#extension__list > form section > .main > .linkbar {
	display: flex;
	gap: 1rem;
}
#extension__list > form section > .main > .linkbar > a {
	text-decoration: underline;
}
#extension__list > form section > .main > h2 > div > bdi > a {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	font-size: medium;
}
#extension__list > form section > .main > h2 > .version {
	font-size: 0.875rem;
}
#extension__list > form section > .notices {
	width: 100%;
}
#extension__list > form section > .notices ul {
	list-style-type: none;
	padding-left: 0.5rem;
}
#extension__list > form section > .notices ul li div.li {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}
#extension__list > form section > .notices ul li i {
	min-width: 1.25rem;
	max-width: 1.25rem;
	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
#extension__list > form section > .notices ul li svg {
	min-width: 1.25rem;
	max-width: 1.25rem;
	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
#extension__list > form section > .details {
	width: 100%;
	padding-bottom: 0.25rem;
}
#extension__list > form section > .actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;

	width: 100%;
}
#extension__list > form section > .actions > .available {
	width: 100%;
	font-size: 0.875rem;
}

/* Extension Manager */

#extension__manager > form > div.no {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding-bottom: 1rem;
}
#extension__manager > form > div.no button[name="submit"] {
	width: max-content;
}
#extension__manager > form > div.no > label.block:nth-child(5) {
	display: flex;
	gap: 0.5rem;
}
#extension__manager > form > div.no > br {
	display: none;
}
#extension__manager > form > div.no > button[title="Install"] {
	width: max-content;
}

#extension__manager #extension__results {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#extension__manager #extension__results .popularity,
#extension__manager #extension__list .popularity {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#extension__manager #extension__results .popularity > img,
#extension__manager #extension__list .popularity > img {
	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;
}

#extension__manager > .tabs {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 1rem 0;
	margin: 0;

	list-style-type: none;
}
#extension__manager > .tabs > li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#extension__manager > .tabs > li > a {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
#extension__manager > .tabs > li > a:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);

	opacity: var(--tabs-tab-opacity-hover, 1);
	text-decoration: none;
}
#extension__manager > .tabs > li.active > a {
	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);

	opacity: var(--tabs-tab-opacity-active, 1);
}

@media (min-width: 768px) {
	#extension__manager > .tabs {
		flex-direction: row;
		gap: 0.5rem;
	}
	#extension__manager > .tabs > li {
		width: max-content;
	}
	#extension__manager > .tabs > li > a {
		width: max-content;
	}
}

/* ===== PLUGIN STYLING ===== */

#plugin__styling form.styling tbody .table-group-divider {
	border-top: calc(var(--bs-border-width) * 2) solid var(--bs-gray-500);
}

/* ===== LOG VIEWER ===== */

#plugin__logviewer > ul.tabs {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 1rem 0;
	margin: 0;

	list-style-type: none;
}
#plugin__logviewer > ul.tabs > li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#plugin__logviewer > ul.tabs > li > a {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
#plugin__logviewer > ul.tabs > li > a:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);

	opacity: var(--tabs-tab-opacity-hover, 1);

	text-decoration: none;
}
#plugin__logviewer > ul.tabs > li:not(:has(a)) {
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-active, 1);

	text-align: center;
	text-decoration: none;
}

@media (min-width: 768px) {
	#plugin__logviewer > ul.tabs {
		flex-direction: row;
		gap: 0.5rem;
	}
	#plugin__logviewer > ul.tabs > li {
		width: max-content;
	}
	#plugin__logviewer > ul.tabs > li > a {
		width: max-content;
	}
}

/* ===== POPULARITY FEEDBACK ===== */

#dokuwiki__content:has(#popularity_feedback) > form > fieldset {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
#dokuwiki__content:has(#popularity_feedback) > form > fieldset > button[type="submit"] {
	width: max-content;
}
#dokuwiki__content:has(#popularity_feedback) > form > fieldset > br {
	display: none;
}

/* ===== REVERT MANAGER ===== */

#dokuwiki__content:has(#revert_manager) > form > div.no {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
#dokuwiki__content:has(#revert_manager) > form > div.no > button[type="submit"] {
	width: max-content;
}

/* ===== EDITOR ===== */

div.picker {
	display: flex;
	justify-content: center;
	align-items: center;
	
	max-width: 300px;

	padding: 0.5rem 0.25rem;

	background-color: #ffffffcc;
	border-radius: var(--bs-border-radius);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
div.picker[aria-hidden="true"] {
	display: none;
}
div.picker[aria-hidden="false"] {
	display: block;
	width: max-content;
}

div.picker .pickerbutton {
	padding: 0 0.25rem;
}
div.picker .pickerbutton img {
	max-width: 2rem;
	min-width: 2rem;
	max-height: 2rem;
	min-height: 2rem;
}
div.picker .pickerbutton[title="FIXME"] img {
	max-width: 135px;
	min-width: 135px;
	max-height: 2rem;
	min-height: 2rem;
}
div.picker .pickerbutton[title="DELETEME"] img {
	max-width: 133px;
	min-width: 133px;
	max-height: 2rem;
	min-height: 2rem;
}

#tool__bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;

	padding: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;

	background-color: #ffffff;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#tool__bar .aux-toolbutton {
	max-width: 1.5rem;
	min-width: 1.5rem;
	max-height: 1.5rem;
	min-height: 1.5rem;
}
#tool__bar .toolbutton img,
#tool__bar .aux-toolbutton img {
	max-width: 1.5rem;
	min-width: 1.5rem;
	max-height: 1.5rem;
	min-height: 1.5rem;
}
#tool__bar > button.toolbutton:has(img[src$="image.png"]) {
	display: none;
}

#wiki__editbar {
	display: flex;
	flex-wrap: wrap;
}
#wiki__editbar #size__ctl {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	min-width: 50%;
}
#wiki__editbar #size__ctl > img {
	max-width: 1.5rem;
	min-width: 1.5rem;
	max-height: 1.5rem;
	min-height: 1.5rem;
}
#wiki__editbar .editButtons {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	min-width: 50%;
}
#wiki__editbar .summary {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding-top: 0.5rem;
}
#wiki__editbar .summary > label {
	width: 100%;
}

#wiki__text {
	margin-bottom: 0.5rem;
}

#dw__editform .license {
	padding-top:0.5rem;
	font-size: smaller;
	opacity: 0.7;
}

#dokuwiki__content > .editBox {
	position: relative;
}
#draft__status {
	font-size: smaller;
	opacity: 0.7;
}
@media (min-width: 1200px) {
	#draft__status {
		position: absolute;
		top: 0.5rem;
		right: 0.75rem;
	}
}

/* dark mode */




[data-bs-theme="dark"] #tool__bar {
	background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] #tool__bar > button {
	filter: invert(1) grayscale(1) brightness(2) contrast(1);
}
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="linkextern.png"]) {
	filter: grayscale(1) brightness(0.75) contrast(4);
}
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="smiley.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="chars.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="sig.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="blockquote-icon.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="picker.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="diagramsnet.png"]),
[data-bs-theme="dark"] #tool__bar > button:has(img[src$="toolbaricon_password.png"]),
[data-bs-theme="dark"] #tool__bar > div:has(img[src$="image.png"]) {
	filter: unset;
}


/* ===== BREADCRUMBS ===== */

nav[aria-label="breadcrumb"] {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	align-items: flex-end;

	margin-bottom: 0.75rem;
}
nav[aria-label="breadcrumb"] > button {
	width: 3rem;
	height: 1rem;

	padding: 0.5rem 0 0.5rem 0.75rem;
	margin: 0;

	background-color: var(--bs-body-color);

	mask-image: url('../images/ico-arrow-left.svg');
	-webkit-mask-image: url('../images/ico-arrow-left.svg');
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: right;
	-webkit-mask-position: right;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
nav[aria-label="breadcrumb"] > button:hover {
	background-color: var(--bs-body-color);
	opacity: 0.7;
}
ol.breadcrumb {
	display: flex;
	justify-content: flex-end;

	padding: 0 0.125rem 0 0;
	margin: 0;

	text-shadow: unset;
	background-color: unset;
	border: unset;
	background-image: unset;
	filter: unset;
}

@media (min-width: 690px) {
	nav[aria-label="breadcrumb"] {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	nav[aria-label="breadcrumb"] > button {
		padding: 0.5rem 0.75rem 0.5rem 0;
		mask-position: left;
		-webkit-mask-position: left;
	}
}

/* ===== MEDIAMANAGER ===== */

#mediamanager__page {
	position: relative;

	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;

	padding: 0;
	margin: 0;
}
#mediamanager__page > h1 {
	width: 100%;
}
#mediamanager__page > div.namespaces {
	width: 100%;

	padding: 0.5rem;

	border-color: var(--bs-border-color);
	border-width: 1px;
	border-radius: var(--bs-border-radius-lg);
	border-style: solid;
}
#mediamanager__page > div.filelist {
	width: 100%;
	
	padding: 0.5rem;

	border-color: var(--bs-border-color);
	border-width: 1px;
	border-radius: var(--bs-border-radius-lg);
	border-style: solid;
}
#mediamanager__page > div.file {
	width: 100%;
}
#mediamanager__page > div.file > h2 {
	display: none;
}

#mediamanager__page > .namespaces-toggle {
	display: block;

	position: absolute;
	top: 0;
	right: 0;
}
#mediamanager__page > .namespaces-toggle > .icon {
	width: calc(2rem * var(--mediamanager-toggle-size-factor));
	height: calc(2rem * var(--mediamanager-toggle-size-factor));
	min-width: calc(2rem * var(--mediamanager-toggle-size-factor));
	min-height: calc(2rem * var(--mediamanager-toggle-size-factor));

	padding: 0;
	margin: 0;

	background-color: var(--mediamanager-toggle-color);

	-webkit-mask-image: url('../images/ico-chevron-up-lg.svg');
	mask-image: url('../images/ico-chevron-up-lg.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	mask-size: calc(2rem * var(--mediamanager-toggle-size-factor));
	mask-position: center;
	mask-repeat: no-repeat;
	border: none;
}
#mediamanager__page > .namespaces-toggle[aria-expanded="true"] > .icon {
	-webkit-mask-image: url('../images/ico-chevron-down-lg.svg');
	mask-image: url('../images/ico-chevron-down-lg.svg');
}
[data-mediamanager-namespaces-collapsed="true"] #mediamanager__page > .namespaces-toggle > .icon {
	-webkit-mask-image: url('../images/ico-chevron-up-lg.svg');
	mask-image: url('../images/ico-chevron-up-lg.svg');
}
[data-mediamanager-namespaces-collapsed="false"] #mediamanager__page > .namespaces-toggle > .icon {
	-webkit-mask-image: url('../images/ico-chevron-down-lg.svg');
	mask-image: url('../images/ico-chevron-down-lg.svg');
}

@media (min-width: 850px) {
	#mediamanager__page > div.namespaces {
		width: 17rem;
	}
	#mediamanager__page > div.filelist {
		width: calc(100% - 17rem - 0.5rem);
	}
	#mediamanager__page > .namespaces-toggle {
		display: none;
	}
}
@media (min-width: 992px) {
	#mediamanager__page > div.namespaces {
		width: 100%;
	}
	#mediamanager__page > div.filelist {
		width: 100%;
	}
	#mediamanager__page > .namespaces-toggle {
		display: block;
	}
}
@media (min-width: 1150px) {
	#mediamanager__page > div.namespaces {
		width: 19rem;
	}
	#mediamanager__page > div.filelist {
		width: calc(100% - 19rem - 0.5rem);
	}
	#mediamanager__page > .namespaces-toggle {
		display: none;
	}
}
@media (min-width: 1200px) {
	#mediamanager__page > div.namespaces {
		width: 20rem;
	}
	#mediamanager__page > div.filelist {
		width: calc(100% - 20rem - 0.5rem);
	}
	#mediamanager__page > .namespaces-toggle {
		display: none;
	}
}
@media (min-width: 1300px) {
	#mediamanager__page > div.namespaces {
		width: 22rem;
	}
	#mediamanager__page > div.filelist {
		width: calc(100% - 22rem - 0.5rem);
	}
	#mediamanager__page > .namespaces-toggle {
		display: none;
	}
}

/* tabs */

#mediamanager__page > .filelist > .tabs {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 0 0 0.5rem 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .filelist > .tabs > li {
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 100%;
}

#mediamanager__page > .filelist > .tabs > li:not(:has(a)) {
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-active, 1);

	text-align: center;
}
#mediamanager__page > .filelist > .tabs > li > a {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
#mediamanager__page > .filelist > .tabs > li > a:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);
	opacity: var(--tabs-tab-opacity-hover, 1);
	text-decoration: none;
}

@media (min-width: 400px) {
	#mediamanager__page > .filelist > .tabs {
		flex-direction: row;
		gap: 0.5rem;
	}
	#mediamanager__page > .filelist > .tabs > li {
		width: max-content;
	}
	#mediamanager__page > .filelist > .tabs > li > a {
		width: max-content;
	}
}

/* display and ordering switchers */

#mediamanager__page > .filelist > .panelHeader > form {
	padding-bottom: 0.5rem;
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;

	padding: 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 0;
	margin: 0;
}

/* v1 style */

#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div {
	flex: 1;
	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div > label {
	width: 100%;;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;

	transition: var(--tabs-transition);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div > label:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);

	opacity: var(--tabs-tab-opacity-hover, 1);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div > label.ui-state-active {
	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);

	opacity: var(--tabs-tab-opacity-active, 1);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div > input {
	display: none;
}

/* v2 style */

#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li {
	flex: 1;
	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > label {
	width: 100%;;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;

	transition: var(--tabs-transition);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > label:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);

	opacity: var(--tabs-tab-opacity-hover, 1);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > label.ui-state-active {
	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);

	opacity: var(--tabs-tab-opacity-active, 1);
}
#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > input {
	display: none;
}

/* media queries */

@media (min-width: 280px) {
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li {
		flex-direction: row;
	}
}
@media (min-width: 400px) {
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul {
		flex-direction: row;
		gap: 1.5rem;
	}
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li {
		flex-direction: row;
	}

	/* v1 style */
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div {
		flex: 0;
	}
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > div > label {
		width: max-content;
	}

	/* v2 style */
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li {
		flex: 0;
	}
	#mediamanager__page > .filelist > .panelHeader > form > div.no > ul > li > label {
		width: max-content;
	}
}

/* panel content */

#mediamanager__page > .filelist > .panelContent > ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 0.5rem;

	padding: 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .filelist > .panelContent > ul > li {
	width: 100%;

	padding: 0.5rem;
	margin: 0;

	border-color: var(--bs-border-color);
	border-width: 1px;
	border-radius: var(--bs-border-radius-lg);
	border-style: solid;
}
#mediamanager__page > .filelist > .panelContent > ul > li > dl {
	display: flex;
	flex-direction: column;

	width: 100%;

	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > ul > li > dl dd {
	width: 100%;

	padding: 0;
	margin: 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#mediamanager__page > .filelist > .panelContent > ul > li > dl dt {
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 0;
	padding-bottom: 0.5rem;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > ul > li > dl dt a {
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 0;
	margin: 0;
}

#mediamanager__page > .filelist > .panelContent > ul.rows {
	flex-direction: column;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li {
	width: 100%;
	max-width: 100%;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dt img {
	width: 100%;
	height: auto;
	min-width: 45px;
	min-height: 45px;
	max-width: 45px;
	max-height: 45px;

	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.name {
	width: calc(100% - 45px);
	padding-left: 0.5rem;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.size {
	width: 100%;
	text-align: left;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.date {
	width: 100%;
	text-align: left;
}
#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.filesize {
	width: 100%;
	text-align: left;
}

@media (min-width: 300px) {
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.date {
		width: calc(100% - 6rem);
		text-align: left;
	}
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.filesize {
		width: 6rem;
		text-align: right;
	}
}
@media (min-width: 350px) {
	#mediamanager__page > .filelist > .panelContent > ul > li {
		min-width: var(--thumbnail-width, 200px);
		max-width: var(--thumbnail-width, 200px);
	}
}
@media (min-width: 400px) {
	#mediamanager__page > .filelist > .panelContent > ul {
		flex-direction: row;
	}
	#mediamanager__page > .filelist > .panelContent > ul.rows {
		flex-direction: column;
	}
}
@media (min-width: 420px) {
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.size {
		width: calc(100% - 10rem - 6rem);
	}
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.date {
		width: 10rem;
		text-align: right;
	}
}
@media (min-width: 650px) {
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl {
		flex-wrap: nowrap;
	}
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.name {
		width: calc(100% - 45px - 5rem - 10rem - 6rem);
	}
	#mediamanager__page > .filelist > .panelContent > ul.rows > li > dl > dd.size {
		width: 5rem;
		text-align: right;
	}
}

/* file view */

#mediamanager__page > .file > .tabs {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 0 0 0.5rem 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .file > .tabs > li {
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 100%;
}

#mediamanager__page > .file > .tabs > li:not(:has(a)) {
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-active);
	background-color: var(--tabs-tab-bg-active);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-active, 1);

	text-align: center;

	transition: var(--tabs-transition);
}
#mediamanager__page > .file > .tabs > li > a {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--tabs-tab-color-defaut);
	background-color: var(--tabs-tab-bg-defaut);
	border-radius: var(--bs-border-radius);

	opacity: var(--tabs-tab-opacity-default, 1);

	text-align: center;
	text-decoration: none;

	transition: var(--tabs-transition);
}
#mediamanager__page > .file > .tabs > li > a:hover {
	color: var(--tabs-tab-color-hover);
	background-color: var(--tabs-tab-bg-hover);
	opacity: var(--tabs-tab-opacity-hover, 1);
	text-decoration: none;
}

@media (min-width: 400px) {
	#mediamanager__page > .file > .tabs {
		flex-direction: row;
		gap: 0.5rem;
	}
	#mediamanager__page > .file > .tabs > li {
		width: max-content;
	}
	#mediamanager__page > .file > .tabs > li > a {
		width: max-content;
	}
}

#mediamanager__page > .file:has(.panelContent) {
	padding: 0.5rem;
	margin: 0;

	border-color: var(--bs-border-color);
	border-width: 1px;
	border-radius: var(--bs-border-radius-lg);
	border-style: solid;
}
#mediamanager__page > .file > .panelContent > .actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	padding: 0.5rem 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .file > .panelContent > .actions > .btn {
	padding: unset;

	background-color: transparent;
	border: none;
}
#mediamanager__page > .file > .panelContent > .actions > li {
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 100%;
}
#mediamanager__page > .file > .panelContent > .actions > li > form {
	width: 100%;
}
#mediamanager__page > .file > .panelContent > .actions > li > form button {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: none;
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#mediamanager__page > .file > .panelContent > .actions > li > form button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

#mediamanager__page > .file > .panelContent > .actions > button {
	width: max-content;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#mediamanager__page > .file > .panelContent > .actions > button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

@media (min-width: 400px) {
	#mediamanager__page > .file > .panelContent > .actions {
		flex-direction: row;
		gap: 0.5rem;
	}
	#mediamanager__page > .file > .panelContent > .actions > li {
		width: max-content;
	}
	#mediamanager__page > .file > .panelContent > .actions > li > form button {
		width: max-content;
	}
}

/* file details */

#mediamanager__page > .file > .panelContent > .image > a > img {
	width: 100%;
}
#mediamanager__page > .file > .panelContent > dl {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

	padding: 0;
	margin: 0;
}
#mediamanager__page > .file > .panelContent > dl dt {
	width: 10rem;
	padding: 0;
	margin: 0;
}
#mediamanager__page > .file > .panelContent > dl dd {
	width: 100%;
	padding: 0 0 0 0.5rem;
	margin: 0;
}

@media (min-width: 500px) {
	#mediamanager__page > .file > .panelContent > dl {
		flex-direction: row;
	}
	#mediamanager__page > .file > .panelContent > dl dd {
		width: calc(100% - 10rem);
		padding: 0;
	}
}

/* file upload */

#mediamanager__uploader .qq-upload-button {
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);
	margin-bottom: 0.5rem;

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#mediamanager__uploader .qq-upload-button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

#mediamanager__uploader ul.qq-upload-list {
	display: flex;
	flex-direction: column;

	padding: 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__uploader ul.qq-upload-list > li {
	display: flex;
	flex-direction: column;

	padding-top: 0.5rem;
}
#mediamanager__uploader ul.qq-upload-list > li > span.qq-upload-file {
	width: 100%;
	font-size: smaller;
	opacity: 0.7;
}
#mediamanager__uploader ul.qq-upload-list > li > input.qq-upload-name-input {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#mediamanager__uploader ul.qq-upload-list > li > a.qq-upload-cancel {
	width: 100%;
	text-align: right;
}
#mediamanager__uploader ul.qq-upload-list > li > span.qq-upload-failed-text {
	display: none;
	width: 100%;
	text-align: center;
}

#mediamanager__uploader .qq-action-container {
	display: none;
	flex-direction: column;
	gap: 0.5rem;

	padding-top: 0.5rem;
}
#mediamanager__uploader .qq-action-container.active {
	display: flex;
}
#mediamanager__uploader .qq-action-container > button {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#mediamanager__uploader .qq-action-container > button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

#mediamanager__page > .filelist > .panelContent > div.upload > p.maxsize {
	padding-top: 0.5rem;
}

/* file search */

#mediamanager__page > .filelist > .panelContent > div.search div.no > p {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
#mediamanager__page > .filelist > .panelContent > div.search div.no > p > label > input {
	width: 100%;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#mediamanager__page > .filelist > .panelContent > div.search div.no > p > button {
	width: max-content;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#mediamanager__page > .filelist > .panelContent > div.search div.no > p > button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

/* file search - list view */

#mediamanager__page > .filelist > .panelContent > div.search > ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 0.5rem;

	padding: 0;
	margin: 0;

	list-style-type: none;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul > li {
	width: 100%;

	padding: 0.5rem;
	margin: 0;

	border-color: var(--bs-border-color);
	border-width: 1px;
	border-radius: var(--bs-border-radius-lg);
	border-style: solid;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul > li > dl {
	display: flex;
	flex-direction: column;

	width: 100%;

	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul > li > dl dd {
	width: 100%;

	padding: 0;
	margin: 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul > li > dl dt {
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 0;
	padding-bottom: 0.5rem;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul > li > dl dt a {
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 0;
	margin: 0;
}

#mediamanager__page > .filelist > .panelContent > div.search > ul.rows {
	flex-direction: column;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li {
	width: 100%;
	max-width: 100%;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dt img {
	width: 100%;
	height: auto;
	min-width: 45px;
	min-height: 45px;
	max-width: 45px;
	max-height: 45px;

	padding: 0;
	margin: 0;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.name {
	width: calc(100% - 45px);
	padding-left: 0.5rem;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.size {
	width: 100%;
	text-align: left;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.date {
	width: 100%;
	text-align: left;
}
#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.filesize {
	width: 100%;
	text-align: left;
}

@media (min-width: 300px) {
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.date {
		width: calc(100% - 6rem);
		text-align: left;
	}
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.filesize {
		width: 6rem;
		text-align: right;
	}
}
@media (min-width: 350px) {
	#mediamanager__page > .filelist > .panelContent > div.search > ul > li {
		min-width: var(--thumbnail-width, 200px);
		max-width: var(--thumbnail-width, 200px);
	}
}
@media (min-width: 400px) {
	#mediamanager__page > .filelist > .panelContent > div.search > ul {
		flex-direction: row;
	}
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows {
		flex-direction: column;
	}
}
@media (min-width: 420px) {
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.size {
		width: calc(100% - 10rem - 6rem);
	}
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.date {
		width: 10rem;
		text-align: right;
	}
}
@media (min-width: 650px) {
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl {
		flex-wrap: nowrap;
	}
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.name {
		width: calc(100% - 45px - 5rem - 10rem - 6rem);
	}
	#mediamanager__page > .filelist > .panelContent > div.search > ul.rows > li > dl > dd.size {
		width: 5rem;
		text-align: right;
	}
}

/* modal */

#mediamanager__modal__dialog {
	/* width: 100%; */
	height: 100%;
	max-height: 90%;
}
#mediamanager__modal__dialog .modal-content {
	width: 100%;
	height: 100%;
}
#mediamanager__modal__dialog .modal-body {
	width: 100%;
	height: 100%;
}
#mediamanager__modal__dialog iframe {
	width: 100%;
	height: 100%;
}

/* ===== INLINE EDIT ===== */

#dokuwiki__content .editbutton_section > form {
	display: flex;
	justify-content: flex-start;
	
	padding-bottom: 0.5rem;
}

#dokuwiki__content .editbutton_section > form > div.no > button {
	position: relative;
	
	width: 2rem;
	height: 2rem;

	padding: 0;
	margin: 0;

	font-size: 0;

	background-color: transparent;
	border: none;
}
#dokuwiki__content .editbutton_section > form > div.no > button:hover {
	background-color: transparent;
	border: none;
}
#dokuwiki__content .editbutton_section > form > div.no > button::after {
	content: "";
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);
	
	-webkit-mask-image: url(../images/ico-pen-2.svg);
	mask-image: url(../images/ico-pen-2.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: contain;
}
#dokuwiki__content .editbutton_section > form > div.no > button::before {
	content: "";
	
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	max-width: 20rem;
	height: 1px;

	transform: translateY(-125%);

	background-color: var(--bs-border-color);
}

/* ===== RECENT CHANGES ===== */

#dw__recent > div.no > div.changeType {
	padding-bottom: 1rem;
}

#dw__recent > div.no > ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	margin: 0;
	padding: 0 0 1rem 1rem;

	list-style-type: none;
}
#dw__recent > div.no > ul > li {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--bs-border-color);
}
#dw__recent > div.no > ul > li > div.li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#dw__recent > div.no > ul > li > div.li > img.icon {
	min-width: 1rem;
	min-height: 1rem;
	max-width: 1rem;
	max-height: 1rem;

	margin: 0 0.5rem 0 0;
}
#dw__recent > div.no > ul > li > div.li > span.date {
	width: 13.5rem;
}
#dw__recent > div.no > ul > li > div.li > img[src*="blank.gif"] {
	display: none;
}
#dw__recent > div.no > ul > li > div.li > a.revisions_link {
	max-height: 1rem;
	min-height: 1rem;
	object-fit: contain;

	padding: 0 0 0 0.5rem;
}
#dw__recent > div.no > ul > li > div.li > a.revisions_link img {
	width: 100%;
	height: 100%;
}
#dw__recent > div.no > ul > li > div.li > a.wikilink1 {
	width: 100%;
}
#dw__recent > div.no > ul > li > div.li > span.sum {
	width: 100%;
}
#dw__recent > div.no > ul > li > div.li >span.user {
	width: 100%;
}
#dw__recent > div.no > ul > li > div.li >span.sizechange {
	width: 100%;
	text-align: left;
}

@media (min-width: 470px) {
	#dw__recent > div.no > ul > li > div.li >span.user {
		width: calc(100% - 5rem);
	}
	#dw__recent > div.no > ul > li > div.li >span.sizechange {
		width: 5rem;
		text-align: right;
	}
}
@media (min-width: 630px) {
	#dw__recent > div.no > ul > li > div.li > span.sum {
		width: 16rem;
	}
	#dw__recent > div.no > ul > li > div.li >span.user {
		width: calc(100% - 16rem - 5rem);
	}
}

/* ===== OLD REVISIONS ===== */

#page__revisions > div.no > ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	margin: 0;
	padding: 0 0 1rem 1rem;

	list-style-type: none;
}
#page__revisions > div.no > ul > li {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--bs-border-color);
}
#page__revisions > div.no > ul > li > div.li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#page__revisions > div.no > ul > li > div.li > img.icon {
	min-width: 1rem;
	min-height: 1rem;
	max-width: 1rem;
	max-height: 1rem;

	margin: 0 0.5rem 0 0;
}
#page__revisions > div.no > ul > li > div.li > span.date {
	width: 13.5rem;
}
#page__revisions > div.no > ul > li > div.li > img[src*="blank.gif"] {
	display: none;
}
#page__revisions > div.no > ul > li > div.li > a.revisions_link {
	max-height: 1rem;
	min-height: 1rem;
	object-fit: contain;

	padding: 0 0 0 0.5rem;
}
#page__revisions > div.no > ul > li > div.li > a.revisions_link img {
	width: 100%;
	height: 100%;
}
#page__revisions > div.no > ul > li > div.li > a.wikilink1 {
	width: 100%;
}
#page__revisions > div.no > ul > li > div.li > span.sum {
	width: 100%;
}
#page__revisions > div.no > ul > li > div.li >span.user {
	width: 100%;
}
#page__revisions > div.no > ul > li > div.li >span.sizechange {
	width: 100%;
	text-align: left;
}

@media (min-width: 470px) {
	#page__revisions > div.no > ul > li > div.li >span.user {
		width: calc(100% - 5rem);
	}
	#page__revisions > div.no > ul > li > div.li >span.sizechange {
		width: 5rem;
		text-align: right;
	}
}
@media (min-width: 630px) {
	#page__revisions > div.no > ul > li > div.li > span.sum {
		width: 16rem;
	}
	#page__revisions > div.no > ul > li > div.li >span.user {
		width: calc(100% - 16rem - 5rem);
	}
}

/* ===== SIDEBAR ===== */

#sidebar_userinfo {
	padding: 1.5rem 1.5rem 0 1.5rem;
}
#sidebar_pagetools {
	padding: 0.75rem 1.5rem 0.75rem 1.5rem;
}
#sidebar_site_navigation {
	position: relative;

	flex: 1;

	padding: 0;
	margin: 0;
}
#sidebar_site_navigation .sidebar-section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#sidebar_site_navigation .sidebar-section-title .button label .icon {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 1.5rem;
	height: 1.5rem;

	background-color: var(--bs-body-color);
	
	-webkit-mask-image: url(../images/ico-eye-closed.svg);
	mask-image: url(../images/ico-eye-closed.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: contain;
}
#sidebar_site_navigation .sidebar-section-title .button:has(input:checked) label .icon {
	-webkit-mask-image: url(../images/ico-eye-open.svg);
	mask-image: url(../images/ico-eye-open.svg);
}
#sidebar_site_navigation .sidebar-section-title .text {
	font-size: 1.5rem;
}

#dw__toc > h3 {
	font-size: 1.5rem;
}
#dw__toc > h3 > strong {
	display: none;
}
#dw__toc ul {
	padding: 0;
	padding-left: 1rem;
	margin: 0;

	list-style-type: none;
}

/* ===== SITEMAP ===== */

#index__tree > ul {
	padding: 0 0 0 1rem;
	margin: 0;

	list-style-type: none;
}
#index__tree > ul ul {
	padding: 0 0 0 1rem;
	margin: 0;

	list-style-type: none;
}

li:has(> div.li > a[title$="sidebar"]) {
	display: none;
}
[data-show-hidden-files="true"] li:has(> div.li > a[title$="sidebar"]) {
	display: block;
	opacity: 0.6;
}

/* ===== NETWORKGRAPH ===== */

.networkgraph > svg text {
	fill: var(--bs-body-color);
}

/* ========== PAGE TOOLS MENU ========== */

.page-tools-menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.75rem;

	padding: 0;
	margin: 0;

	list-style-type: none;
}

.page-tools-menu li {
	/* display: inline-block; */
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--tools-color);
	fill: var(--tools-color);
}
.page-tools-menu li.space-divider {
	flex: 1;
}
.page-tools-menu li svg {
	color: var(--tools-color);
	fill: var(--tools-color);

	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;
}

.sidebar-tools-menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 1.25rem;

	width: 100%;
	padding: 1rem 0;

	border-top: var(--bs-border-width) solid var(--bs-border-color);
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
#dokuwiki__content > .sidebar-tools-menu-wrapper {
	padding: 0;
	border-top: none;
	border-bottom: none;
}
#dokuwiki__content .sidebar-tools-menu-wrapper.editing-mode {
	justify-content: right;
}

#dokuwiki__content .sidebar-tools-menu-wrapper {
	flex-direction: column;
	align-items: flex-end;

	padding: 0 0 1rem 0;
}

#offcanvas_navbar.show .page-tools-menu,
#offcanvas_navbar.show .page-tools-menu,
#offcanvas_navbar.showing .page-tools-menu,
#offcanvas_navbar.showing .page-tools-menu,
#offcanvas_navbar.hiding .page-tools-menu,
#offcanvas_navbar.hiding .page-tools-menu {
	justify-content: flex-start;
}

@media (min-width: 680px) {
	#dokuwiki__content .sidebar-tools-menu-wrapper {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}

/* ===== PROFILE ===== */

div.centeralign:has(#dw__register) {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* register form */

#dw__register {
	padding: 0.5rem;;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#dw__register > div.no > fieldset > label.block {
	width: 100%;
}
#dw__register fieldset > fieldset.plugin_oauth {
	width: 100%;
	
	padding: 0.5rem;
	margin: 1rem 0 1rem 0;

	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#dw__register fieldset > fieldset.plugin_oauth > label {
	display: flex;
	gap: 0.25rem;
}

#dw__register fieldset > button[type="reset"] {
	margin-left: 0.5rem;
}

/* profile token form */

#dw__profiletoken {
	padding: 0.5rem;;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#dw__profiletoken > fieldset > p {
	display: flex;
	gap: 0.5rem;
}
#dw__profiletoken code {
	max-width: 20rem;
}

/* profile delete form */

#dw__profiledelete {
	padding: 0.5rem;;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
#dw__profiledelete > div.no > fieldset > label {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}

/* ===== TAG TOOLS ===== */

table.plgn__pglist ul {
	display: flex;
	flex-direction: column;

	list-style: none;
	padding: 0;
	margin: 0;
}

@media (max-width: 768px) {
	table.plgn__pglist td.page {
		padding: 0;
		margin: 0;

		border-bottom: none;
	}
	table.plgn__pglist td.date {
		padding: 0;
		margin: 0;

		border-bottom: none;
	}
	table.plgn__pglist td.user {
		padding: 0;
		margin: 0;
		padding-bottom: 0.75rem;
	}
}

/* tag count list */

#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > th.page,
#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > td.inline {
	padding: 0;
	margin: 0;
	border: none;
}
#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > th.page,
#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > td.inline {
	padding-left: 0.5rem;
}

@media (max-width: 768px) {
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr {
		display: flex;
		flex-direction: row;
	}
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > th.page,
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > td.inline {
		padding-left: 0.5rem;
	}
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > th.page:first-child,
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > td.inline:first-child {
		width: calc(100% - 5rem);
	}
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > th.page:last-child,
	#dokuwiki__content:not(.plugin__tag_search):not(:has(#dw__configform)):not(:has(#user__manager)):not(:has(#acl_manager)):not(:has(.dt-wrapper)) .table-responsive > table.inline.table > tbody > tr > td.inline:last-child {
		width: 5rem;
	}
}

/* search form */

form.plugin__tag_search div.table div.table-responsive {
	margin-bottom: 0.75rem;
}
form.plugin__tag_search div.table table tbody {
	display: flex;
	flex-direction: column;
}
form.plugin__tag_search div.table table tr {
	display: flex;
	flex-direction: row;
	padding-left: 0;
	margin-bottom: 0;
}
form.plugin__tag_search div.table table tr:first-child {
	border-bottom-width: var(--bs-border-width);
	border-bottom-style: solid;
	border-bottom-color: var(--bs-border-color);
}
form.plugin__tag_search div.table table tr:nth-child(2) {
	margin-top: 0.75rem;
}
form.plugin__tag_search div.table table tr th,
form.plugin__tag_search div.table table tr td {
	width: 5.5rem;
	padding: 0;
	margin: 0;
	border: none;
}
form.plugin__tag_search div.table table tr th:nth-child(3),
form.plugin__tag_search div.table table tr td:nth-child(3) {
	width: calc(100% - 5.5rem - 5.5rem);
}
form.plugin__tag_search div.table table tr td {
	border: none;
}

form.plugin__tag_search div.table table td > label {
	display: flex;
}

@media (max-width: 768px) {
	form.plugin__tag_search div.table table tbody {
		display: flex;
		flex-direction: column;
	}
	form.plugin__tag_search div.table table tr {
		display: flex;
		flex-direction: row;
		margin-bottom: 0;
	}
	form.plugin__tag_search div.table table tr:nth-child(2) {
		margin-top: 0.75rem;
	}
	form.plugin__tag_search div.table table tr th,
	form.plugin__tag_search div.table table tr td {
		width: 5.5rem;
		padding: 0;
		margin: 0;
	}
	form.plugin__tag_search div.table table tr th:nth-child(3),
	form.plugin__tag_search div.table table tr td:nth-child(3) {
		width: calc(100% - 5.5rem - 5.5rem);
	}
}
@media (max-width: 480px) {
	form.plugin__tag_search div.table table tr {
		flex-wrap: wrap;
	}
	form.plugin__tag_search div.table table tr th:nth-child(3) {
		display: none;
	}
	form.plugin__tag_search div.table table tr td:nth-child(2) {
		width: calc(100% - 5.5rem);
	}
	form.plugin__tag_search div.table table tr td:nth-child(3) {
		width: 100%;
		padding-left: 0.5rem;
		margin-bottom: 0.75rem;
	}
}

.plugin__tag_search  .table table > tbody {
	position: relative;
	max-height: 16lh;
	padding-top: 0;
	overflow-y: auto;
}
.plugin__tag_search  .table table > tbody > tr:first-child {
	position: sticky;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
}

/* ===== USER MANAGER ===== */

#user__manager .table-group-divider {
	border-top: calc(var(--bs-border-width) * 2) solid var(--bs-gray-500);
}

#user__manager tbody:nth-child(3) td {
	padding-left: 0;
	padding-right: 0;
}
#user__manager tbody:nth-child(3) td > span:nth-child(1) > button {
	margin: 0.25rem 1.5rem 0.25rem 0;
}
#user__manager tbody:nth-child(3) td > span:nth-child(2) {
	margin-right: 1.5rem;
}
#user__manager tbody:nth-child(3) td > span:nth-child(2) > button:not(:last-child) {
	margin: 0.25rem 0.5rem 0.25rem 0;
}
#user__manager tbody:nth-child(3) td > span:nth-child(2) > button:last-child {
	margin: 0.25rem 0 0.25rem 0;
}
#user__manager tbody:nth-child(3) td > button:nth-child(3) {
	margin: 0.25rem 0 0.25rem 0;
}

#user__manager .import_users > form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
#user__manager .import_users > form > button {
	width: max-content;
}

@media (max-width: 768px) {
	#user__manager thead {
		display: block;
	}
	#user__manager tbody:nth-child(2) tr {
		border-top: calc(var(--bs-border-width) * 2) solid var(--bs-gray-500);
	}
}

#user__manager > div > form > .table tr,
#user__manager > div > form > .table table > thead > tr,
#user__manager > div > form > .table table > tbody > tr {
	display: grid;
    grid-template-columns: 3rem 1fr 1fr 1fr 1fr;
}

#user__manager > div > form > .table tr > th,
#user__manager > div > form > .table tr > td,
#user__manager > div > form > .table table > thead > tr > th,
#user__manager > div > form > .table table > thead > tr > td,
#user__manager > div > form > .table table > tbody > tr > td {
	padding-left: 0;
}

@media (max-width: 1300px) {
	#user__manager > div > form > .table tr,
	#user__manager > div > form > .table table > thead > tr,
	#user__manager > div > form > .table table > tbody > tr {
		grid-template-columns: 3rem 1fr 1fr 1fr;
		grid-template-rows: 3rem 1fr;
	}
	#user__manager > div > form > .table table > thead > tr {
		grid-template-rows: 1fr 1fr;
	}
	#user__manager > div > form > .table tr > th:nth-child(5),
	#user__manager > div > form > .table tr > td:nth-child(5),
	#user__manager > div > form > .table table > thead > tr > th:nth-child(5),
	#user__manager > div > form > .table table > thead > tr > td:nth-child(5),
	#user__manager > div > form > .table table > tbody > tr > td:nth-child(5) {
		grid-column: span 5;
		padding-left: 3rem;
	}
}
@media (max-width: 768px) {
	#user__manager > div > form > .table tr,
	#user__manager > div > form > .table table > thead > tr,
	#user__manager > div > form > .table table > tbody > tr {
		grid-template-columns: 3rem 1fr 1fr;
		grid-template-rows: 3rem 3rem 1fr;
	}
	#user__manager > div > form > .table table > thead > tr {
		grid-template-rows: 1fr 1fr 1fr;
	}
	#user__manager > div > form > .table tr > th:nth-child(4),
	#user__manager > div > form > .table tr > td:nth-child(4),
	#user__manager > div > form > .table table > thead > tr > th:nth-child(4),
	#user__manager > div > form > .table table > thead > tr > td:nth-child(4),
	#user__manager > div > form > .table table > tbody > tr > td:nth-child(4) {
		grid-column: span 5;
		padding-left: 3rem;
	}
}
@media (max-width: 520px) {
	#user__manager > div > form > .table tr,
	#user__manager > div > form > .table table > thead > tr,
	#user__manager > div > form > .table table > tbody > tr {
		grid-template-columns: 3rem 1fr;
		grid-template-rows: 3rem 3rem 3rem 1fr;
	}
	#user__manager > div > form > .table table > thead > tr {
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}
	#user__manager > div > form > .table tr > th:nth-child(3),
	#user__manager > div > form > .table tr > td:nth-child(3),
	#user__manager > div > form > .table table > thead > tr > th:nth-child(3),
	#user__manager > div > form > .table table > thead > tr > td:nth-child(3),
	#user__manager > div > form > .table table > tbody > tr > td:nth-child(3) {
		grid-column: span 5;
		padding-left: 3rem;
	}
}

#user__manager > div > form > .table table > tbody:last-child > tr {
	grid-template-columns: 1fr;
}

#user__manager > div > form > .table > div {
	overflow: hidden;
	max-height: unset;
}
#user__manager > div > form > .table table > tbody:nth-child(2) {
	display: block;
	min-height: 30rem;
	max-height: 30rem;
	overflow-y: auto;
}


#user__manager > .edit_user > div > form > .table tr,
#user__manager > .edit_user > div > form > .table table > thead > tr,
#user__manager > .edit_user > div > form > .table table > tbody > tr {
	display: grid;
    grid-template-columns: 1fr 2fr;
	margin-bottom: 0;
	border: none;
}

#user__manager > .edit_user > div > form > .table tr > th,
#user__manager > .edit_user > div > form > .table tr > td,
#user__manager > .edit_user > div > form > .table table > thead > tr > th,
#user__manager > .edit_user > div > form > .table table > thead > tr > td,
#user__manager > .edit_user > div > form > .table table > tbody > tr > td {
	padding-left: 0;
	padding: 0.25rem;
	border: none;
}
@media (max-width: 768px) {
	#user__manager > .edit_user > div > form > .table tr,
	#user__manager > .edit_user > div > form > .table table > thead > tr,
	#user__manager > .edit_user > div > form > .table table > tbody > tr {
		grid-template-columns: 2fr 3fr;
		grid-template-rows: 1fr;
	}
}
@media (max-width: 520px) {
	#user__manager > .edit_user > div > form > .table tr,
	#user__manager > .edit_user > div > form > .table table > thead > tr,
	#user__manager > .edit_user > div > form > .table table > tbody > tr {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
	#user__manager > .edit_user > div > form > .table tr > td:first-child,
	#user__manager > .edit_user > div > form > .table table > thead > tr > th:first-child,
	#user__manager > .edit_user > div > form > .table table > thead > tr > td:first-child,
	#user__manager > .edit_user > div > form > .table table > tbody > tr > td:first-child {
		display: flex;
		align-items: flex-end;
	}
}

/* ===== SHARE ===== */

.social-share-buttons {
	flex-wrap: wrap;
	gap: 0.25rem;
}
.social-share-buttons > button{
	padding: 0.4rem;
	margin: 0;
}
.social-share .icon {
	width: 1rem;
	height: 1rem;

	background-color: var(--bs-body-color);
}

/* ========== SQLITE ========== */

.plugin_sqlite_admin .commands ul {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;

	list-style: none;
	padding: 0 0 0 0.5rem;
	margin: 0;
}
.plugin_sqlite_admin .commands ul li:last-child div.li > form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.plugin_sqlite_admin .commands ul li:last-child div.li > form button {
	width: max-content;
}

.doku_form.sqliteplugin {
	padding-top: 1rem;
}
.doku_form.sqliteplugin fieldset {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.doku_form.sqliteplugin fieldset button[name="submit"] {
	width: max-content;
}
.doku_form.sqliteplugin fieldset button[name="cmd[save_query]"] {
	width: max-content;
}

#scroll__here {
	padding-top: 1rem;
}

/* ========== STRUCT ========== */

.doku_form.struct_newschema > fieldset {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.doku_form.struct_newschema > fieldset > button {
	width: max-content;
}

/* ========== GALLERY / LIGHTBOX ========== */

.plugin-gallery > .gallery-page {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	justify-items: center;
	align-items: center;
	gap: 1rem;
}
.plugin-gallery > .gallery-page .gallery-image {
	height: max-content;
	margin: 0;
}

.simple-lightbox {
	position: fixed;
	top: 0;
	left: 0;

	justify-content: center;

	width: 100%;
	height: 100vh;
	max-height: 100svh;

	background-color: #000000bb;

	overflow: hidden;
}

.simple-lightbox .sl-close {
	position: absolute;
	top: 0;
	right: 0;

	padding: 0.75rem 2rem 0.75rem 1rem;

	color: #ffffff;

	font-size: 2rem;
}
.simple-lightbox .sl-navigation {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: 100%;
	height: 50vh;
	height: 50svh;
	min-height: 4rem;

	color: #ffffff;

	font-size: 2rem;
}
.simple-lightbox .sl-navigation .sl-prev {
	position: absolute;
	top: 0;
	left: 0;

	width: 3rem;
	height: 100%;

	padding-left: 2rem;

	color: #ffffff;

	font-size: 2rem;
}
.simple-lightbox .sl-navigation .sl-next {
	position: absolute;
	top: 0;
	right: 0;

	width: 3rem;
	height: 100%;

	padding-left: 1.5rem;

	color: #ffffff;

	font-size: 2rem;
}
.simple-lightbox .sl-counter {
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);

	color: #ffffff;

	font-size: 1rem;
}
.simple-lightbox .sl-image{
	max-width: calc(100% - 6rem);
}
.simple-lightbox .sl-caption{
	padding-top: 0.5rem;

	color: #ffffff;
	font-size: 1rem;
	text-align: center;
}

body:has(.simple-lightbox) #dokuwiki__site {
	filter: blur(10px);
}
body:has(.simple-lightbox) > div:not(.picker) {
	justify-content: center;
	min-height: unset;
}


/* ===== DRAWIO ===== */

div[id^="mediamanager__page__namespaces__collapse__"] {
	position: relative;
}

#plugin__diagrams-editor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
}

.plugin_diagrams_create {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;

	display: block;

	width: 2rem;
	height: 2rem;

	padding: 0;
	margin: 0.5rem;

	font-size: 0;

	background-color: transparent;
	border: none;

	overflow: hidden;
}
.plugin_diagrams_create::after {
	content: "";
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(../images/ico-drawio.svg);
	-webkit-background-image: url(../images/ico-drawio.svg);
	background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
}

.diagrams-svg-wrapper {
	position: relative;
}
.diagrams-svg-wrapper:has(.diagrams-buttons > button) {
	margin-bottom: 5rem;
}

/* tools */

.diagrams-svg-wrapper .diagrams-buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(calc(100% + 0.5rem));

	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;

	width: max-content;

	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	padding: 0.5rem;
}
.diagrams-svg-wrapper .diagrams-buttons svg {
	color: var(--bs-body-color);
	fill: var(--bs-body-color);
}
.diagrams-svg-wrapper .diagrams-buttons:not(:has(button)) {
	display: none;
}

/* button */

.diagrams-svg-wrapper .diagrams-btn {
	width: 2rem;
	height: 2rem;

	padding: 0;
	margin: 0;

	font-size: 0;
	color: transparent;
}
.diagrams-svg-wrapper .diagrams-btn .icon-open {
	font-size: 1rem;
	color: var(--bs-body-color);
}

/* png button */
.diagrams-svg-wrapper a[href*="pngdownload"] {
	display: block;

	width: 2rem;
	height: 2rem;
}
.diagrams-svg-wrapper a[href*="pngdownload"] > button {
	position: relative;

	display: block;

	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;

	font-size: 0;

	background-color: transparent;
	border: none;

	overflow: hidden;
}
.diagrams-svg-wrapper a[href*="pngdownload"] > button::after {
	content: "";
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);

	mask-image: url('../images/ico-bitmap.svg');
	-webkit-mask-image: url('../images/ico-bitmap.svg');
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}
.diagrams-svg-wrapper a[href*="pngdownload"] > button > .icon-download {
	display: none;
}

/* svg button */
.diagrams-svg-wrapper a[href*="export_diagrams"],
.diagrams-svg-wrapper a[download$=".svg"] {
	width: 2rem;
	height: 2rem;
	display: block;
}
.diagrams-svg-wrapper a[href*="export_diagrams"] > button,
.diagrams-svg-wrapper a[download$=".svg"] > button {
	position: relative;

	display: block;

	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;

	font-size: 0;

	background-color: transparent;
	border: none;

	overflow: hidden;
}
.diagrams-svg-wrapper a[download$=".svg"] > button {
	position: relative;

	display: block;

	width: 2rem;
	height: 2rem;

	padding: 0;
	margin: 0;

	font-size: 0;

	background-color: transparent;
	border: none;

	overflow: hidden;
}
.diagrams-svg-wrapper a[href*="export_diagrams"] > button::after,
.diagrams-svg-wrapper a[download$=".svg"] > button::after {
	content: "";
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);

	mask-image: url('../images/ico-drawing-tool.svg');
	-webkit-mask-image: url('../images/ico-drawing-tool.svg');
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}
.diagrams-svg-wrapper a[href*="export_diagrams"] > button > .icon-download,
.diagrams-svg-wrapper a[download$=".svg"] > button > .icon-download {
	display: none;
}

/* modal */

#diagrams__create__modal .modal-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#diagrams__create__modal__error > div {
	display: none;
}
#diagrams__create__modal__error > div.show {
	display: block;
}

/* preview */

.drawio.diagrams-svg-preview {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	
	padding: 1rem;

	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}
.media.diagrams-svg-wrapper > object.diagrams-svg {
	display: none;
}

/* ========== ADD NEW PAGE ========== */

.addnewpage > form[name="addnewpage"] {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.addnewpage > form[name="addnewpage"] > input.button {
	width: max-content;
}

.create-page-button {
	position: relative;

	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;

	padding: 0;
	margin: 0;

	border: none;
}
.create-page-button::after {
	position: absolute;
	top: 0;
	left: 0;
	
	content: "";

	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);

	mask-image: url(../images/ico-file-plus.svg);
	-webkit-mask-image: url(../images/ico-file-plus.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 1.5rem;
	-webkit-mask-size: 1.5rem;
	mask-position: center;
	-webkit-mask-position: center;
}

.delete-namespace-button {
	position: relative;

	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;

	padding: 0;
	margin: 0;

	border: none;
}
.delete-namespace-button::after {
	position: absolute;
	top: 0;
	left: 0;
	
	content: "";

	width: 100%;
	height: 100%;

	background-color: var(--bs-body-color);

	mask-image: url(../images/ico-folder-remove.svg);
	-webkit-mask-image: url(../images/ico-folder-remove.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 1.5rem;
	-webkit-mask-size: 1.5rem;
	mask-position: center;
	-webkit-mask-position: center;
}


#pages__create__modal .modal-body {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;

	width: 100%;
}
#pages__create__modal .input-group {
	display: flex;
	flex-direction: column;

	width: 100%;
}
#pages__create__modal .input-group > input,
#pages__create__modal .input-group > select {
	width: 100%;
}
#pages__create__modal .input-group > label {
	margin-bottom: 0.125rem;
}

#pages__create__modal .alerts-group .alert {
	margin-top: 0.75rem;
}

#pages__create__modal input {
	border-radius: var(--bs-border-radius);
}
#pages__create__modal select {
	border-radius: var(--bs-border-radius);
}

/* ===== MOVE PAGE ===== */

#pages__rename__modal .modal-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#pages__rename__modal__error > div,
#pages__rename__modal__info > div {
	display: none;
}
#pages__rename__modal__error > div.show,
#pages__rename__modal__info > div.show {
	display: block;
}

.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > br {
	display: none;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > label:nth-child(2) {
	display: flex;
	gap: 0.5rem;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > label:nth-child(4) {
	display: flex;
	gap: 0.5rem;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > label:nth-child(10) {
	display: flex;
	gap: 0.5rem;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > label:nth-child(12) {
	display: flex;
	gap: 0.5rem;
}
.plugin_move_form:has(fieldset > button[name="do[admin]"]) fieldset > button {
	width: max-content;
}

#plugin_move__progress > .controls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.5rem;
}
#plugin_move__progress > .controls > img {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	min-height: 1.5rem;
}
#plugin_move__progress > .controls > form button {
	width: max-content;
	padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);

	color: var(--alt-buttons-color-defaut);
	background-color: var(--alt-buttons-bg-defaut);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);

	opacity: var(--alt-buttons-opacity-default, 1);

	text-align: center;
	box-sizing: border-box;

	transition: var(--alt-buttons-transition);
}
#plugin_move__progress > .controls > form button:hover {
	color: var(--alt-buttons-color-hover);
	background-color: var(--alt-buttons-bg-hover);
	
	opacity: var(--alt-buttons-opacity-hover, 1);
}

/* ===== DELETE PAGE ===== */

#pages__delete__modal .modal-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#pages__delete__modal__error > div,
#pages__delete__modal__info > div {
	display: none;
}
#pages__delete__modal__error > div.show,
#pages__delete__modal__info > div.show {
	display: block;
}


/* ========== APPROVAL ========== */

.approval {
	display: flex;
	flex-direction: column;
}

/* ===== ALERT ===== */

.alert-primary,
.wrap_alert-primary {
	--bs-alert-color: var(--alert-primary-color);
	--bs-alert-link-color: var(--alert-primary-link-color);
	--bs-alert-bg: var(--bs-primary-bg-subtle);
	--bs-alert-border-color: var(--bs-primary-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-primary a,
.wrap_alert-primary a {
	color: var(--bs-alert-link-color);
}

.alert-secondary,
.wrap_alert-secondary {
	--bs-alert-color: var(--alert-secondary-color);
	--bs-alert-link-color: var(--alert-secondary-link-color);
	--bs-alert-bg: var(--bs-secondary-bg-subtle);
	--bs-alert-border-color: var(--bs-secondary-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-secondary a,
.wrap_alert-secondary a {
	color: var(--bs-alert-link-color);
}

.alert-success,
.wrap_alert-success {
	--bs-alert-color: var(--alert-success-color);
	--bs-alert-link-color: var(--alert-success-link-color);
	--bs-alert-bg: var(--bs-success-bg-subtle);
	--bs-alert-border-color: var(--bs-success-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-success a,
.wrap_alert-success a {
	color: var(--bs-alert-link-color);
}

.alert-danger,
.wrap_alert-danger {
	--bs-alert-color: var(--alert-danger-color);
	--bs-alert-link-color: var(--alert-danger-link-color);
	--bs-alert-bg: var(--bs-danger-bg-subtle);
	--bs-alert-border-color: var(--bs-danger-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-danger a,
.wrap_alert-danger a {
	color: var(--bs-alert-link-color);
}

.alert-warning,
.wrap_alert-warning {
	--bs-alert-color: var(--alert-warning-color);
	--bs-alert-link-color: var(--alert-warning-link-color);
	--bs-alert-bg: var(--bs-warning-bg-subtle);
	--bs-alert-border-color: var(--bs-warning-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-warning a,
.wrap_alert-warning a {
	color: var(--bs-alert-link-color);
}

.alert-info,
.wrap_alert-info {
	--bs-alert-color: var(--alert-info-color);
	--bs-alert-link-color: var(--alert-info-link-color);
	--bs-alert-bg: var(--bs-info-bg-subtle);
	--bs-alert-border-color: var(--bs-info-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-info a,
.wrap_alert-info a {
	color: var(--bs-alert-link-color);
}

.alert-light,
.wrap_alert-light {
	--bs-alert-color: var(--alert-light-color);
	--bs-alert-link-color: var(--alert-light-link-color);
	--bs-alert-bg: var(--bs-light-bg-subtle);
	--bs-alert-border-color: var(--bs-light-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-light a,
.wrap_alert-light a {
	color: var(--bs-alert-link-color);
}

.alert-dark,
.wrap_alert-dark {
	--bs-alert-color: var(--alert-dark-color);
	--bs-alert-link-color: var(--alert-dark-link-color);
	--bs-alert-bg: var(--bs-dark-bg-subtle);
	--bs-alert-border-color: var(--bs-dark-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-dark a,
.wrap_alert-dark a {
	color: var(--bs-alert-link-color);
}


.approval:has(.approval_action > a[href$="publish_approve=1"]) {
	--bs-alert-color: var(--alert-warning-color);
	--bs-alert-link-color: var(--alert-warning-link-color);
	--bs-alert-bg: var(--bs-warning-bg-subtle);
	--bs-alert-border-color: var(--bs-warning-border-subtle);

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.approval:has(.approval_action > a[href$="publish_approve=1"]) a {
	color: var(--bs-alert-link-color);
}


.alerts-group .alert {
	display: none;
}
.alerts-group .alert.show {
	display: block;
}


/* ========== SMTP ========== */

div.no:has(input[name="sectok"]):has(input[name="send"]) > fieldset {
	display: flex;
	flex-direction: column;

	margin-top: 1rem;
}
div.no:has(input[name="sectok"]):has(input[name="send"]) > fieldset > button {
	width: max-content;
}

/* ========== WORD CLOUD ========== */

.cloud {
	padding: 0.5rem 0.75rem;
	margin: 1rem 0;
	border: var(--bs-border-width, 1px) solid var(--bs-border-color, #dee2e6);
	border-radius: var(--bs-border-radius, 0.375rem);
}

/* ========== SIZE ========== */
[data-cloud-mode="size"] .cloud a.cloud1,
[data-cloud-mode="size"] .cloud a.cloud1_tag1,
[data-cloud-mode="size"] .cloud a.cloud1_tag2 {
	font-size: calc(var(--cloud-base-font-size, 0.876rem) * var(--cloud-size-factor-1));
}
[data-cloud-mode="size"] .cloud a.cloud2,
[data-cloud-mode="size"] .cloud a.cloud2_tag1,
[data-cloud-mode="size"] .cloud a.cloud2_tag2 {
	font-size: calc(var(--cloud-base-font-size, 0.876rem) * var(--cloud-size-factor-2));
}
[data-cloud-mode="size"] .cloud a.cloud3,
[data-cloud-mode="size"] .cloud a.cloud3_tag1,
[data-cloud-mode="size"] .cloud a.cloud3_tag2 {
	font-size: calc(var(--cloud-base-font-size, 0.876rem) * var(--cloud-size-factor-3));
}
[data-cloud-mode="size"] .cloud a.cloud4,
[data-cloud-mode="size"] .cloud a.cloud4_tag1,
[data-cloud-mode="size"] .cloud a.cloud4_tag2 {
	font-size: calc(var(--cloud-base-font-size, 0.876rem) * var(--cloud-size-factor-4));
}
[data-cloud-mode="size"] .cloud a.cloud5,
[data-cloud-mode="size"] .cloud a.cloud5_tag1,
[data-cloud-mode="size"] .cloud a.cloud5_tag2 {
	font-size: calc(var(--cloud-base-font-size, 0.876rem) * var(--cloud-size-factor-5));
}


/* ========== WEIGHT ========== */
[data-cloud-mode="weight"] .cloud a.cloud1,
[data-cloud-mode="weight"] .cloud a.cloud1_tag1,
[data-cloud-mode="weight"] .cloud a.cloud1_tag2 {
	font-weight: 300;
}
[data-cloud-mode="weight"] .cloud a.cloud2,
[data-cloud-mode="weight"] .cloud a.cloud2_tag1,
[data-cloud-mode="weight"] .cloud a.cloud2_tag2 {
	font-weight: 400;
}
[data-cloud-mode="weight"] .cloud a.cloud3,
[data-cloud-mode="weight"] .cloud a.cloud3_tag1,
[data-cloud-mode="weight"] .cloud a.cloud3_tag2 {
	font-weight: 500;
}
[data-cloud-mode="weight"] .cloud a.cloud4,
[data-cloud-mode="weight"] .cloud a.cloud4_tag1,
[data-cloud-mode="weight"] .cloud a.cloud4_tag2 {
	font-weight: 600;
}
[data-cloud-mode="weight"] .cloud a.cloud5,
[data-cloud-mode="weight"] .cloud a.cloud5_tag1,
[data-cloud-mode="weight"] .cloud a.cloud5_tag2 {
	font-weight: 700;
}


/* ========== COLOR (LIGHT) ========== */
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud1 {
	color: #D3E0F5;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud2 {
	color: #AEC4E5;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud3 {
	color: #88A9DB;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud4 {
	color: #4A7AC2;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud5 {
	color: #003F9E;
}

[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud1_tag1 {
	color: #CEF0D0;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud2_tag1 {
	color: #AEE5B1;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud3_tag1 {
	color: #88DB8C;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud4_tag1 {
	color: #4AC250;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud5_tag1 {
	color: #009E08;
}

[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud1_tag2 {
	color: #F0CED7;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud2_tag2 {
	color: #E5AEBC;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud3_tag2 {
	color: #DB889D;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud4_tag2 {
	color: #C24A68;
}
[data-theme-mode="light"][data-cloud-mode="color"] .cloud a.cloud5_tag2 {
	color: #9E0028;
}

/* ========== COLOR (DARK) ========== */
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud1 {
	color: #003F9E;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud2 {
	color: #4A7AC2;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud3 {
	color: #88A9DB;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud4 {
	color: #AEC4E5;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud5 {
	color: #D3E0F5;
}

[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud1_tag1 {
	color: #009E08;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud2_tag1 {
	color: #4AC250;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud3_tag1 {
	color: #88A9DB;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud4_tag1 {
	color: #AEC4E5;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud5_tag1 {
	color: #D3E0F5;
}

[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud1_tag2 {
	color: #9E0028;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud2_tag2 {
	color: #C24A68;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud3_tag2 {
	color: #88A9DB;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud4_tag2 {
	color: #AEC4E5;
}
[data-theme-mode="dark"][data-cloud-mode="color"] .cloud a.cloud5_tag2 {
	color: #D3E0F5;
}


/* ========== OPACITY ========== */
[data-cloud-mode="opacity"] .cloud a.cloud1,
[data-cloud-mode="opacity"] .cloud a.cloud1_tag1,
[data-cloud-mode="opacity"] .cloud a.cloud1_tag2 {
	color: rgba(var(--bs-body-color-rgb), 0.2);
}
[data-cloud-mode="opacity"] .cloud a.cloud2,
[data-cloud-mode="opacity"] .cloud a.cloud2_tag1,
[data-cloud-mode="opacity"] .cloud a.cloud2_tag2 {
	color: rgba(var(--bs-body-color-rgb), 0.4);
}
[data-cloud-mode="opacity"] .cloud a.cloud3,
[data-cloud-mode="opacity"] .cloud a.cloud3_tag1,
[data-cloud-mode="opacity"] .cloud a.cloud3_tag2 {
	color: rgba(var(--bs-body-color-rgb), 0.6);
}
[data-cloud-mode="opacity"] .cloud a.cloud4,
[data-cloud-mode="opacity"] .cloud a.cloud4_tag1,
[data-cloud-mode="opacity"] .cloud a.cloud4_tag2 {
	color: rgba(var(--bs-body-color-rgb), 0.8);
}
[data-cloud-mode="opacity"] .cloud a.cloud5,
[data-cloud-mode="opacity"] .cloud a.cloud5_tag1,
[data-cloud-mode="opacity"] .cloud a.cloud5_tag2 {
	color: rgba(var(--bs-body-color-rgb), 1);
}

/* ========== BLOCKQUOTE ========== */

blockquote.blockquote-plugin {
	position: relative;

	display: flex;
	flex-direction: column;
	gap: 1em;

	max-width: min(600px, 90%);

	padding: 1.5em;
	margin: 1em auto 1em auto;
	
	border-radius: var(--bs-border-radius, 0.375rem);
}
blockquote.blockquote-plugin p {
	padding: 0;
	margin: 0;
}
blockquote.blockquote-plugin::before {
	position: absolute;
	top: 0;
	left: 0;

	content: "";

	display: block;

	width: 4rem;
	height: 4rem;

	background-color: var(--bs-body-color);
	opacity: 0.2;

	mask-image: url(../images/ico-bracket-open-thin.svg);
	-webkit-mask-image: url(../images/ico-bracket-open-thin.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 4rem;
	-webkit-mask-size: 4rem;
}
blockquote.blockquote-plugin::after {
	position: absolute;
	bottom: 0;
	right: 0;

	content: "";

	display: block;

	width: 4rem;
	height: 4rem;

	background-color: var(--bs-body-color);
	opacity: 0.2;

	mask-image: url(../images/ico-bracket-close-thin.svg);
	-webkit-mask-image: url(../images/ico-bracket-close-thin.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 4rem;
	-webkit-mask-size: 4rem;
}

/* cite */
cite.blockquote-plugin {
	font-style: italic;
	font-size: smaller;
}

blockquote.blockquote-plugin cite.blockquote-plugin {
	text-align: right;
	display: block;
}

blockquote.blockquote-plugin cite.blockquote-plugin:before {
	content: "— ";
}

/* q */
q.blockquote-plugin {
	/* CSS quotes property quotation mark entity numbers can be customized */
	quotes: "\0022" "\0022" "\0027" "\0027";
}

/* ===== THEME MODE SWITCHER ===== */

.theme-mode-switcher {
	display: none;
	padding-right: 0.5rem;
}
#offcanvas_user_menu .theme-mode-switcher {
	display: block;
}
.theme-mode-switcher > button {
	position: relative;

	display: block;

	min-width: 1.5rem;
	max-width: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;

	padding: 0;
	margin: 0;

	font-size: 0;

	background-color: transparent;
	border: none;

	overflow: hidden;
}
.theme-mode-switcher > button::after {
	content: "";
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-color: var(--header-color);

	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}
.theme-mode-switcher.theme-mode-light > button::after {
	mask-image: url('../images/ico-sun.svg');
	-webkit-mask-image: url('../images/ico-sun.svg');
}
.theme-mode-switcher.theme-mode-dark > button::after {
	mask-image: url('../images/ico-moon.svg');
	-webkit-mask-image: url('../images/ico-moon.svg');
}

#offcanvas_user_menu .theme-mode-switcher {
	padding-right: 0;
}
#offcanvas_user_menu .theme-mode-switcher > button::after {
	background-color: var(--bs-body-color);
}

@media (min-width: 992px) {
	.theme-mode-switcher {
		display: block;
	}
	#offcanvas_user_menu .theme-mode-switcher {
		display: none;
	}
}

/********************************************************************************************/
/**** THEME SPECIFIC STYLES *****************************************************************/
/********************************************************************************************/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Site Structure */
.site-header {
	width: 100%;
	max-width: 100vw;

	padding: 0;
	margin: 0;
}
.site-header > nav {
	width: 100%;
	max-width: 100vw;
	height: calc(var(--header-height) * var(--header-height-factor, 1));
	min-height: calc(var(--header-height) * var(--header-height-factor, 1));
}
.site-header > nav > .container-fluid {
	padding-right: 1.5rem;
    padding-left: 1.5rem;
}
@media (min-width: 992px) {
	.site-header > nav > .container-fluid {
		padding-right: 0.5rem;
		padding-left: 1.5rem;
	}
}

.site-content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;

	width: 100%;
	max-width: 100vw;

	min-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	min-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	max-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	max-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	padding: 0;
	margin: 0;

	overflow-x: hidden;
	overflow-y: auto;
}
#dokuwiki__detail .site-content {
	flex-direction: column;
}

/* Content */
.content-wrapper {
	flex: 1;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;

	min-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	min-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	max-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	max-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	padding: 0 1rem;
	margin: 0;

	overflow-x: hidden;
	overflow-y: auto;
}
.content-container {
	flex: 1;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;

	width: 100%;
	max-width: var(--max-content-width);

	padding: 1rem;
	margin: 0;
}
.content-container > main {
	width: 100%;

	padding: 0;
	margin: 0;
}

.site-footer {
	max-width: var(--max-content-width);
}

/* Sidebar */
.sidebar-wrapper {
	display: none;

	width: 100%;
	min-width: var(--sidebar-left-width-min);
	max-width: var(--sidebar-left-width-max);

	min-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	min-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	max-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	max-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	padding: 0;
	margin: 0;

	overflow-x: hidden;
	overflow-y: auto;

	background-color: var(--sidebar-bg);
	border: var(--sidebar-border);
}
.sidebar-wrapper.right {
	width: var(--sidebar-right-width-min);
	max-width: var(--sidebar-right-width-max);
}

.sidebar-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1rem;

	width: 100%;

	min-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	min-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	max-height: calc(100vh - (var(--header-height) * var(--header-height-factor, 1)));
	max-height: calc(100svh - (var(--header-height) * var(--header-height-factor, 1)));

	padding: 0;
	margin: 0;

	overflow: hidden;
}
.sidebar-section {
	width: 100%;

	padding: 0;
	margin: 0;
}
.sidebar-section.collapsed {
	display: block;
}

.sidebar-nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	padding: 0;
	margin: 0;

	list-style: none;
}

.site-content .sidebar-wrapper #dokuwiki__aside .sidebar-section-title,
.site-content .sidebar-wrapper #dokuwiki__aside .sidebar-section-content {
	padding: 0;
	margin: 0;
}


@media (min-width: 992px) {
	.sidebar-wrapper.left {
		display: block;
	}
	.sidebar-wrapper.right {
		display: block;
	}

	.sidebar-section.collapsed {
		display: none;
	}
}

.b-compliance {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.125rem;

	width: 100%;

	padding: 0.25rem 1.5rem 0.25rem 1.5rem;
	margin: 0;

	border-top: var(--bs-border-width) solid var(--bs-border-color);
}

/* ===== FIX UI FOR EMBEDDING ===== */

[data-is-embedded-mediamanager="true"] .site-header {
	display: none;
}
[data-is-embedded-mediamanager="true"] .sidebar-wrapper {
	display: none;
}
[data-is-embedded-mediamanager="true"] .site-footer {
	display: none;
}
[data-is-embedded-mediamanager="true"] [aria-label="breadcrumb"] {
	display: none;
}
[data-is-embedded-mediamanager="true"] .page-tools-menu {
	display: none;
}

[data-is-embedded-mediamanager="true"] .site-content,
[data-is-embedded-mediamanager="true"] .content-wrapper {
	min-height: 100vh;
	min-height: 100svh;
	max-height: 100vh;
	max-height: 100svh;
}
[data-is-embedded-mediamanager="true"] .content-container {
	padding: 0;
}

[data-is-embedded-mediamanager="true"] #mediamanager__page > h1 {
	display: none;
}
[data-is-embedded-mediamanager="true"] #mediamanager__page > .filelist {
	width: 100%;
	padding: 0;
	border: none;
}
[data-is-embedded-mediamanager="true"] #mediamanager__page > button {
	display: none;
}
[data-is-embedded-mediamanager="true"] #mediamanager__page > .filelist > h2 {
	display: none;
}

/* ========== TABLE FIXES ========== */

/* DataTable */

.dt-wrapper table > thead {
	display: table-header-group;
	border: none;
}
.dt-wrapper table > thead > tr {
	margin: 0;
	border: none;
}
.dt-wrapper table > tr,
.dt-wrapper table > tbody > tr {
	margin: 0;
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
.dt-wrapper table > tr,
.dt-wrapper table > thead > tr,
.dt-wrapper table > tbody > tr {
	grid-template-rows: auto;
}
.dt-wrapper table > tr > td,
.dt-wrapper table > thead > tr > th,
.dt-wrapper table > thead > tr > td,
.dt-wrapper table > tbody > tr > th,
.dt-wrapper table > tbody > tr > td {
	padding: 0.25rem 0.5rem;
	margin: 0;

	border: none;
}
.dt-wrapper table > thead > tr > th {
	padding: 0.5rem;
}

/* InfoBox */

.infobox table > thead {
	display: table-header-group;
	border: none;
}
.infobox table > thead > tr {
	margin: 0;
	border: none;
}
.infobox table > tr,
.infobox table > tbody > tr {
	margin: 0;
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
.infobox table > tr,
.infobox table > thead > tr,
.infobox table > tbody > tr {
	grid-template-rows: auto;
}
.infobox table > tr > td,
.infobox table > thead > tr > th,
.infobox table > thead > tr > td,
.infobox table > tbody > tr > th,
.infobox table > tbody > tr > td {
	padding: 0.25rem 0.5rem;
	margin: 0;

	border: none;
}
.infobox table > thead > tr > th {
	padding: 0.5rem;
}

@media (max-width: 699.99px) {
	.infobox table > tr,
	.infobox table > thead > tr,
	.infobox table > tbody > tr {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-template-rows: 1fr 1fr;
	}
	.infobox table > tr > td:last-child,
	.infobox table > thead > tr > th:last-child,
	.infobox table > thead > tr > td:last-child,
	.infobox table > tbody > tr > th:last-child,
	.infobox table > tbody > tr > td:last-child {
		padding-left: 1rem;
	}
}

/* ========== FINAL FIXES ========== */