.akazie-board,
.akazie-board-login,
.akazie-board-message {
	max-width: 72rem;
	margin: 3rem auto;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	background: #fff;
	border: 1px solid rgba(30, 76, 53, .16);
	border-radius: 1rem;
	box-shadow: 0 .75rem 2.5rem rgba(30, 76, 53, .08);
}
.akazie-board-login { max-width: 38rem; }
.akazie-board-eyebrow {
	margin: 0 0 .5rem;
	color: #9a7423;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.akazie-board__header {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	justify-content: space-between;
}
.akazie-board-categories {
	display: grid;
	gap: .85rem;
	margin-top: 1.5rem;
}
.akazie-board-category {
	display: grid;
	grid-template-columns: minmax(13rem, 30%) minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 2.5rem);
	align-items: start;
	padding: 1.25rem 1.4rem;
	border-left: .3rem solid #b89036;
	background: #f6f7f2;
	border-radius: .6rem;
}
.akazie-board-category h2 {
	margin: 0;
	color: #1e4c35;
	font-size: clamp(1.35rem, 2.5vw, 1.85rem);
	line-height: 1.2;
	overflow-wrap: anywhere;
}
.akazie-board-category__content p {
	margin: 0 0 .55rem;
}
.akazie-board-category__count {
	display: inline-block;
	font-size: .875rem;
	color: #58645c;
}
.akazie-board-notice {
	margin-top: 1.5rem;
	padding: 1rem 1.25rem;
	background: #f7f1df;
	border-radius: .5rem;
}
.akazie-board-button,
.akazie-board-login input[type="submit"] {
	display: inline-block;
	padding: .75rem 1.1rem;
	border: 0;
	border-radius: .35rem;
	background: #1e4c35;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}
.akazie-board-button:hover,
.akazie-board-button:focus,
.akazie-board-login input[type="submit"]:hover,
.akazie-board-login input[type="submit"]:focus { background: #153926; color: #fff; }
.akazie-board-button--secondary { background: #6b4f16; }
.akazie-board-login label { display: block; font-weight: 700; }
.akazie-board-login input[type="text"],
.akazie-board-login input[type="password"] {
	width: 100%;
	padding: .75rem;
	border: 1px solid #8b948e;
	border-radius: .3rem;
}
.akazie-board-login__help { margin-bottom: 0; }
.akazie-board-message--error { border-left: .35rem solid #a32626; }
@media (max-width: 42rem) {
	.akazie-board__header { flex-direction: column; }
	.akazie-board-category {
		grid-template-columns: 1fr;
		gap: .65rem;
	}
}

/* v1.3.0 – Dokumentenarchiv */
.akazie-board-nav {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin: 1.5rem 0;
	padding: .85rem 1rem;
	background: #f6f7f2;
	border-radius: .5rem;
}
.akazie-board-nav a { color: #1e4c35; font-weight: 700; }
.akazie-board-section-heading {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	justify-content: space-between;
	margin: 1.75rem 0 1.25rem;
}
.akazie-board-section-heading h2 { margin: 0 0 .35rem; color: #1e4c35; }
.akazie-board-section-heading p { margin: .25rem 0; }
a.akazie-board-category {
	position: relative;
	grid-template-columns: minmax(13rem, 30%) minmax(0, 1fr) auto;
	color: inherit;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
a.akazie-board-category:hover,
a.akazie-board-category:focus {
	transform: translateY(-1px);
	box-shadow: 0 .35rem 1rem rgba(30, 76, 53, .1);
}
.akazie-board-category__arrow { align-self: center; color: #9a7423; font-size: 1.5rem; }
.akazie-board-notice--success { border-left: .3rem solid #1e6b45; }
.akazie-board-notice--error { border-left: .3rem solid #a32626; background: #fbecec; }
.akazie-board-empty { padding: 1.5rem; background: #f6f7f2; border-radius: .6rem; }
.akazie-board-documents { display: grid; gap: 1rem; }
.akazie-board-document {
	display: grid;
	grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr);
	gap: 1.25rem;
	padding: 1rem;
	border: 1px solid rgba(30, 76, 53, .16);
	border-radius: .75rem;
	background: #fff;
}
.akazie-board-document__preview { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: .45rem; background: #eef0eb; }
.akazie-board-document__preview img { width: 100%; height: 100%; object-fit: cover; }
.akazie-board-document h3 { margin: 0 0 .25rem; color: #1e4c35; }
.akazie-board-document__date { color: #58645c; font-weight: 700; }
.akazie-board-document__meta { display: grid; gap: .35rem; margin: 1rem 0; }
.akazie-board-document__meta div { display: grid; grid-template-columns: 9rem 1fr; gap: .75rem; }
.akazie-board-document__meta dt { font-weight: 700; }
.akazie-board-document__meta dd { margin: 0; }
.akazie-board-document__actions { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; margin-top: 1rem; }
.akazie-board-link-danger { color: #8c2020; font-weight: 700; }
.akazie-board-form { margin-top: 1rem; }
.akazie-board-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.akazie-board-field { margin: 0; }
.akazie-board-field--wide { grid-column: 1 / -1; }
.akazie-board-field label { display: block; margin-bottom: .35rem; font-weight: 700; color: #1e4c35; }
.akazie-board-field input[type="text"],
.akazie-board-field input[type="date"],
.akazie-board-field input[type="number"],
.akazie-board-field input[type="file"],
.akazie-board-field select,
.akazie-board-field textarea {
	width: 100%;
	padding: .7rem .75rem;
	border: 1px solid #8b948e;
	border-radius: .35rem;
	background: #fff;
}
.akazie-board-fieldset { margin: 1.25rem 0; padding: 1rem; border: 1px solid rgba(30, 76, 53, .18); border-radius: .6rem; }
.akazie-board-fieldset legend { padding: 0 .4rem; font-weight: 700; color: #1e4c35; }
.akazie-board-help { margin-bottom: 0; color: #58645c; font-size: .9rem; }
.akazie-board-form--compact { padding: 1rem; background: #f6f7f2; border-radius: .6rem; }
.akazie-board-category-admin { display: grid; gap: .65rem; margin-top: 1.25rem; }
.akazie-board-category-admin article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(30, 76, 53, .14); border-radius: .5rem; }
.akazie-board-category-admin h3, .akazie-board-category-admin p { margin: 0; }
@media (max-width: 42rem) {
	a.akazie-board-category { grid-template-columns: 1fr auto; }
	a.akazie-board-category .akazie-board-category__content { grid-column: 1 / -1; }
	.akazie-board-section-heading, .akazie-board-document { grid-template-columns: 1fr; flex-direction: column; }
	.akazie-board-form__grid { grid-template-columns: 1fr; }
	.akazie-board-field--wide { grid-column: auto; }
	.akazie-board-document__meta div { grid-template-columns: 1fr; gap: .1rem; }
}


/* v1.3.1 – Dynamisches Uploadformular */
.akazie-board-field--category {
	padding: 1rem;
	background: #f6f7f2;
	border-left: .3rem solid #b89036;
	border-radius: .5rem;
}
.akazie-board-field[hidden],
.akazie-board-fieldset[hidden],
.akazie-board-help[hidden] { display: none !important; }

/* v1.3.2 – Upload Experience */
.akazie-board-field__error {
	display: block;
	min-height: 1.35em;
	margin-top: .3rem;
	color: #8c2020;
	font-size: .875rem;
	font-weight: 700;
}
.akazie-board-field [aria-invalid="true"] { border-color: #a32626; box-shadow: 0 0 0 .12rem rgba(163, 38, 38, .12); }
.akazie-board-field label.akazie-board-dropzone {
	display: flex;
	min-height: 11rem;
	padding: 1rem;
	border: .12rem dashed #7f8e84;
	border-radius: .65rem;
	background: #f8f9f6;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: .45rem;
	text-align: center;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.akazie-board-dropzone:hover,
.akazie-board-dropzone:focus-within,
.akazie-board-dropzone.is-dragging { border-color: #1e4c35; background: #eef3ed; }
.akazie-board-dropzone.has-file { border-style: solid; }
.akazie-board-dropzone input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.akazie-board-dropzone__title { color: #1e4c35; font-weight: 700; }
.akazie-board-dropzone__filename {
	display: block;
	width: 100%;
	max-width: 100%;
	color: #58645c;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.akazie-board-preview-image {
	width: min(100%, 18rem);
	max-height: 13rem;
	margin-top: .45rem;
	object-fit: contain;
	border-radius: .4rem;
}
.akazie-board-form__actions { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; }
.akazie-board-button:disabled { opacity: .6; cursor: wait; }
.akazie-board-upload-progress {
	position: relative;
	overflow: hidden;
	margin: 1rem 0;
	padding: .85rem 1rem;
	background: #eef3ed;
	border-radius: .45rem;
	color: #1e4c35;
}
.akazie-board-upload-progress span {
	position: absolute;
	left: 0;
	bottom: 0;
	height: .25rem;
	width: 40%;
	background: #b89036;
	animation: akazie-upload-progress 1.2s ease-in-out infinite;
}
@keyframes akazie-upload-progress {
	0% { transform: translateX(-110%); }
	100% { transform: translateX(360%); }
}
@media (prefers-reduced-motion: reduce) {
	.akazie-board-upload-progress span { animation: none; width: 100%; }
}

/* v1.4.0 – Archiv und Nachvollziehbarkeit */
.akazie-board-archive-tabs {
	display: flex;
	gap: .5rem;
	margin: 1rem 0;
	border-bottom: 1px solid rgba(30, 76, 53, .2);
}
.akazie-board-archive-tabs a {
	padding: .65rem .9rem;
	text-decoration: none;
	font-weight: 700;
}
.akazie-board-archive-tabs a[aria-current="page"] {
	color: #1e4c35;
	border-bottom: .2rem solid #b89036;
}
.akazie-board-archive-filters {
	display: grid;
	grid-template-columns: minmax(12rem, 2fr) minmax(8rem, 1fr) minmax(11rem, 1fr) auto;
	gap: .85rem;
	align-items: end;
	margin: 1rem 0 1.5rem;
	padding: 1rem;
	background: #f6f7f2;
	border-radius: .6rem;
}
.akazie-board-archive-filters p { margin: 0; }
.akazie-board-archive-filters label { display: block; margin-bottom: .3rem; font-weight: 700; color: #1e4c35; }
.akazie-board-archive-filters input,
.akazie-board-archive-filters select { width: 100%; padding: .65rem; border: 1px solid #8b948e; border-radius: .35rem; background: #fff; }
.akazie-board-archive-filters__actions { display: flex; gap: .65rem; align-items: center; }
.akazie-board-document__number { margin: 0 0 .25rem; color: #9a7423; font-size: .88rem; font-weight: 800; letter-spacing: .03em; }
.akazie-board-document__author { color: #58645c; font-size: .92rem; }
.akazie-board-pagination { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.5rem 0; }
.akazie-board-pagination a { min-width: 2.4rem; padding: .45rem .65rem; border: 1px solid rgba(30, 76, 53, .25); border-radius: .35rem; text-align: center; text-decoration: none; }
.akazie-board-pagination a[aria-current="page"] { background: #1e4c35; color: #fff; }
.akazie-board-detail-grid { display: grid; grid-template-columns: minmax(14rem, 22rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.akazie-board-detail-preview { width: 100%; border: 1px solid rgba(30, 76, 53, .15); border-radius: .65rem; }
.akazie-board-detail-meta { display: grid; gap: .25rem; margin: 0 0 1.5rem; }
.akazie-board-detail-meta div { display: grid; grid-template-columns: 11rem 1fr; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid rgba(30, 76, 53, .12); }
.akazie-board-detail-meta dt { font-weight: 700; color: #1e4c35; }
.akazie-board-detail-meta dd { margin: 0; }
.akazie-board-versions { margin-top: 2rem; }
.akazie-board-version-list { display: grid; gap: .6rem; }
.akazie-board-version-list > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: .8rem 1rem; background: #f6f7f2; border-radius: .45rem; }
.akazie-board-version-list span { color: #58645c; }
@media (max-width: 52rem) {
	.akazie-board-archive-filters { grid-template-columns: 1fr 1fr; }
	.akazie-board-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 36rem) {
	.akazie-board-archive-filters { grid-template-columns: 1fr; }
	.akazie-board-detail-meta div,
	.akazie-board-version-list > div { grid-template-columns: 1fr; gap: .2rem; }
}
.akazie-board-document--trash { grid-template-columns: 1fr; }


/* v1.5.0 – Dashboard, Finish und Barrierefreiheit */
.akazie-board-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.25rem; }
.akazie-board-stats article { padding: 1.1rem; border: 1px solid rgba(30, 76, 53, .14); border-radius: .65rem; background: #f8f9f6; }
.akazie-board-stats strong { display: block; color: #1e4c35; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.1; }
.akazie-board-stats span { display: block; margin-top: .35rem; color: #58645c; }
.akazie-board-quick-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0 0 1.5rem; }
.akazie-board-quick-actions a { padding: .65rem .85rem; border: 1px solid rgba(30, 76, 53, .25); border-radius: .4rem; font-weight: 700; text-decoration: none; }
.akazie-board-activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.akazie-board-activity { padding: 1rem; border: 1px solid rgba(30, 76, 53, .14); border-radius: .65rem; }
.akazie-board-activity h3 { margin-top: 0; color: #1e4c35; }
.akazie-board-activity ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.akazie-board-activity li { display: grid; gap: .1rem; padding-bottom: .6rem; border-bottom: 1px solid rgba(30, 76, 53, .1); }
.akazie-board-activity li:last-child { padding-bottom: 0; border-bottom: 0; }
.akazie-board-activity li a { font-weight: 700; }
.akazie-board-activity li span, .akazie-board-muted, .akazie-board-dropzone small { color: #58645c; font-size: .88rem; }
.akazie-board :focus-visible { outline: .2rem solid #b89036; outline-offset: .18rem; }
.akazie-board-button, .akazie-board-nav a, .akazie-board-quick-actions a { min-height: 2.75rem; }
.akazie-board-empty { padding: 1.25rem; border: 1px dashed rgba(30, 76, 53, .3); border-radius: .6rem; background: #fafbf8; text-align: center; }
@media (max-width: 60rem) { .akazie-board-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 42rem) { .akazie-board-stats, .akazie-board-activity-grid { grid-template-columns: 1fr; } }

/* v1.5.5 – Vorschaubilder nur für Nebenkosten */
.akazie-board-document--no-preview { grid-template-columns: minmax(0, 1fr); }
.akazie-board-detail-grid--no-preview { grid-template-columns: minmax(0, 1fr); }


/* v1.6.0 – Vollständige Papierkorbverwaltung */
.akazie-board-stat-link { color: inherit; text-decoration: none; }
.akazie-board-stat-link article { height: 100%; transition: transform .15s ease, box-shadow .15s ease; }
.akazie-board-stat-link:hover article,
.akazie-board-stat-link:focus article { transform: translateY(-1px); box-shadow: 0 .35rem 1rem rgba(30, 76, 53, .1); }
.akazie-board-trash-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.akazie-board-trash-actions form { margin: 0; }
.akazie-board-button--danger { background: #8c2020; }
.akazie-board-button--danger:hover,
.akazie-board-button--danger:focus { background: #671717; }