.tabs {
		width:100%;
		display:inline-block;
	}
	.tab-links:after {
		display:block;
		clear:both;
		content:'';
	}
	.tab-links li {
		margin:0px 5px;
		float:left;
		list-style:none;
	}
	.tab-links a {
		padding:9px 15px;
		display:inline-block;
		border-radius:3px 3px 0px 0px;
		background:#7FB5DA;
		font-size:16px;
		font-weight:600;
		color:#4c4c4c;
		transition:all linear 0.15s;
	}
	.tab-links a:hover {
		background:#a7cce5;
		text-decoration:none;
	}
	li.tactive a, li.tactive a:hover {
		background:#fff;
		color:#4c4c4c;
	}
	.tab-content {
		padding:15px;
		border-radius:3px;
		box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
		background:#fff;
	}
	.seastar-mainnav {
		display: flex;
		gap: 8px;
		margin: 8px 0 14px;
		border-bottom: 1px solid #c3c4c7;
	}
	.seastar-mainnav a {
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding: 0 16px;
		border: 1px solid #c3c4c7;
		border-bottom: 0;
		border-radius: 4px 4px 0 0;
		background: #f6f8fa;
		color: #1d2327;
		text-decoration: none;
		font-size: 14px;
		font-weight: 700;
	}
	.seastar-mainnav a:hover,
	.seastar-mainnav a.active {
		background: #fff;
		color: #2271b1;
	}
	.seastar-subnav {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin: 8px 0 14px;
	}
	.seastar-subnav a {
		display: inline-flex;
		align-items: center;
		min-height: 34px;
		padding: 0 12px;
		border: 1px solid #b8c6d1;
		border-radius: 4px;
		background: #f6f8fa;
		color: #1d2327;
		text-decoration: none;
		font-weight: 600;
	}
	.seastar-subnav a:hover,
	.seastar-subnav a.active {
		background: #2271b1;
		border-color: #2271b1;
		color: #fff;
	}
	.seastar-object-workspace {
		display: grid;
		grid-template-columns: minmax(220px, 0.8fr) minmax(440px, 1.8fr) minmax(300px, 1fr);
		gap: 12px;
		align-items: start;
	}
	.seastar-object-global-search {
		display: grid;
		grid-template-columns: minmax(320px, 1fr) auto auto;
		gap: 8px;
		align-items: end;
		margin: 0 0 12px;
		padding: 12px;
		border: 1px solid #8c8f94;
		border-left: 5px solid #2271b1;
		background: #fff;
	}
	.seastar-object-global-search label {
		display: grid;
		gap: 4px;
		font-weight: 700;
	}
	.seastar-object-global-search input[type="search"] {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-object-search-results {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 8px;
		margin: 0 0 12px;
		padding: 12px;
		border: 1px solid #c3c4c7;
		background: #f6f7f7;
	}
	.seastar-object-search-results > .seastar-object-panel-head,
	.seastar-object-search-results > p {
		grid-column: 1 / -1;
	}
	.seastar-object-search-result {
		margin: 0;
	}
	.seastar-object-search-result button {
		display: grid;
		gap: 4px;
		width: 100%;
		height: 100%;
		padding: 9px 10px;
		border: 1px solid #c3c4c7;
		border-left: 4px solid #2271b1;
		background: #fff;
		text-align: left;
		cursor: pointer;
	}
	.seastar-object-search-result.is-setting button {
		border-left-color: #8c5e00;
	}
	.seastar-object-search-result button:hover {
		background: #f0f6fc;
	}
	.seastar-object-search-result span {
		color: #50575e;
		font-size: 12px;
		word-break: break-word;
	}
	.seastar-object-panel {
		border: 1px solid #dcdcde;
		background: #fff;
		padding: 12px;
	}
	.seastar-object-panel-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #dcdcde;
		padding-bottom: 8px;
	}
	.seastar-object-panel-head h3 {
		margin: 0;
		font-size: 16px;
	}
	.seastar-object-panel-head span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 28px;
		min-height: 24px;
		padding: 0 8px;
		background: #f0f6fc;
		border: 1px solid #c3d9ee;
		font-weight: 700;
	}
	.seastar-object-notice {
		margin: 0 0 10px;
		padding: 8px 10px;
		border-left: 4px solid #2271b1;
		background: #f0f6fc;
	}
	.seastar-object-type-list,
	.seastar-object-panel-objects,
	.seastar-object-panel-settings {
		display: grid;
		gap: 10px;
	}
	.seastar-object-type-card,
	.seastar-object-create,
	.seastar-object-selected-type,
	.seastar-object-search,
	.seastar-object-card,
	.seastar-object-setting-card {
		margin: 0;
	}
	.seastar-object-type-select {
		display: grid;
		width: 100%;
		gap: 4px;
		padding: 10px;
		border: 1px solid #dcdcde;
		background: #f6f7f7;
		text-align: left;
		cursor: pointer;
	}
	.seastar-object-type-card.active .seastar-object-type-select {
		border-left: 4px solid #2271b1;
		background: #eef6ff;
	}
	.seastar-object-type-select strong {
		font-size: 15px;
	}
	.seastar-object-type-select span {
		color: #646970;
		font-size: 12px;
	}
	.seastar-object-create,
	.seastar-object-selected-type,
	.seastar-object-search,
	.seastar-object-card,
	.seastar-object-setting-card {
		display: grid;
		gap: 10px;
		padding: 10px;
		border: 1px solid #dcdcde;
		background: #f9fafb;
	}
	.seastar-object-new {
		border-left: 4px solid #2271b1;
		background: #f6fbff;
	}
	.seastar-object-card h4 {
		margin: 0;
		font-size: 15px;
	}
	.seastar-object-card-title {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
	}
	.seastar-object-form-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.seastar-object-form-grid .wide {
		grid-column: 1 / -1;
	}
	.seastar-object-image-field {
		display: grid;
		gap: 6px;
		font-weight: 600;
	}
	.seastar-object-image-preview {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 74px;
		border: 1px dashed #c3c4c7;
		background: #fff;
	}
	.seastar-object-image-preview img {
		max-width: 96px;
		max-height: 72px;
		object-fit: contain;
	}
	.seastar-object-image-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.seastar-object-editor {
		display: grid;
		gap: 6px;
		font-weight: 600;
	}
	.seastar-object-editor .wp-editor-wrap {
		font-weight: 400;
	}
	.seastar-object-workspace label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-object-workspace input[type="text"],
	.seastar-object-workspace input[type="search"],
	.seastar-object-workspace select,
	.seastar-object-workspace textarea {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-object-search {
		grid-template-columns: minmax(220px, 1fr) auto;
		align-items: end;
		background: #fff;
	}
	.seastar-object-check {
		display: inline-flex !important;
		grid-auto-flow: column;
		justify-content: start;
		align-items: center;
		gap: 6px;
		font-weight: 600;
	}
	.seastar-object-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.seastar-object-empty {
		margin: 0;
		padding: 12px;
		border: 1px dashed #c3c4c7;
		background: #f6f7f7;
	}
	.seastar-alex-users {
		display: grid;
		gap: 12px;
	}
	.seastar-alex-user-filters {
		display: grid;
		grid-template-columns: minmax(160px, 220px) minmax(240px, 1fr) auto;
		gap: 10px;
		align-items: end;
		padding: 12px;
		border: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-alex-user-filters label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-alex-user-filters input,
	.seastar-alex-user-filters select {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-alex-user-actions,
	.seastar-alex-user-pager,
	.seastar-alex-row-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.seastar-alex-user-summary {
		font-weight: 700;
	}
	.seastar-alex-user-table td,
	.seastar-alex-user-table th {
		vertical-align: top;
	}
	.seastar-diveclub-admin {
		display: grid;
		gap: 14px;
	}
	.seastar-diveclub-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 16px;
		align-items: center;
		padding: 16px;
		border: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-diveclub-hero h1 {
		margin: 0 0 4px;
	}
	.seastar-diveclub-hero p {
		margin: 0;
		color: #646970;
	}
	.seastar-diveclub-quick-actions,
	.seastar-diveclub-bank-form,
	.seastar-diveclub-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
	}
	.seastar-diveclub-kpis {
		display: grid;
		grid-template-columns: repeat(4, minmax(160px, 1fr));
		gap: 10px;
	}
	.seastar-diveclub-kpis > div {
		display: grid;
		gap: 4px;
		padding: 14px;
		border: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-diveclub-kpis span {
		color: #646970;
		font-weight: 600;
	}
	.seastar-diveclub-kpis strong {
		font-size: 24px;
		line-height: 1.1;
	}
	.seastar-diveclub-panel {
		display: grid;
		gap: 12px;
		padding: 12px;
		border: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-diveclub-panel-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		border-bottom: 1px solid #dcdcde;
		padding-bottom: 8px;
	}
	.seastar-diveclub-panel-head h2 {
		margin: 0;
		font-size: 18px;
	}
	.seastar-diveclub-panel-head span {
		font-weight: 700;
		color: #2271b1;
	}
	.seastar-diveclub-search {
		display: grid;
		grid-template-columns: minmax(260px, 1fr) auto auto;
		gap: 8px;
		align-items: end;
	}
	.seastar-diveclub-search label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-diveclub-search input[type="search"] {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-diveclub-member-table td,
	.seastar-diveclub-member-table th {
		vertical-align: middle;
	}
	.seastar-diveclub-check {
		display: inline-flex;
		gap: 6px;
		align-items: center;
		font-weight: 600;
	}
	.seastar-diveclub-notice {
		padding: 8px 10px;
		border-left: 4px solid #2271b1;
		background: #f0f6fc;
	}
	.seastar-event-table {
		table-layout: fixed;
		width: 100%;
	}
	.seastar-event-table td {
		vertical-align: middle;
		padding: 5px 4px;
	}
	.seastar-event-table button[name="VEdDeactB"],
	.seastar-event-table button[name="VEdExportCalB"],
	.seastar-event-table button[name="VEdDisableCalB"] {
		display: none;
	}
	.seastar-event-table input[type="text"],
	.seastar-event-table input[type="date"],
	.seastar-event-table input[type="time"],
	.seastar-event-table select {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
	.seastar-event-search-row td,
	.seastar-event-create-row td {
		background: #f0f2f4;
	}
	.seastar-event-search-row td {
		border-bottom: 1px solid #c3c4c7;
	}
	.seastar-event-create-row td {
		background: #fff;
	}
	.seastar-event-header-row td {
		background: #15108a;
		color: #fff;
		font-weight: 600;
	}
	.seastar-event-list-actions {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
		margin-top: 10px;
	}
	.seastar-event-view-toggle {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 10px 0;
	}
	.seastar-event-view-toggle .seastar-edit-btn {
		margin-left: auto;
	}
	.seastar-event-edit-form {
		color: #1d2327;
	}
	.seastar-event-edit-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin: 0 0 12px;
		padding: 10px 12px;
		border: 1px solid #c3c4c7;
		border-left: 5px solid #2271b1;
		border-radius: 6px;
		background: #f6f7f7;
	}
	.seastar-event-edit-header h3 {
		margin: 0;
		font-size: 16px;
		line-height: 1.3;
	}
.seastar-event-actionbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}
.seastar-lock-override {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 32px;
	padding: 0 8px;
	border: 1px solid #dba617;
	border-radius: 4px;
	background: #fff8e5;
	color: #5f4300;
	font-size: 12px;
	font-weight: 700;
}
.seastar-lock-notice {
	margin: 8px 0 10px;
	padding: 8px 10px;
	border: 1px solid #dba617;
	border-radius: 4px;
	background: #fff8e5;
	color: #5f4300;
	font-size: 13px;
	line-height: 1.4;
}
.seastar-lock-notice-active {
	border-color: #d63638;
	background: #fcf0f1;
	color: #8a2424;
	font-weight: 600;
}
.seastar-event-warning-button {
	background: #fff8e5 !important;
	border-color: #dba617 !important;
	color: #5f4300 !important;
}
.seastar-event-danger-button {
	background: #b32d2e !important;
	border-color: #f0b429 !important;
	color: #fff !important;
	font-weight: 700 !important;
	box-shadow: 0 0 0 2px rgba(240, 180, 41, 0.24) !important;
}
.seastar-event-danger-button:hover,
.seastar-event-danger-button:focus {
	background: #8a2424 !important;
	border-color: #f0b429 !important;
	color: #fff !important;
	box-shadow: 0 0 0 3px rgba(240, 180, 41, 0.32) !important;
}
	.seastar-event-edit-table {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(300px, 3fr);
		grid-template-areas:
			"days participants"
			"basic options"
			"description description"
			"media media";
		gap: 10px;
		width: 100%;
		max-height: none !important;
		background: transparent !important;
	}
	.seastar-event-edit-table > tbody,
	.seastar-event-edit-table > tbody > tr {
		display: contents;
	}
	.seastar-event-edit-table > tbody > tr > td {
		display: block;
		box-sizing: border-box;
		padding: 10px;
		border: 1px solid #dcdcde;
		border-radius: 6px;
		vertical-align: top;
	}
	.seastar-event-days-panel {
		grid-area: days;
		background: #eef6ff;
		border-color: #b8d8f0 !important;
	}
	.seastar-event-participants-panel {
		grid-area: participants;
		background: #f3f8ee;
		border-color: #cde5bd !important;
	}
	.seastar-event-participants-wide {
		grid-area: auto !important;
		grid-column: 1 / -1;
		width: 100%;
	}
	.seastar-event-participants-wide .seastar-participant-day-matrix,
	.seastar-event-participants-wide .seastar-participant-day-grid {
		width: 100%;
	}
	.seastar-event-basic-panel {
		grid-area: basic;
		background: #fff8e8;
		border-color: #ead49c !important;
	}
	.seastar-event-options-panel {
		grid-area: options;
		background: #f7f4ff;
		border-color: #d7c9f4 !important;
	}
	.seastar-event-media-panel {
		grid-area: media;
		background: #f6f7f7;
	}
	.seastar-event-description-panel {
		grid-area: description;
		background: #f6f7f7;
	}
	.seastar-event-description-editor,
	.seastar-event-description-editor .wp-editor-wrap,
	.seastar-event-description-editor textarea {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-event-description-editor .wp-editor-container {
		min-height: 360px;
	}
	.seastar-event-formatbar {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 8px 0;
	}
	.seastar-event-formatbar label {
		font-weight: 600;
	}
	.seastar-event-formatbar select {
		min-width: 220px;
	}
	.seastar-event-description-editor .mce-edit-area iframe {
		min-height: 320px;
	}
	.seastar-event-description-editor .mce-toolbar .mce-listbox button {
		min-width: 145px;
	}
	.seastar-event-participants-panel select,
	.seastar-event-participants-panel input[type="text"],
	.seastar-event-options-panel input[type="text"],
	.seastar-event-options-panel select,
	.seastar-event-basic-panel input[type="text"],
	.seastar-event-basic-panel select {
		max-width: 100%;
		box-sizing: border-box;
	}
	#EVtrainies {
		width: 100% !important;
		min-height: 160px;
	}
	.seastar-source-hint {
		margin: 4px 0 6px;
		color: #646970;
		font-size: 11px;
		line-height: 1.3;
	}
	.seastar-room-warning {
		margin-top: 6px;
		padding: 5px 7px;
		border: 1px solid #d63638;
		border-radius: 4px;
		background: #fcf0f1;
		color: #b32d2e;
		font-size: 12px;
		font-weight: 700;
	}
	.seastar-event-edit-section {
		margin: 8px 0;
		padding: 8px;
		border: 1px solid #dcdcde;
		border-radius: 4px;
		background: #fff;
	}
	.seastar-event-edit-section summary {
		cursor: pointer;
		font-weight: 700;
	}
	.seastar-event-create-days-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin: 4px 0 8px;
	}
	.seastar-event-create-days-head .button {
		min-width: 34px;
		font-size: 18px;
		line-height: 1;
		font-weight: 700;
	}
	.seastar-event-day-row {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
		align-items: end;
		margin: 8px 0;
		padding: 8px;
		border: 1px solid #dcdcde;
		border-radius: 4px;
		background: #f6f7f7;
	}
	.seastar-event-main-day-row {
		background: #fff;
		border-color: #72aee6;
	}
	.seastar-event-main-day-row strong {
		grid-row: 1;
		grid-column: 1 / -1;
		align-self: center;
		color: #0a4b78;
	}
	#seastar-split-end-date {
		grid-column: 1;
		justify-self: start;
		min-width: 90px;
	}
	.seastar-event-extra-day-row .seastar-event-day-remove,
	.seastar-event-extra-day-row .seastar-remove-new-day {
		align-self: end;
	}
	.seastar-event-day-row label {
		display: grid;
		gap: 3px;
		font-size: 12px;
		font-weight: 600;
	}
	.seastar-event-day-row input,
	.seastar-event-day-row select {
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-event-day-remove {
		display: inline-flex !important;
		align-items: center;
		align-self: end;
		gap: 6px;
		white-space: nowrap;
	}
	.seastar-event-day-remove input[type="checkbox"] {
		width: auto;
		margin: 0;
	}
	.seastar-event-calendar-view {
		margin-top: 14px;
		padding: 10px;
		border: 1px solid #c3c4c7;
		border-radius: 4px;
		background: #fff;
		overflow-x: auto;
	}
	.seastar-event-calendar-view summary {
		cursor: pointer;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.seastar-event-calendar-weekdays,
	.seastar-event-calendar-grid {
		display: grid;
		grid-template-columns: repeat(7, minmax(120px, 1fr));
		gap: 6px;
	}
	.seastar-event-calendar-weekdays {
		margin-bottom: 6px;
	}
	.seastar-event-calendar-weekdays span {
		padding: 5px 6px;
		border-radius: 4px;
		background: #1d4f7a;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
	.seastar-event-calendar-nav {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
		margin: 0 0 10px;
	}
	.seastar-event-calendar-nav form {
		margin: 0;
	}
	.seastar-event-calendar-day {
		min-height: 92px;
		padding: 6px;
		border: 1px solid #dcdcde;
		border-radius: 4px;
		background: #f6f7f7;
	}
	.seastar-event-calendar-day.is-other-month {
		background: #f0f0f1;
		opacity: .62;
	}
	.seastar-participants-inactive-toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin: 0 0 10px;
		font-weight: 600;
	}
	.seastar-event-hidden-badge {
		display: inline-block;
		padding: 2px 5px;
		border-radius: 10px;
		background: #8a2424;
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
	}
	.seastar-event-frontoffice-hidden {
		display: flex;
		align-items: center;
		gap: 6px;
		font-weight: 700;
	}
	.seastar-event-frontoffice-hint {
		display: block;
		margin-top: 4px;
		color: #646970;
	}
	.seastar-event-calendar-date {
		margin-bottom: 5px;
		font-weight: 700;
		color: #1d2327;
	}
	.seastar-event-calendar-item {
		display: block;
		width: 100%;
		margin: 4px 0;
		padding: 5px 6px;
		border: 1px solid #2271b1;
		border-radius: 4px;
		background: #eaf4fb;
		color: #0a4b78;
		text-align: left;
		cursor: pointer;
		font-size: 12px;
		line-height: 1.25;
	}
	.seastar-event-calendar-item:hover {
		background: #d5ebf8;
	}
	.seastar-event-calendar-item-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 4px;
		align-items: stretch;
		margin: 4px 0;
	}
	.seastar-event-calendar-item-row .seastar-event-calendar-item {
		margin: 0;
	}
	.seastar-calendar-participants-btn {
		width: auto;
		min-width: 42px;
		min-height: 0;
		padding: 5px 7px;
		font-size: 12px;
	}
	@media (max-width: 1200px) {
		.seastar-object-global-search {
			grid-template-columns: 1fr;
		}
		.seastar-diveclub-hero,
		.seastar-diveclub-search {
			grid-template-columns: 1fr;
		}
		.seastar-diveclub-kpis {
			grid-template-columns: repeat(2, minmax(160px, 1fr));
		}
		.seastar-object-workspace {
			grid-template-columns: 1fr;
		}
		.seastar-object-type-list {
			grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		}
		.seastar-event-edit-header {
			align-items: flex-start;
			flex-direction: column;
		}
		.seastar-event-actionbar {
			justify-content: flex-start;
		}
		.seastar-event-edit-table {
			grid-template-columns: 1fr;
			grid-template-areas:
				"days"
				"participants"
				"basic"
				"options"
				"description"
				"media";
		}
		.seastar-event-day-row {
			grid-template-columns: repeat(2, minmax(160px, 1fr));
		}
	}
	.seastar-participants-btn {
		width: 100%;
		min-height: 32px;
		border: 1px solid #8c8f94;
		border-radius: 4px;
		background: #fff;
		cursor: pointer;
		font-weight: 600;
	}
	.seastar-participants-btn:hover {
		border-color: #2271b1;
		color: #2271b1;
	}
	.seastar-abrechnung-participant-btn {
		border: 0;
		background: transparent;
		padding: 0;
		color: #2271b1;
		cursor: pointer;
		font-weight: 700;
		text-decoration: underline;
	}
	.seastar-abrechnung-participant-btn:hover {
		color: #135e96;
	}
	.seastar-abrechnung-search {
		display: flex;
		align-items: end;
		gap: 10px;
		margin: 8px 0 12px;
		padding: 10px;
		background: #f6f8fa;
		border: 1px solid #dcdcde;
		border-radius: 4px;
	}
	.seastar-abrechnung-search label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-abrechnung-search input[type="text"] {
		min-width: 220px;
	}
	.seastar-rental-calendar {
		margin: 14px 0 18px;
		padding: 12px;
		border: 1px solid #c3c4c7;
		border-radius: 4px;
		background: #fff;
		max-width: 1320px;
	}
	.seastar-rental-calendar-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 8px;
		font-size: 14px;
	}
	.seastar-rental-calendar-head span {
		color: #50575e;
	}
	.seastar-rental-calendar-hours {
		display: grid;
		grid-template-columns: repeat(11, 1fr);
		gap: 0;
		margin-bottom: 4px;
		margin-left: 110px;
		color: #646970;
		font-size: 11px;
	}
	.seastar-rental-calendar-hours span {
		border-left: 1px solid #dcdcde;
		padding-left: 3px;
	}
	.seastar-rental-calendar-row {
		display: grid;
		grid-template-columns: 110px 1fr;
		min-height: 34px;
		border-top: 1px solid #ececec;
	}
	.seastar-rental-calendar-date {
		padding: 8px 8px 6px 0;
		font-weight: 600;
		color: #1d2327;
	}
	.seastar-rental-calendar-track {
		position: relative;
		min-height: 34px;
		background: repeating-linear-gradient(
			to right,
			#f6f7f7 0,
			#f6f7f7 calc(10% - 1px),
			#dcdcde calc(10% - 1px),
			#dcdcde 10%
		);
		overflow: hidden;
	}
	.seastar-rental-calendar-booking {
		position: absolute;
		top: 6px;
		height: 22px;
		border: 1px solid #135e96;
		border-radius: 4px;
		background: #72aee6;
		color: #0a2f4a;
		font-size: 11px;
		font-weight: 700;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		padding: 0 6px;
	}
	.seastar-calendar-controls,
	.seastar-admin-calendar-filter {
		display: flex;
		align-items: end;
		gap: 8px;
		flex-wrap: wrap;
		margin: 6px 0 8px;
		padding: 8px 10px;
		background: #f6f8fa;
		border: 1px solid #dcdcde;
		border-radius: 4px;
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-calendar-controls label,
	.seastar-admin-calendar-filter label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-calendar-controls select,
	.seastar-admin-calendar-filter select,
	.seastar-admin-calendar-filter input[type="search"] {
		min-width: 180px;
	}
	.seastar-calendar-controls .seastar-calendar-search-label {
		flex: 1 1 300px;
	}
	.seastar-calendar-controls input[type="search"] {
		width: 100%;
		min-width: 240px;
	}
	.seastar-calendar-controls button {
		white-space: nowrap;
	}
	.seastar-admin-calendar-panel {
		margin: 14px 0 20px;
		padding: 12px;
		border: 1px solid #c3c4c7;
		border-radius: 4px;
		background: #fff;
		overflow-x: auto;
		width: 100%;
		box-sizing: border-box;
	}
	.seastar-admin-calendar-legend {
		display: flex;
		gap: 14px;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 0 10px;
		color: #50575e;
		font-size: 12px;
	}
	.seastar-admin-calendar-legend-bottom {
		margin: 10px 0 0;
		padding-top: 10px;
		border-top: 1px solid #dcdcde;
	}
	.seastar-admin-calendar-legend span {
		display: inline-flex;
		align-items: center;
		gap: 5px;
	}
	.seastar-admin-calendar-chip {
		display: inline-block;
		width: 16px;
		height: 10px;
		border-radius: 2px;
		border: 1px solid transparent;
	}
	.seastar-admin-calendar-chip-course {
		background: #d7e8f7;
		border-color: #7aa7c7;
	}
	.seastar-admin-calendar-chip-room {
		background: #dcebd8;
		border-color: #8eb184;
	}
	.seastar-admin-calendar-chip-rental {
		background: #eeffee;
		border-color: #8fc78f;
	}
	.seastar-admin-calendar-chip-rental-picked {
		background: #ddeeff;
		border-color: #7aa7d9;
	}
	.seastar-admin-calendar-chip-overdue-soon {
		background: #fff4cc;
		border-color: #d9b94c;
	}
	.seastar-admin-calendar-chip-overdue-warn {
		background: #ffe0b2;
		border-color: #e39b3b;
	}
	.seastar-admin-calendar-chip-overdue-late {
		background: #ffd1d1;
		border-color: #d46a6a;
	}
	.seastar-admin-fullcalendar {
		min-width: 940px;
	}
	.seastar-admin-rental-rows {
		display: grid;
		gap: 2px;
		margin-bottom: 12px;
		min-width: 940px;
	}
	.seastar-admin-rental-rows[hidden],
	.seastar-admin-fullcalendar[hidden] {
		display: none;
	}
	.seastar-admin-rental-rows-heading {
		padding: 7px 10px;
		font-weight: 700;
		background: #f0f0f1;
		border: 1px solid #c3c4c7;
	}
	.seastar-admin-rental-row {
		display: grid;
		grid-template-columns: minmax(235px, 0.8fr) minmax(180px, 0.65fr) minmax(360px, 2fr);
		gap: 14px;
		align-items: center;
		width: 100%;
		min-height: 36px;
		padding: 7px 10px;
		border: 1px solid #8fc78f;
		border-radius: 2px;
		background: #eeffee;
		color: #183b1f;
		text-align: left;
		cursor: pointer;
	}
	.seastar-admin-rental-row.is-alternate {
		background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #eeffee;
	}
	.seastar-admin-rental-row:hover,
	.seastar-admin-rental-row:focus {
		border-color: #2271b1;
		box-shadow: 0 0 0 1px #2271b1;
		outline: 0;
	}
	.seastar-admin-rental-row-period {
		font-variant-numeric: tabular-nums;
	}
	.seastar-admin-rental-row-details {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #50575e;
	}
	.seastar-admin-rental-row-empty {
		padding: 12px;
		border: 1px solid #dcdcde;
		background: #fff;
		color: #646970;
	}
	.seastar-admin-fullcalendar .fc {
		font-size: 11px;
	}
	.seastar-admin-fullcalendar .fc-timegrid-slot {
		height: 15px;
	}
	.seastar-admin-fullcalendar .fc-event {
		border-radius: 3px;
		cursor: default;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
	}
	.seastar-admin-fullcalendar .fc-event-main {
		padding: 1px 3px;
	}
	.seastar-open-rentals {
		border-collapse: collapse;
	}
	.seastar-open-rentals thead td {
		font-weight: 700;
	}
	.seastar-open-rentals tbody td {
		padding: 7px 8px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
	.seastar-open-rentals tbody tr.is-open td {
		background: #eeffee;
	}
	.seastar-open-rentals tbody tr.is-picked-up td {
		background: #ddeeff;
	}
	.seastar-overdue-rentals tbody tr.is-overdue-soon td {
		background: #fff4cc;
	}
	.seastar-overdue-rentals tbody tr.is-overdue-warn td {
		background: #ffe0b2;
	}
	.seastar-overdue-rentals tbody tr.is-overdue-late td {
		background: #ffd1d1;
	}
	.seastar-open-rentals tbody tr:nth-child(even) td {
		background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
	}
	.seastar-admin-calendar-event {
		display: grid;
		gap: 0;
		min-width: 0;
		line-height: 1.08;
		white-space: normal;
		overflow: hidden;
	}
	.seastar-admin-calendar-event-meta {
		font-size: 9px;
		font-weight: 700;
		opacity: 0.72;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.seastar-admin-calendar-event-title {
		font-size: 10px;
		font-weight: 700;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-break: normal;
		overflow-wrap: anywhere;
	}
	.seastar-admin-fullcalendar .fc-timegrid-event-short .seastar-admin-calendar-event {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.seastar-admin-fullcalendar .fc-timegrid-event-short .seastar-admin-calendar-event-meta {
		display: none;
	}
	.seastar-admin-fullcalendar .fc-timegrid-event-short .seastar-admin-calendar-event-title {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.seastar-rental-workspace {
		display: grid;
		grid-template-columns: minmax(420px, 35%) minmax(720px, 1fr);
		gap: 18px;
		align-items: start;
		max-width: 1500px;
		margin-top: 14px;
	}
	.seastar-rental-browser,
	.seastar-rental-basket {
		border: 1px solid #c3c4c7;
		border-radius: 6px;
		background: #fff;
		padding: 14px;
	}
	.seastar-rental-browser h3,
	.seastar-rental-basket h3 {
		margin: 0 0 10px;
		font-size: 15px;
	}
	.seastar-rental-basket-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	.seastar-rental-basket-head span {
		color: #646970;
		font-size: 12px;
	}
	.seastar-rental-empty {
		padding: 18px;
		border: 1px dashed #c3c4c7;
		border-radius: 4px;
		color: #646970;
		background: #f6f7f7;
	}
	.seastar-rental-basket-table {
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
	}
	.seastar-rental-basket-table th {
		padding: 8px;
		background: #1d2327;
		color: #fff;
		text-align: left;
		font-weight: 600;
	}
	.seastar-rental-basket-table td {
		padding: 7px 8px;
		border-bottom: 1px solid #dcdcde;
		vertical-align: middle;
	}
	.seastar-rental-basket-table th:nth-child(1),
	.seastar-rental-basket-table td:nth-child(1) {
		width: 15%;
	}
	.seastar-rental-basket-table th:nth-child(4),
	.seastar-rental-basket-table td:nth-child(4) {
		width: 80px;
		text-align: center;
	}
	.seastar-rental-basket-table th:nth-child(5),
	.seastar-rental-basket-table td:nth-child(5) {
		width: 130px;
	}
	.seastar-rental-amount {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin: 0;
	}
	.seastar-rental-amount input[type="number"] {
		width: 58px;
	}
	.seastar-rental-next {
		margin-top: 14px;
		text-align: right;
	}
	.seastar-rental-summary {
		display: grid;
		grid-template-columns: 280px 260px minmax(680px, 1fr);
		gap: 14px;
		align-items: start;
		max-width: 1500px;
		margin: 14px 0;
	}
	.seastar-rental-summary-card,
	.seastar-rental-summary-list {
		border: 1px solid #c3c4c7;
		border-radius: 6px;
		background: #fff;
		padding: 14px;
	}
	.seastar-rental-summary-card h3 {
		margin: 0 0 8px;
		font-size: 15px;
	}
	.seastar-rental-summary-card span {
		display: block;
		color: #646970;
		margin-top: 4px;
	}
	.seastar-rental-summary-card p {
		margin: 10px 0 0;
	}
	.seastar-rental-conditions {
		max-width: 1500px;
		margin: 12px 0;
	}
	.seastar-rental-conditions summary {
		cursor: pointer;
		font-weight: 600;
	}
	.seastar-rental-conditions pre {
		white-space: pre-wrap;
		padding: 12px;
		border: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-rental-return {
		display: grid;
		grid-template-columns: 280px minmax(360px, 30%) minmax(720px, 1fr);
		gap: 14px;
		align-items: start;
		max-width: 1500px;
		margin-top: 14px;
	}
	.seastar-rental-return-tree {
		border: 1px solid #c3c4c7;
		border-radius: 6px;
		background: #fff;
		padding: 14px;
	}
	.seastar-rental-return-table th:nth-child(2),
	.seastar-rental-return-table td:nth-child(2) {
		width: 90px;
		text-align: center;
	}
	.seastar-rental-return-table th:nth-child(3),
	.seastar-rental-return-table td:nth-child(3),
	.seastar-rental-return-table th:nth-child(4),
	.seastar-rental-return-table td:nth-child(4) {
		width: 100px;
	}
	.seastar-rental-return-table input[type="text"] {
		width: 64px;
	}
	.seastar-rental-return-actions {
		margin-top: 14px;
		text-align: right;
	}
	.seastar-rental-return-notes {
		margin-top: 14px;
	}
	.seastar-rental-return-notes pre {
		white-space: pre-wrap;
		padding: 10px;
		border: 1px solid #dcdcde;
		background: #f6f7f7;
	}
	.seastar-rental-tree,
	.seastar-rental-tree ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.seastar-rental-tree li {
		margin: 0;
	}
	.seastar-rental-tree-label {
		display: flex;
		align-items: center;
		min-height: 28px;
		border-radius: 4px;
		color: #1d2327;
	}
	.seastar-rental-tree-label-category {
		font-weight: 700;
	}
	.seastar-rental-tree-label-maker {
		margin-top: 2px;
		padding-left: 6px;
		font-weight: 600;
		background: #f6f7f7;
		border-left: 3px solid #72aee6;
	}
	.seastar-rental-tree-level {
		margin-left: 24px;
		padding-left: 18px;
		border-left: 1px solid #c3c4c7;
	}
	.seastar-rental-tree-level-maker {
		margin-bottom: 6px;
	}
	.seastar-rental-tree-level-item {
		margin-left: 34px;
		padding: 3px 0 5px 20px;
		border-left: 1px dashed #b8c8d8;
	}
	.seastar-rental-tree-level-maker > .seastar-rental-tree-item > .seastar-rental-tree-form {
		margin-left: 24px;
	}
	.seastar-rental-tree-level-item > .seastar-rental-tree-item > .seastar-rental-tree-form {
		margin-left: 28px;
	}
	.seastar-rental-tree-form {
		display: grid;
		grid-template-columns: 1fr 32px;
		align-items: center;
		gap: 6px;
		margin: 3px 0;
		padding: 4px 6px;
		border-radius: 4px;
		background: #fff;
	}
	.seastar-rental-tree-form:hover {
		background: #f0f6fc;
	}
	.seastar-rental-tree-item-text {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.seastar-rental-tree-form button {
		width: 30px;
		height: 26px;
		padding: 0;
		line-height: 1;
	}
	.seastar-rental-sets {
		display: grid;
		gap: 8px;
		margin: 0 0 14px;
		padding: 10px;
		border: 1px solid #dcdcde;
		border-radius: 6px;
		background: #f6f7f7;
	}
	.seastar-rental-sets h3 {
		margin: 0;
	}
	.seastar-rental-set-apply,
	.seastar-rental-set-save {
		display: grid;
		grid-template-columns: 1fr auto auto;
		gap: 8px;
		margin: 0;
		align-items: center;
	}
	.seastar-rental-set-apply select,
	.seastar-rental-set-save input {
		width: 100%;
		min-height: 30px;
	}
	.seastar-rental-set-overlay {
		position: fixed;
		inset: 0;
		z-index: 999999;
	}
	.seastar-rental-set-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.48);
	}
	.seastar-rental-set-modal {
		position: relative;
		width: min(980px, 82vw);
		max-height: 82vh;
		margin: 7vh auto;
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 18px 55px rgba(0,0,0,0.35);
		overflow: hidden;
	}
	.seastar-rental-set-modal-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 12px 16px;
		background: #f0f2f4;
		border-bottom: 1px solid #c3c4c7;
	}
	.seastar-rental-set-modal-head h3,
	.seastar-rental-set-modal-head form {
		margin: 0;
	}
	.seastar-rental-set-modal-body {
		display: grid;
		gap: 10px;
		padding: 16px;
		max-height: calc(82vh - 58px);
		overflow: auto;
	}
	.seastar-rental-set-modal-body p {
		margin: 0 0 4px;
		color: #50575e;
	}
	.seastar-rental-set-pending-row {
		display: grid;
		grid-template-columns: 220px 1fr;
		gap: 12px;
		align-items: center;
		padding: 10px;
		border: 1px solid #dcdcde;
		border-radius: 6px;
		background: #fff;
	}
	.seastar-rental-set-pending-row span {
		color: #646970;
		font-size: 12px;
	}
	.seastar-rental-set-pick {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 8px;
		margin: 0;
	}
	.seastar-rental-set-pick select {
		width: 100%;
	}
	.seastar-rental-set-edit-modal {
		width: min(1120px, 86vw);
	}
	.seastar-rental-set-edit-form {
		display: grid;
		gap: 12px;
		margin: 0;
	}
	.seastar-rental-set-edit-form label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-rental-set-edit-form input[type="text"],
	.seastar-rental-set-edit-form textarea,
	.seastar-rental-set-edit-form select {
		width: 100%;
	}
	.seastar-rental-inline-check {
		display: inline-flex !important;
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: 6px !important;
	}
	.seastar-rental-set-items {
		width: 100%;
		border-collapse: collapse;
	}
	.seastar-rental-set-items th,
	.seastar-rental-set-items td {
		padding: 8px;
		border-bottom: 1px solid #dcdcde;
		text-align: left;
	}
	.seastar-rental-set-items th {
		background: #1d2327;
		color: #fff;
	}
	.seastar-rental-set-items input[type="number"] {
		width: 72px;
	}
	.seastar-rental-set-add-row {
		display: grid;
		grid-template-columns: 1fr 90px auto;
		gap: 8px;
		align-items: center;
		padding: 10px;
		border: 1px solid #dcdcde;
		border-radius: 6px;
		background: #f6f7f7;
	}
	.seastar-rental-set-edit-actions {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
		text-align: right;
	}
	.seastar-rental-danger {
		border-color: #b32d2e !important;
		color: #b32d2e !important;
	}
	.seastar-rental-danger:hover {
		background: #b32d2e !important;
		color: #fff !important;
	}
	#seastar-participants-overlay {
		position: fixed;
		inset: 0;
		z-index: 999999;
		width: 100vw;
		height: 100vh;
	}
	.seastar-participants-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0,0,0,0.55);
	}
	.seastar-participants-modal {
		position: relative;
		width: min(1100px, 85vw);
		max-height: 82vh;
		margin: 7vh auto;
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 18px 55px rgba(0,0,0,0.35);
		overflow: hidden;
	}
	.seastar-participants-modal-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		background: #f0f2f4;
		border-bottom: 1px solid #c3c4c7;
	}
	#seastar-participants-modal-body,
	#seastar-abrechnung-participant-modal-body {
		padding: 16px;
		overflow: auto;
		max-height: calc(82vh - 58px);
	}
	#seastar-participants-modal-body table,
	#seastar-abrechnung-participant-modal-body table {
		width: 100%;
		border-collapse: collapse;
	}
	#seastar-participants-modal-body th,
	#seastar-participants-modal-body td,
	#seastar-abrechnung-participant-modal-body th,
	#seastar-abrechnung-participant-modal-body td {
		padding: 8px 10px;
		border-bottom: 1px solid #dcdcde;
		text-align: left;
	}
	.seastar-participants-panel-title {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 700;
	}
	.seastar-event-health-overlay {
		position: fixed;
		inset: 0;
		z-index: 999999;
		width: 100vw;
		height: 100vh;
	}
	.seastar-event-health-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0,0,0,0.55);
	}
	.seastar-event-health-modal {
		position: relative;
		width: min(920px, 88vw);
		max-height: 84vh;
		margin: 5vh auto;
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 18px 55px rgba(0,0,0,0.35);
		overflow: hidden;
	}
	.seastar-event-health-head {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 16px;
		padding: 16px 18px;
		background: #f0f2f4;
		border-bottom: 1px solid #c3c4c7;
	}
	.seastar-event-health-head h3,
	.seastar-event-health-head p {
		margin: 0;
	}
	.seastar-event-health-head p {
		margin-top: 4px;
		color: #50575e;
	}
	.seastar-event-health-body {
		padding: 16px 18px;
		max-height: calc(84vh - 150px);
		overflow: auto;
	}
	.seastar-event-health-body section {
		min-width: 0;
		border: 1px solid #dcdcde;
		border-radius: 6px;
		background: #fff;
		overflow: hidden;
	}
	.seastar-event-health-section-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 12px;
		background: #f6f7f7;
		border-bottom: 1px solid #dcdcde;
	}
	.seastar-event-health-section-title h4 {
		margin: 0;
	}
	.seastar-event-health-section-title span {
		color: #50575e;
		font-weight: 600;
	}
	.seastar-event-health-checkall {
		display: block;
		padding: 10px 12px;
		border-bottom: 1px solid #dcdcde;
	}
	.seastar-event-health-reassign {
		padding: 10px 12px;
		border-bottom: 1px solid #dcdcde;
		background: #fff;
	}
	.seastar-event-health-reassign label {
		display: grid;
		gap: 5px;
		font-weight: 600;
	}
	.seastar-event-health-reassign select {
		max-width: 100%;
	}
	.seastar-event-health-body table {
		width: 100%;
		border-collapse: collapse;
	}
	.seastar-event-health-body th,
	.seastar-event-health-body td {
		padding: 8px 10px;
		border-bottom: 1px solid #dcdcde;
		text-align: left;
		vertical-align: top;
	}
	.seastar-event-health-body th:first-child,
	.seastar-event-health-body td:first-child {
		width: 34px;
		text-align: center;
	}
	.seastar-event-health-empty {
		margin: 0;
		padding: 14px 12px;
		color: #50575e;
	}
	.seastar-event-health-actions {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
		padding: 12px 18px;
		background: #f6f7f7;
		border-top: 1px solid #dcdcde;
	}
	.seastar-service-search {
		display: flex;
		align-items: end;
		gap: 10px;
		margin: 10px 0 14px;
		padding: 10px 12px;
		background: #f6f7f7;
		border: 1px solid #dcdcde;
		border-radius: 6px;
	}
	.seastar-service-search label {
		display: grid;
		gap: 4px;
		font-weight: 600;
	}
	.seastar-service-search input {
		min-width: 180px;
	}
	.seastar-service-more {
		margin: 14px 0;
		text-align: center;
	}
	.seastar-service-tabs {
		background: #eef8ef;
		border: 1px solid #cfe5d2;
		border-radius: 6px;
		padding: 12px;
	}
	.seastar-service-tabs .tab-content {
		background: #f7fcf8;
		border: 1px solid #d9eadc;
		border-radius: 6px;
		padding: 12px;
	}
	.seastar-service-status-board {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
		align-items: start;
	}
	.seastar-service-postit {
		margin: 0;
	}
	.seastar-service-postit-open {
		display: grid;
		gap: 8px;
		width: 100%;
		min-height: 148px;
		padding: 12px;
		border: 1px solid #d4c96a;
		border-radius: 4px;
		background: #fff8b8;
		color: #1d2327;
		text-align: left;
		cursor: pointer;
		box-shadow: 0 2px 4px rgba(0,0,0,0.14);
	}
	.seastar-service-postit-open:hover {
		background: #fff3a1;
		border-color: #b9a846;
	}
	.seastar-service-postit.is-progress .seastar-service-postit-open {
		background: #dff0ff;
		border-color: #9dc8e8;
	}
	.seastar-service-postit.is-done .seastar-service-postit-open {
		background: #d7f2d8;
		border-color: #9bcc9d;
	}
	.seastar-service-postit-head,
	.seastar-service-postit-foot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
	}
	.seastar-service-postit-head strong {
		font-size: 16px;
	}
	.seastar-service-postit-name {
		font-size: 17px;
		font-weight: 700;
	}
	.seastar-service-postit-contact {
		min-height: 34px;
		color: #50575e;
		word-break: break-word;
	}
	.seastar-service-postit-empty {
		grid-column: 1 / -1;
		padding: 16px;
		background: #fff;
		border: 1px solid #d9eadc;
		border-radius: 6px;
	}
	.seastar-service-status-badge {
		display: inline-block;
		min-width: 115px;
		padding: 4px 8px;
		border-radius: 999px;
		text-align: center;
		font-weight: 700;
	}
	.seastar-service-status-badge.is-open {
		background: #fff4ce;
		color: #6f4f00;
	}
	.seastar-service-status-badge.is-progress {
		background: #dff0ff;
		color: #135e96;
	}
	.seastar-service-status-badge.is-done {
		background: #d7f2d8;
		color: #1f7a1f;
	}
	.seastar-admin-table {
		width: 100%;
		border-collapse: collapse;
		background: #fff;
		border: 1px solid #c3c4c7;
		font-size: 13px;
		line-height: 1.35;
	}
	.seastar-admin-table th,
	.seastar-admin-table td {
		padding: 8px 10px;
		border: 1px solid #dcdcde;
		vertical-align: top;
	}
	.seastar-admin-table th {
		background: #e7eef5 !important;
		color: #1d2327 !important;
		font-weight: 700;
	}
	.seastar-admin-table td[bgcolor="#DDD"],
	.seastar-admin-table td[bgcolor="#EEE"],
	.seastar-admin-table td[bgcolor="#ddd"],
	.seastar-admin-table td[bgcolor="#eee"],
	.seastar-admin-table td[bgcolor="lightblue"] {
		color: #1d2327 !important;
		font-weight: 700;
	}
	.seastar-admin-table tr:hover > td {
		box-shadow: inset 0 0 0 999px rgba(34, 113, 177, 0.05);
	}
	.seastar-admin-table input[type="text"],
	.seastar-admin-table input[type="number"],
	.seastar-admin-table select,
	.seastar-admin-table textarea {
		max-width: 100%;
		min-height: 30px;
		border: 1px solid #8c8f94;
		border-radius: 4px;
		padding: 4px 7px;
	}
	.seastar-admin-table input[type="checkbox"] {
		width: 18px;
		height: 18px;
	}
	.seastar-admin-table button,
	.seastar-admin-table input[type="submit"] {
		min-height: 30px;
		margin: 1px 2px;
		padding: 4px 9px;
		border: 1px solid #8c8f94;
		border-radius: 4px;
		background: #f6f7f7;
		cursor: pointer;
	}
	.seastar-admin-table button:hover,
	.seastar-admin-table input[type="submit"]:hover {
		background: #e7eef5;
		border-color: #2271b1;
	}
	.seastar-admin-table a {
		font-weight: 700;
		text-decoration: none;
	}
	.seastar-admin-table a:hover {
		text-decoration: underline;
	}
	.seastar-objects-detail-table .wp-editor-wrap {
		min-width: 360px;
	}
	.seastar-objects-detail-table textarea {
		min-width: 320px;
	}
	.seastar-price-table select {
		min-width: 260px;
	}
	.seastar-price-create-card {
		margin: 14px 0 18px;
		padding: 16px;
		border: 1px solid #c3c4c7;
		border-left: 4px solid #2271b1;
		border-radius: 6px;
		background: #fff;
	}
	.seastar-price-create-card h3 {
		margin: 0 0 4px;
	}
	.seastar-price-create-card .description {
		margin: 0 0 14px;
		color: #50575e;
	}
	.seastar-price-create-form {
		display: grid;
		grid-template-columns: minmax(360px, 2fr) minmax(180px, 1fr) 140px auto auto;
		align-items: end;
		gap: 12px;
	}
	.seastar-price-create-form label {
		display: grid;
		gap: 5px;
	}
	.seastar-price-create-form input[type="text"],
	.seastar-price-create-form input[type="search"],
	.seastar-price-create-form select {
		width: 100%;
		max-width: none;
	}
	.seastar-price-target-field {
		grid-row: span 2;
	}
	.seastar-price-target-field input[type="search"] {
		min-height: 42px;
	}
	.seastar-price-target-field small {
		color: #646970;
	}
	.seastar-price-flat {
		display: flex !important;
		align-items: center;
		gap: 6px !important;
		padding-bottom: 7px;
		white-space: nowrap;
	}
	@media (max-width: 1200px) {
		.seastar-price-create-form {
			grid-template-columns: 1fr 1fr;
		}
		.seastar-price-target-field {
			grid-column: 1 / -1;
			grid-row: auto;
		}
	}
	.seastar-price-table input[name="PName"],
	.seastar-price-table input[name="PEName"] {
		min-width: 220px;
	}
	.seastar-price-table select[name="PEName"] {
		width: 100%;
		min-width: 140px;
	}
	.seastar-price-table input[name="PWert"],
	.seastar-price-table input[name="PEWert"] {
		width: 92px;
		text-align: right;
	}
	.seastar-settings-detail-table input[name="RTValues"] {
		min-width: 260px;
	}
	.tab {
		display:none;
	}
	.tab.active {
		display:block;
	}

	.DCpopup {
		display: none;
		position: absolute;
		border: 1px solid #000;
		background-color: #dddddd;
		max-height: 200px;
		overflow-y: auto;
		z-index: 1000;
	}
	.DCpopup div {
		padding: 10px;
		cursor: pointer;
	}
	.DCpopup div:hover {
		background-color: #f0f0f0;
	}
	
	.DCbtn {
	  background-color: lightgray; /* Blue background */
	  border: none; /* Remove borders */
	  color: blue; /* White text */
	  padding: 6px 8px; /* Some padding */
	  font-size: 18px; /* Set a font size */
	  cursor: pointer; /* Mouse pointer on hover */
	  width:200px;
	  border-radius: 5px;
	}

	/* Darker background on mouse-over */
	.DCbtn:hover {
	  background-color: darkgray;
	} 	 



/* Calendar container */
.calendar {
	width: 1200px;
	border: 1px solid #ddd;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Calendar header styling */
.calendar-header {
	text-align: center;
	background-color: #ffffff;
	color: #007bff;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px;
	border-color: gray;
	border-style: dotted dotted solid dotted;
}

/* Days of the week styling */
.calendar-days1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	background-color: #007bff;
	color: white;
	font-size: 12px;
}

.calendar-days1 div {
	padding: 2px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.calendar-hours1 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background-color: #007bdd;
	color: white;
}

.calendar-hours1 div {
	padding: 1px;
	text-align: center;
}
.calendar-days7 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	background-color: #007bff;
	color: white;
	font-size: 12px;
}

.calendar-days7 div {
	padding: 2px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.calendar-hours7 {
	display: grid;
	grid-template-columns: repeat(21, 1fr);
	background-color: #007bdd;
	color: white;
}

.calendar-hours7 div {
	padding: 1px;
	text-align: center;
}
.calendar-days14 {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	background-color: #007bff;
	color: white;
	font-size: 12px;
}

.calendar-days14 div {
	padding: 2px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.calendar-hours14 {
	display: grid;
	grid-template-columns: repeat(42, 1fr);
	background-color: #007bdd;
	color: white;
}

.calendar-hours14 div {
	padding: 1px;
	text-align: center;
}
.calendar-days28 {
	display: grid;
	grid-template-columns: repeat(28, 1fr);
	background-color: #007bff;
	color: white;
	font-size: 10px;
}

.calendar-days28 div {
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
.calendar-hours28 {
	display: grid;
	grid-template-columns: repeat(84, 1fr);
	background-color: #007bdd;
	color: white;
}

.calendar-hours28 div {
	padding: 1px;
	text-align: center;
	font-size: 10px;
}


/* Date cells styling */
.calendar-dates1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.calendar-dates1 div {
	padding: 20px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-dates7 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.calendar-dates7 div {
	padding: 20px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-dates14 {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
}

.calendar-dates14 div {
	padding: 20px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-dates28 {
	display: grid;
	grid-template-columns: repeat(28, 1fr);
}

.calendar-dates28 div {
	padding: 20px;
	text-align: center;
	border: 1px solid #ddd;
}

/* Highlight today */
.today {
	background-color: #ffdd57;
	font-weight: bold;
}




		
/* Remove default bullets */
ul, #RentItemUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#RentItemUL {
  margin: 0;
  padding: 0;
}
.box {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: dodgerblue;
  display: inline-block;
  margin-right: 6px;
  flex: 0 0 auto;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
  margin-right: 6px;  
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}		



/* === SEASTAR MODAL (WP-ADMIN SAFE) === */

/* Modal Grundlayout */
#seastar-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

.seastar-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
}

/* Modal Box */
.seastar-modal {
    position: relative;
    background: #fff;
    width: 95%;
    max-width: 1900px;
    max-height: 90vh;
    margin: 5vh auto;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    border-radius: 6px;
    overflow: hidden; /* wichtig für Header */
}

/* Header */
.seastar-modal-header {
    display: flex;
    align-items: center;

    width: 100%;              /* WICHTIG */
    box-sizing: border-box;   /* WICHTIG */

    padding: 10px 14px;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
}


/* Titel links */
.seastar-modal-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

/* Close Button */
.seastar-close {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;

    padding: 2px 8px;
    border-radius: 3px;
    color: #333;
}

/* Hover wie Windows */
.seastar-close:hover {
    background: #e81123;
    color: #fff;
}

/* Inhalt */
#seastar-modal-body {
    padding: 16px;
    overflow: auto;
}

.seastar-close {
    margin-left: auto;   /* <-- DAS schiebt es ganz nach rechts */
}

/* Wenn WP Media offen ist → eigenes Modal zurück */
body.wp-media-open #seastar-modal {
  z-index: 9999;
}

/* WP Media selbst höher */
.media-modal {
  z-index: 100000 !important;
}

.media-modal-backdrop {
  z-index: 99999 !important;
}

#notesPopup {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background: #fff;
    border: 2px solid #333;
    overflow: auto;
    z-index: 9999;
    padding: 20px;
}

.seastar-abrechnung-table {
    width: 100%;
    min-width: 0;
}

.seastar-abrechnung-table td {
    vertical-align: top;
}

.seastar-abrechnung-table > tbody > tr > td:last-child {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.seastar-abrechnung-unpaid {
    opacity: 0.55;
    background: #f2f2f2;
}

.seastar-abrechnung-requested {
    background: lightblue;
}

.seastar-abrechnung-settled {
    background: #dff3df;
}

.seastar-abrechnung-unpaid input,
.seastar-abrechnung-unpaid button,
.seastar-abrechnung-unpaid select {
    filter: grayscale(1);
}

.seastar-abrechnung-muted {
    color: #646970;
    font-size: 12px;
}

.seastar-abrechnung-notice {
    margin: 8px 0 12px;
}

.seastar-abrechnung-course-pager {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0 14px;
}

.seastar-abrechnung-course-pager form {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 0;
}

.seastar-abrechnung-course-pager span {
    color: #646970;
    font-size: 13px;
}

.seastar-abrechnung-slot-form {
    margin: 0 0 14px;
}

.seastar-abrechnung-slot-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px 9px;
    border: 1px solid #b8d8f0;
    border-bottom: 0;
    background: #eef6ff;
    font-size: 13px;
}

.seastar-abrechnung-slot-trainer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
}

.seastar-abrechnung-slot-trainer select {
    min-width: 150px;
    max-width: 190px;
    font-weight: 400;
}

.seastar-abrechnung-slot-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding: 6px 0 0;
}

.seastar-abrechnung-name-cell {
    min-width: 210px;
}

.seastar-abrechnung-trainer-select {
    max-width: 180px;
    width: 100%;
    font-size: 12px;
}

.seastar-abrechnung-trainer-inline {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #50575e;
}

.seastar-abrechnung-trainer-inline select {
    margin-top: 2px;
}

.seastar-abrechnung-notes-icon {
    width: 32px;
    min-width: 32px;
    padding: 2px 0;
    text-align: center;
}

.seastar-abrechnung-legend {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin: 8px 0 12px;
    font-size: 12px;
}

.seastar-abrechnung-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.seastar-abrechnung-legend-chip {
    display: inline-block;
    width: 18px;
    height: 12px;
    border: 1px solid #c3c4c7;
}

.seastar-abrechnung-legend-requested {
    background: lightblue;
}

.seastar-abrechnung-legend-settled {
    background: #dff3df;
}

.seastar-abrechnung-legend-unpaid {
    background: #f2f2f2;
}

.seastar-abrechnung-inline-form {
    display: inline-block;
    margin: 0 0 0 6px;
}

.seastar-abrechnung-history td {
    padding: 5px;
    vertical-align: top;
}

.seastar-abrechnung-monthly-summary {
    width: min(620px, 100%);
    border-collapse: collapse;
    background: #fff;
}

.seastar-abrechnung-monthly-summary th,
.seastar-abrechnung-monthly-summary td {
    padding: 8px 10px;
    border: 1px solid #dcdcde;
    text-align: left;
}

.seastar-abrechnung-monthly-summary thead th,
.seastar-abrechnung-monthly-summary tfoot th {
    background: lightblue;
}

.seastar-abrechnung-price-warning {
    display: block;
    margin-top: 6px;
    padding: 7px 9px;
    border-left: 4px solid #d63638;
    background: #fcf0f1;
    color: #8a2424;
    font-weight: 600;
}

.seastar-abrechnung-price-warning a {
    color: inherit;
    text-decoration: underline;
}

body:not(.wp-admin) .seastar-abrechnung-course > tbody > tr {
    display: grid;
    gap: 8px;
}

body:not(.wp-admin) .seastar-abrechnung-course > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
}

body:not(.wp-admin) .seastar-abrechnung-course > tbody > tr > td:first-child {
    padding: 8px 10px;
    border: 1px solid #dcdcde;
    border-left: 4px solid #2271b1;
    background: #f6f7f7;
}

body:not(.wp-admin) .seastar-abrechnung-course > tbody > tr > td:first-child h3 {
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 1.25;
}

body:not(.wp-admin) .seastar-abrechnung-course > tbody > tr > td:last-child {
    overflow-x: auto;
    padding: 0;
}

.seastar-account-menu-toggle {
    display: none;
}

@media (max-width: 760px) {
    .woocommerce-account .woocommerce {
        display: block;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px !important;
        position: relative;
        z-index: 2;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        clear: both;
    }

    .seastar-account-menu-toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 42px;
        padding: 8px 12px;
        border: 1px solid #c3c4c7;
        border-radius: 4px;
        background: #f6f7f7;
        color: #1d2327;
        font-weight: 700;
        text-align: left;
        box-sizing: border-box;
    }

    .seastar-account-menu-icon,
    .seastar-account-menu-icon::before,
    .seastar-account-menu-icon::after {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        content: "";
    }

    .seastar-account-menu-icon {
        position: relative;
        flex: 0 0 auto;
    }

    .seastar-account-menu-icon::before {
        position: absolute;
        top: -6px;
        left: 0;
    }

    .seastar-account-menu-icon::after {
        position: absolute;
        top: 6px;
        left: 0;
    }

    .woocommerce-MyAccount-navigation ul {
        display: none;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        border: 1px solid #dcdcde;
        border-radius: 4px;
        background: #fff;
        list-style: none;
        box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    }

    .woocommerce-MyAccount-navigation.is-open ul {
        display: block;
    }

    .woocommerce-MyAccount-navigation li {
        margin: 0 !important;
        border-bottom: 1px solid #f0f0f1;
    }

    .woocommerce-MyAccount-navigation li:last-child {
        border-bottom: 0;
    }

    .woocommerce-MyAccount-navigation a {
        display: block;
        padding: 10px 12px;
    }

    .tabs .tab-links {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding: 0 0 6px;
        margin: 0 0 10px;
    }

    .tabs .tab-links li {
        float: none;
        flex: 0 0 auto;
        margin: 0;
    }

    .tabs .tab-links a {
        min-height: 36px;
        padding: 8px 10px;
        font-size: 14px;
        white-space: nowrap;
    }

    .tab-content {
        padding: 8px;
    }

    .seastar-abrechnung-search {
        display: grid;
        gap: 8px;
    }

    .seastar-abrechnung-search label,
    .seastar-abrechnung-search input,
    .seastar-abrechnung-search button,
    .seastar-abrechnung-search .button {
        width: 100%;
        box-sizing: border-box;
    }

    .seastar-abrechnung-course-pager,
    .seastar-abrechnung-course-pager form,
    .seastar-abrechnung-course-pager button {
        width: 100%;
        box-sizing: border-box;
    }

    .seastar-abrechnung-slot-head,
    .seastar-abrechnung-slot-actions {
        display: grid;
        width: 100%;
        box-sizing: border-box;
    }

    .seastar-abrechnung-table > tbody > tr {
        display: grid;
        gap: 8px;
    }

    .seastar-abrechnung-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .seastar-abrechnung-course > tbody > tr > td:first-child,
    .seastar-abrechnung-trainer > tbody > tr > td:first-child {
        padding: 8px 10px;
        border: 1px solid #dcdcde;
        border-left: 4px solid #2271b1;
        background: #f6f7f7;
    }

    .seastar-abrechnung-course > tbody > tr > td:first-child h3,
    .seastar-abrechnung-trainer > tbody > tr > td:first-child h3 {
        margin: 0 0 4px;
        font-size: 17px;
        line-height: 1.25;
    }

    .seastar-abrechnung-course > tbody > tr > td:last-child,
    .seastar-abrechnung-trainer > tbody > tr > td:last-child {
        overflow-x: auto;
        padding: 0;
    }

    .seastar-abrechnung-table table {
        min-width: 620px;
    }

    .seastar-abrechnung-table input[type="text"] {
        min-width: 160px;
    }

    #seastar-abrechnung-participant-overlay .seastar-participants-modal {
        width: 94vw !important;
        margin: 4vh auto !important;
        max-height: 88vh !important;
    }
}

.seastar-order-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 14px;
}

.seastar-order-tabs a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid #b8c6d1;
	border-radius: 4px;
	background: #f6f8fa;
	color: #1d2327;
	text-decoration: none;
	font-weight: 600;
}

.seastar-order-tabs a:hover,
.seastar-order-tabs a.active {
	background: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.seastar-order-search {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 10px;
	margin: 0 0 12px;
	padding: 10px;
	border: 1px solid #dcdcde;
	background: #f6f7f7;
}

.seastar-order-search label {
	display: grid;
	gap: 4px;
	font-weight: 600;
}

.seastar-order-search input[type="search"] {
	min-width: 320px;
}

.seastar-order-form-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(180px, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.seastar-order-form-grid label,
.seastar-order-action label {
	display: grid;
	gap: 4px;
	font-weight: 600;
}

.seastar-order-form-grid input,
.seastar-order-form-grid textarea,
.seastar-order-action input,
.seastar-order-action textarea {
	width: 100%;
	box-sizing: border-box;
}

.seastar-order-form-grid .wide {
	grid-column: 1 / -1;
}

.seastar-order-checkbox {
	display: inline-flex !important;
	grid-template-columns: auto 1fr;
	align-items: center;
	width: fit-content;
}

.seastar-order-checkbox input {
	width: auto !important;
}

.seastar-order-table-wrap {
	overflow-x: auto;
}

.seastar-order-filter-count {
	color: #646970;
	font-size: 12px;
	align-self: center;
}

.seastar-order-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin: 0 0 10px;
	color: #50575e;
	font-size: 12px;
}

.seastar-order-legend span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.seastar-order-legend-chip {
	display: inline-block;
	width: 18px;
	height: 12px;
	border: 1px solid #c3c4c7;
	border-radius: 2px;
	background: #fff;
}

.seastar-order-legend-normal {
	background: #fff;
}

.seastar-order-legend-pickup {
	background: #fff2bf;
}

.seastar-order-legend-delivery {
	background: #ffe1e1;
}

.seastar-order-postit-board {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
}

.seastar-order-postit {
	margin: 0;
}

.seastar-order-postit-open {
	display: grid;
	gap: 8px;
	width: 100%;
	min-height: 148px;
	padding: 12px;
	border: 1px solid #d4c96a;
	border-radius: 4px;
	background: #fff8b8;
	color: #1d2327;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 2px 4px rgba(0,0,0,0.14);
}

.seastar-order-postit-open:hover {
	background: #fff3a1;
	border-color: #b9a846;
}

.seastar-order-postit.is-progress .seastar-order-postit-open {
	background: #dff0ff;
	border-color: #9dc8e8;
}

.seastar-order-postit.is-pickup-overdue .seastar-order-postit-open {
	background: #fff2bf;
	border-color: #dba617;
}

.seastar-order-postit.is-delivery-overdue .seastar-order-postit-open {
	background: #ffe1e1;
	border-color: #d63638;
}

.seastar-order-postit-head,
.seastar-order-postit-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.seastar-order-postit-head strong {
	font-size: 16px;
}

.seastar-order-postit-name {
	font-size: 17px;
	font-weight: 700;
}

.seastar-order-postit-article {
	min-height: 34px;
	color: #0f3d64;
	font-weight: 700;
}

.seastar-order-postit-contact {
	min-height: 30px;
	color: #50575e;
	word-break: break-word;
}

.seastar-order-postit-empty {
	grid-column: 1 / -1;
	padding: 16px;
	background: #fff;
	border: 1px solid #d9eadc;
	border-radius: 6px;
}

.seastar-order-status-badge {
	display: inline-block;
	min-width: 125px;
	padding: 4px 8px;
	border-radius: 999px;
	text-align: center;
	font-weight: 700;
}

.seastar-order-status-badge.is-open {
	background: #fff4ce;
	color: #6f4f00;
}

.seastar-order-status-badge.is-progress {
	background: #dff0ff;
	color: #135e96;
}

.seastar-order-status-badge.is-pickup-overdue {
	background: #fff2bf;
	color: #6f4f00;
}

.seastar-order-status-badge.is-delivery-overdue {
	background: #ffe1e1;
	color: #8a2424;
}

.seastar-order-action-legend {
	display: inline-flex;
	gap: 4px;
	align-items: center;
	margin-left: 8px;
	font-size: 11px;
	font-weight: 400;
	white-space: nowrap;
}

.seastar-order-action-legend i {
	display: inline-block;
	width: 14px;
	height: 10px;
	border: 1px solid rgba(0,0,0,0.24);
	border-radius: 2px;
}

.seastar-order-mail-yellow,
.seastar-order-buttons .seastar-order-mail-yellow {
	background: #fff2bf !important;
	border-color: #dba617 !important;
	color: #1d2327 !important;
}

.seastar-order-mail-orange,
.seastar-order-buttons .seastar-order-mail-orange {
	background: #f8c174 !important;
	border-color: #d9822b !important;
	color: #1d2327 !important;
}

.seastar-order-mail-red,
.seastar-order-buttons .seastar-order-mail-red {
	background: #f4a3a3 !important;
	border-color: #d63638 !important;
	color: #1d2327 !important;
}

.seastar-order-table {
	min-width: 1180px;
}

.seastar-order-table td {
	vertical-align: top;
	border-bottom: 2px solid #c3c4c7;
	padding-top: 12px;
	padding-bottom: 12px;
}

.seastar-order-label {
	font-weight: 700;
	color: #1d2327;
}

.seastar-order-customer-name,
.seastar-order-article-title {
	color: #0f3d64;
	font-weight: 800;
}

.seastar-order-article-line {
	display: grid;
	grid-template-columns: minmax(7ch, auto) minmax(0, 1fr);
	column-gap: 2ch;
	align-items: start;
}

.seastar-order-quantity {
	color: #1d2327;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.seastar-order-identity-cell {
	min-width: 280px;
}

.seastar-order-identity-grid {
	display: grid;
	grid-template-columns: minmax(74px, 0.45fr) minmax(150px, 1fr);
	gap: 8px 12px;
	align-items: start;
}

.seastar-order-customer-info {
	grid-column: 1 / -1;
	padding: 8px 10px;
	border-radius: 4px;
	background: rgba(80, 87, 94, 0.10);
	color: #1d2327;
}

.seastar-order-table tr.seastar-order-overdue td {
	background: #ffe1e1;
}

.seastar-order-table tr.seastar-order-pickup-late td {
	background: #fff2bf;
}

.seastar-order-comments {
	max-width: 260px;
	max-height: 180px;
	margin: 0;
	overflow: auto;
	font-family: inherit;
	font-size: 12px;
}

.seastar-order-comment-entry {
	display: grid;
	gap: 3px;
	padding: 6px 0;
	border-bottom: 1px solid rgba(0,0,0,0.12);
}

.seastar-order-comment-entry:last-child {
	border-bottom: 0;
}

.seastar-order-comment-meta {
	display: inline-flex;
	width: fit-content;
	padding: 2px 6px;
	border-radius: 3px;
	background: #f0f6fc;
	color: #1d4f72;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
}

.seastar-order-comment-info .seastar-order-comment-meta {
	background: #f6f7f7;
	color: #50575e;
}

.seastar-order-comment-text {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	line-height: 1.35;
}

.seastar-order-comments-empty {
	color: #646970;
	font-style: italic;
}

.seastar-order-action {
	display: grid;
	gap: 8px;
	min-width: 220px;
}

.seastar-order-date-edit {
	padding: 8px;
	border: 1px solid #dcdcde;
	background: #f6f7f7;
}

.seastar-order-date-edit[open] {
	display: grid;
	gap: 6px;
}

.seastar-order-date-edit summary {
	cursor: pointer;
	font-weight: 700;
}

.seastar-order-date-edit label {
	font-size: 12px;
}

.seastar-order-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.seastar-order-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 12px;
}

@media (max-width: 782px) {
	.seastar-order-form-grid {
		grid-template-columns: 1fr;
	}

	.seastar-order-search,
	.seastar-order-search label,
	.seastar-order-search input[type="search"],
	.seastar-order-search button {
		width: 100%;
		box-sizing: border-box;
	}
}