.dml-works {
	margin: 2rem 0;
}

.dml-works-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: end;
	justify-content: space-between;
	margin: 0 0 24px;
	padding: 18px 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.dml-works-filter-fields {
	display: grid;
	flex: 1 1 420px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.dml-works-filter-field {
	display: grid;
	gap: 6px;
	margin: 0;
	color: #333;
	font-size: 0.9rem;
	font-weight: 700;
}

.dml-works-filter-clients,
.dml-works-filter-statuses {
	grid-column: 1 / -1;
	padding: 0;
	border: 0;
}

.dml-works-filter-clients legend,
.dml-works-filter-statuses legend {
	margin-bottom: 6px;
	padding: 0;
}

.dml-works-client-buttons,
.dml-works-status-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dml-works-client-more {
	display: contents;
}

.dml-works-client-more-button {
	cursor: pointer;
	list-style: none;
}

.dml-works-client-more-button::-webkit-details-marker {
	display: none;
}

.dml-works-client-more-list {
	display: contents;
}

.dml-works-client-button,
.dml-works-status-button {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	padding: 5px 12px;
	border: 1px solid #d4d4d8;
	border-radius: 999px;
	background: #fff;
	color: #333;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.dml-works-client-button:hover,
.dml-works-client-button:focus,
.dml-works-client-button.is-active,
.dml-works-status-button:hover,
.dml-works-status-button:focus,
.dml-works-status-button.is-active {
	border-color: #3b333d;
	background: #3b333d;
	color: #fff;
	text-decoration: none;
}

.dml-works-client-button-tone-0 {
	border-color: #b8cfe1;
	background: #edf6fc;
	color: #254f6d;
}

.dml-works-client-button-tone-1 {
	border-color: #dfc4b4;
	background: #fbf1eb;
	color: #6d402a;
}

.dml-works-client-button-tone-2 {
	border-color: #bad9c2;
	background: #eef8f0;
	color: #2f623e;
}

.dml-works-client-button-tone-3 {
	border-color: #dec0da;
	background: #fbf0fa;
	color: #6a3d62;
}

.dml-works-client-button-tone-4 {
	border-color: #d8c99d;
	background: #fbf7e8;
	color: #66511e;
}

.dml-works-client-button-tone-5 {
	border-color: #c3cae3;
	background: #f0f3fc;
	color: #45557e;
}

.dml-works-client-button-tone-6 {
	border-color: #e0bac0;
	background: #fbedef;
	color: #6c333b;
}

.dml-works-client-button-tone-7 {
	border-color: #b8d9d6;
	background: #ecf8f7;
	color: #31615d;
}

.dml-works-client-button-tone-0:hover,
.dml-works-client-button-tone-0:focus,
.dml-works-client-button-tone-0.is-active {
	border-color: #365f7f;
	background: #365f7f;
	color: #fff;
}

.dml-works-client-button-tone-1:hover,
.dml-works-client-button-tone-1:focus,
.dml-works-client-button-tone-1.is-active {
	border-color: #7a4f3a;
	background: #7a4f3a;
	color: #fff;
}

.dml-works-client-button-tone-2:hover,
.dml-works-client-button-tone-2:focus,
.dml-works-client-button-tone-2.is-active {
	border-color: #3f6f50;
	background: #3f6f50;
	color: #fff;
}

.dml-works-client-button-tone-3:hover,
.dml-works-client-button-tone-3:focus,
.dml-works-client-button-tone-3.is-active {
	border-color: #7a4c72;
	background: #7a4c72;
	color: #fff;
}

.dml-works-client-button-tone-4:hover,
.dml-works-client-button-tone-4:focus,
.dml-works-client-button-tone-4.is-active {
	border-color: #6c5a31;
	background: #6c5a31;
	color: #fff;
}

.dml-works-client-button-tone-5:hover,
.dml-works-client-button-tone-5:focus,
.dml-works-client-button-tone-5.is-active {
	border-color: #4f5f8a;
	background: #4f5f8a;
	color: #fff;
}

.dml-works-client-button-tone-6:hover,
.dml-works-client-button-tone-6:focus,
.dml-works-client-button-tone-6.is-active {
	border-color: #7a3f46;
	background: #7a3f46;
	color: #fff;
}

.dml-works-client-button-tone-7:hover,
.dml-works-client-button-tone-7:focus,
.dml-works-client-button-tone-7.is-active {
	border-color: #3c6c68;
	background: #3c6c68;
	color: #fff;
}

.dml-works-filter-field input {
	width: 100%;
	min-height: 42px;
	padding: 8px 10px;
	border: 1px solid #d4d4d8;
	border-radius: 3px;
	background: #fff;
	color: #222;
	font: inherit;
	font-weight: 400;
}

.dml-works-filter-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.dml-works-filter-submit,
.dml-works-filter-reset {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	border: 1px solid #3b333d;
	border-radius: 3px;
	background: #3b333d;
	color: #fff;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dml-works-filter-reset {
	background: #fff;
	color: #3b333d;
}

.dml-works-filter-submit:hover,
.dml-works-filter-submit:focus {
	color: #fff;
	opacity: 0.86;
	text-decoration: none;
}

.dml-works-filter-reset:hover,
.dml-works-filter-reset:focus {
	color: #3b333d;
	opacity: 0.78;
	text-decoration: none;
}

.dml-works-list {
	display: grid;
	gap: 0;
}

.dml-work-card {
	display: grid;
	grid-template-columns: 188px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	padding: 22px 0;
	overflow: hidden;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #ededed;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.dml-work-card:hover,
.dml-work-card:focus {
	color: inherit;
	opacity: 0.78;
	text-decoration: none;
}

.dml-work-image {
	aspect-ratio: 1 / 1;
	background: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

.dml-work-image-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dml-work-image-placeholder {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #71717a;
	font-size: 0.9rem;
}

.dml-work-body {
	min-width: 0;
	padding: 0;
}

.dml-work-date {
	margin: 0 0 8px;
	color: #3f3f46;
	font-size: 1rem;
	line-height: 1.4;
}

.dml-work-label {
	display: inline-flex;
	max-width: 100%;
	margin: 0 0 14px;
	padding: 8px 18px;
	border-radius: 3px;
	background: #3b333d;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.dml-work-label-tone-0 {
	background: #365f7f;
}

.dml-work-label-tone-1 {
	background: #7a4f3a;
}

.dml-work-label-tone-2 {
	background: #3f6f50;
}

.dml-work-label-tone-3 {
	background: #7a4c72;
}

.dml-work-label-tone-4 {
	background: #6c5a31;
}

.dml-work-label-tone-5 {
	background: #4f5f8a;
}

.dml-work-label-tone-6 {
	background: #7a3f46;
}

.dml-work-label-tone-7 {
	background: #3c6c68;
}

.dml-work-title {
	margin: 0;
	color: #333;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.dml-work-status {
	display: inline-flex;
	margin: 14px 0 0;
	padding: 5px 10px;
	border: 1px solid #d4d4d8;
	border-radius: 3px;
	background: #fff;
	color: #3f3f46;
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.2;
}

.dml-work-status-canceled,
.dml-works-status-canceled {
	border-color: #e0bac0;
	background: #fbedef;
	color: #6c333b;
}

.dml-works-status-canceled:hover,
.dml-works-status-canceled:focus,
.dml-works-status-canceled.is-active {
	border-color: #7a3f46;
	background: #7a3f46;
	color: #fff;
}

.dml-work-description {
	color: #3f3f46;
	font-size: 0.95rem;
	line-height: 1.8;
}

.dml-work-description p:last-child {
	margin-bottom: 0;
}

.dml-works-empty {
	padding: 16px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.dml-works-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 24px;
}

.dml-works-pagination .page-numbers {
	display: inline-flex;
	min-width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border: 1px solid #d4d4d8;
	border-radius: 3px;
	color: #3f3f46;
	text-decoration: none;
}

.dml-works-pagination .page-numbers.current {
	border-color: #3b333d;
	background: #3b333d;
	color: #fff;
}

.dml-work-detail {
	margin: 2rem 0;
}

.dml-work-detail-date {
	margin: 0 0 8px;
	color: #666;
	font-size: 0.86rem;
	font-weight: 700;
}

.dml-work-detail-heading {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
}

.dml-work-detail-title {
	margin: 0 0 18px;
	color: #222;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.dml-work-detail-label {
	flex: 0 0 auto;
	max-width: 42%;
	margin-top: 6px;
	padding: 8px 14px;
	border-radius: 2px;
	background: #3b333d;
	color: #fff;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.dml-work-detail-print-action {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin: -6px 0 32px;
}

.dml-work-detail-image {
	width: min(100%, 540px);
	aspect-ratio: 1 / 1;
	margin: 0 auto 28px;
	background: #f4f4f5;
	overflow: hidden;
}

.dml-work-detail-image-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dml-work-detail-fields {
	margin: 0 0 26px;
	border-top: 1px solid #e9e9e9;
}

.dml-work-detail-field {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	min-height: 46px;
	border-bottom: 1px solid #e9e9e9;
}

.dml-work-detail-field dt,
.dml-work-detail-field dd {
	margin: 0;
	padding: 14px 0;
	font-size: 0.95rem;
	line-height: 1.6;
}

.dml-work-detail-field dt {
	color: #222;
	font-weight: 700;
}

.dml-work-detail-field dd {
	color: #444;
	overflow-wrap: anywhere;
}

.dml-work-detail-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin: 28px 0;
}

.dml-work-print-link,
.dml-work-back-link {
	display: inline-flex;
	min-width: 220px;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	border: 0;
	border-radius: 6px;
	background: #174d77;
	color: #fff;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dml-work-back-link {
	min-width: 120px;
	background: #777;
}

.dml-work-print-link:hover,
.dml-work-print-link:focus,
.dml-work-back-link:hover,
.dml-work-back-link:focus {
	color: #fff;
	opacity: 0.86;
	text-decoration: none;
}

.dml-manage {
	box-sizing: border-box;
	width: min(100% - 48px, 1720px);
	margin: 2.5rem auto 3rem;
	color: #252525;
}

.dml-manage *,
.dml-manage *::before,
.dml-manage *::after {
	box-sizing: border-box;
}

.dml-work-detail-editor {
	width: 100%;
	margin: 0;
	padding: clamp(20px, 2.2vw, 32px);
	border: 1px solid #c8c8d0;
	border-radius: 16px;
	background: linear-gradient(180deg, #fff 0%, #faf9f7 100%);
	box-shadow: 0 18px 40px rgba(40, 34, 42, 0.06);
}

.dml-work-detail-editor-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: flex-end;
}

.dml-manage-header {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 20px;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d3d4db;
}

.dml-manage-header h2,
.dml-manage-panel h3 {
	margin: 0;
	line-height: 1.25;
}

.dml-manage-header h2 {
	font-size: clamp(2rem, 2.4vw, 2.7rem);
}

.dml-manage-button,
.dml-manage-filter button {
	display: inline-flex;
	min-height: 56px;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border: 1px solid #3b333d;
	border-radius: 6px;
	background: #3b333d;
	color: #fff;
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dml-manage-button:hover,
.dml-manage-button:focus,
.dml-manage-filter button:hover,
.dml-manage-filter button:focus {
	color: #fff;
	opacity: 0.86;
	text-decoration: none;
}

.dml-manage-button-secondary {
	background: #fff;
	color: #3b333d;
}

.dml-manage-button-secondary:hover,
.dml-manage-button-secondary:focus {
	color: #3b333d;
}

.dml-manage-notice {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-left: 4px solid #3b333d;
	background: #f7f7f7;
	font-weight: 700;
}

.dml-manage-notice p {
	margin: 0;
}

.dml-manage-notice ul {
	margin: 10px 0 0 1.25rem;
}

.dml-manage-notice li {
	font-weight: 400;
	line-height: 1.6;
}

.dml-manage-notice-success {
	border-left-color: #2f6f45;
	background: #edf8f0;
	color: #225334;
}

.dml-manage-notice-error {
	border-left-color: #b83a3a;
	background: #fff0f0;
	color: #7f2424;
}

.dml-manage-notice-warning {
	border-left-color: #b7791f;
	background: #fff8e8;
	color: #7b4f13;
}

.dml-manage-notice-info {
	border-left-color: #2c6b9a;
	background: #eef7fd;
	color: #1f5277;
}

.dml-manage-filter {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
	gap: 12px;
	align-items: end;
	margin: 0 0 20px;
	padding: 16px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.dml-manage-filter label,
.dml-manage-form label {
	display: grid;
	gap: 9px;
	margin: 0;
	font-size: 0.95rem;
	font-weight: 700;
}

.dml-manage-form {
	display: grid;
	gap: 28px;
}

.dml-manage-filter input:not([type="checkbox"]),
.dml-manage-filter select,
.dml-manage-form input:not([type="checkbox"]),
.dml-manage-form select,
.dml-manage-form textarea {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid #b8bac2;
	border-radius: 8px;
	background: #fff;
	color: #222;
	font: inherit;
	font-weight: 400;
	box-shadow: inset 0 1px 2px rgba(28, 26, 33, 0.04);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
}

.dml-manage-filter input:not([type="checkbox"]):focus,
.dml-manage-filter select:focus,
.dml-manage-form input:not([type="checkbox"]):focus,
.dml-manage-form select:focus,
.dml-manage-form textarea:focus {
	outline: none;
	border-color: #4d4650;
	box-shadow:
		inset 0 1px 2px rgba(28, 26, 33, 0.04),
		0 0 0 4px rgba(77, 70, 80, 0.14);
}

.dml-manage-form textarea {
	min-height: 108px;
	padding-top: 12px;
	resize: vertical;
}

.dml-manage-filter-actions,
.dml-manage-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.dml-manage-form-actions {
	padding-top: 24px;
	border-top: 1px solid #d3d4db;
}

.dml-manage-table-wrap {
	overflow-x: auto;
	margin: 0 0 18px;
	border: 1px solid #e4e4e7;
}

.dml-manage-table {
	width: 100%;
	min-width: 820px;
	border-collapse: collapse;
	background: #fff;
	font-size: 0.92rem;
}

.dml-manage-table th,
.dml-manage-table td {
	padding: 11px 12px;
	border-bottom: 1px solid #e4e4e7;
	text-align: left;
	vertical-align: middle;
}

.dml-manage-table th {
	background: #f6f6f7;
	font-weight: 700;
	white-space: nowrap;
}

.dml-manage-inline-link {
	font-weight: 700;
	white-space: nowrap;
}

.dml-manage-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.dml-manage-pagination .page-numbers {
	display: inline-flex;
	min-width: 36px;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border: 1px solid #d4d4d8;
	border-radius: 3px;
	text-decoration: none;
}

.dml-manage-pagination .current {
	border-color: #3b333d;
	background: #3b333d;
	color: #fff;
}

.dml-manage-title-field {
	margin: 0;
}

.dml-manage-title-field input {
	min-height: 70px;
	font-size: 1.25rem;
	font-weight: 700;
}

.dml-manage-field {
	display: grid;
	gap: 8px;
}

.dml-manage-field-label {
	font-weight: 700;
	color: #27272a;
}

.dml-manage-form-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
	gap: 24px;
	align-items: start;
}

.dml-manage-csv-panel {
	margin: 0 0 28px;
}

.dml-manage-csv-grid {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
	gap: 28px;
	align-items: start;
}

.dml-manage-csv-block {
	display: grid;
	gap: 14px;
}

.dml-manage-csv-block h4 {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.4;
}

.dml-manage-csv-block p {
	margin: 0;
	color: #474b55;
	line-height: 1.75;
}

.dml-manage-csv-disclosure {
	border: 1px solid #d3d4db;
	border-radius: 12px;
	background: linear-gradient(180deg, #fcfcfc 0%, #f7f6f4 100%);
	overflow: hidden;
}

.dml-manage-csv-disclosure[open] {
	background: #fff;
}

.dml-manage-csv-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 20px 22px;
	cursor: pointer;
	list-style: none;
}

.dml-manage-csv-summary::-webkit-details-marker {
	display: none;
}

.dml-manage-csv-summary:focus-visible {
	outline: 3px solid rgba(77, 70, 80, 0.2);
	outline-offset: -3px;
}

.dml-manage-csv-summary-text {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.dml-manage-csv-summary-title {
	color: #27272a;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.4;
}

.dml-manage-csv-summary-copy {
	color: #5b5f69;
	font-size: 0.92rem;
	line-height: 1.7;
}

.dml-manage-csv-summary-icon {
	display: inline-flex;
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	border-right: 2px solid #3b333d;
	border-bottom: 2px solid #3b333d;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}

.dml-manage-csv-disclosure[open] .dml-manage-csv-summary-icon {
	transform: rotate(225deg);
}

.dml-manage-csv-disclosure-body {
	display: grid;
	gap: 16px;
	padding: 22px;
	border-top: 1px solid #d3d4db;
}

.dml-manage-csv-form {
	gap: 20px;
}

.dml-manage-csv-form-fields {
	display: grid;
	gap: 18px;
}

.dml-manage-csv-help {
	display: block;
	margin: 0;
	color: #5b5f69;
	font-size: 0.9rem;
	line-height: 1.7;
}

.dml-manage-csv-checkbox-wrap {
	display: grid;
	gap: 10px;
}

.dml-manage-csv-checkbox {
	display: flex !important;
	gap: 12px;
	align-items: flex-start;
}

.dml-manage-csv-checkbox input[type="checkbox"] {
	appearance: auto;
	width: 24px;
	min-width: 24px;
	min-height: 24px;
	height: 24px;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	accent-color: #3b333d;
}

.dml-manage-csv-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.dml-manage-panel {
	display: grid;
	gap: 18px;
	padding: 24px;
	border: 1px solid #c7c9d1;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(36, 31, 39, 0.04);
}

.dml-manage-panel h3 {
	padding-bottom: 12px;
	border-bottom: 1px solid #d3d4db;
}

.dml-client-cloud,
.dml-brand-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 2px 0 6px;
}

.dml-client-chip,
.dml-brand-chip {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border: 1px solid #bfc1c9;
	border-radius: 999px;
	background: #fff;
	color: #333;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dml-client-chip:hover,
.dml-client-chip:focus,
.dml-brand-chip:hover,
.dml-brand-chip:focus {
	border-color: #3b333d;
	background: #3b333d;
	color: #fff;
	text-decoration: none;
}

.dml-manage-image-preview {
	display: flex;
	width: 140px;
	height: 140px;
	align-items: center;
	justify-content: center;
	border: 1px solid #c7c9d1;
	border-radius: 10px;
	background: #f7f7f7;
	overflow: hidden;
}

.dml-manage-image-preview-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dml-manage-image-placeholder {
	color: #71717a;
	font-size: 0.9rem;
	font-weight: 700;
}

.dml-manage-image-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dml-manage-delete-form {
	margin: 24px 0 0;
	padding-top: 20px;
	border-top: 1px solid #d3d4db;
}

.dml-manage-delete-button {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border: 1px solid #b83a3a;
	border-radius: 3px;
	background: #fff;
	color: #b83a3a;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.dml-manage-delete-button:hover,
.dml-manage-delete-button:focus {
	background: #b83a3a;
	color: #fff;
}

@media (max-width: 1024px) {
	.dml-manage {
		width: min(100% - 32px, 1720px);
		margin: 2rem auto 2.5rem;
	}

	.dml-manage-filter {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dml-manage-filter-actions {
		grid-column: 1 / -1;
	}

	.dml-manage-form-grid,
	.dml-manage-csv-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.dml-manage-panel,
	.dml-work-detail-editor {
		padding: 20px;
	}
}

@media (max-width: 640px) {
	.dml-manage {
		width: min(100% - 24px, 1720px);
		margin: 1.5rem auto 2rem;
	}

	.dml-works-filter {
		display: grid;
		align-items: stretch;
	}

	.dml-works-filter-fields {
		grid-template-columns: 1fr;
	}

	.dml-works-filter-actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.dml-works-filter-submit,
	.dml-works-filter-reset {
		width: 100%;
	}

	.dml-work-card {
		grid-template-columns: 120px minmax(0, 1fr);
		gap: 16px;
		padding: 18px 0;
	}

	.dml-work-date {
		font-size: 0.9rem;
	}

	.dml-work-label {
		margin-bottom: 10px;
		padding: 7px 12px;
		font-size: 0.85rem;
	}

	.dml-work-title {
		font-size: 1rem;
	}

	.dml-work-detail-heading {
		display: block;
	}

	.dml-work-detail-title {
		font-size: 1.55rem;
	}

	.dml-work-detail-label {
		display: inline-flex;
		max-width: 100%;
		margin: 0 0 18px;
	}

	.dml-work-detail-field {
		grid-template-columns: 118px minmax(0, 1fr);
	}

	.dml-work-detail-field dt,
	.dml-work-detail-field dd {
		font-size: 0.88rem;
	}

	.dml-work-print-link,
	.dml-work-back-link {
		width: 100%;
	}

	.dml-manage-header,
	.dml-manage-filter,
	.dml-manage-form-grid,
	.dml-manage-csv-grid,
	.dml-manage-filter-actions,
	.dml-manage-form-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.dml-manage-button,
	.dml-manage-filter button {
		width: 100%;
	}

	.dml-work-detail-editor {
		padding: 18px 16px;
		border-radius: 12px;
	}

	.dml-manage-header {
		margin-bottom: 24px;
		padding-bottom: 14px;
	}

	.dml-manage-panel {
		padding: 18px 16px;
	}

	.dml-manage-csv-summary,
	.dml-manage-csv-disclosure-body {
		padding-left: 16px;
		padding-right: 16px;
	}

	.dml-manage-csv-summary {
		align-items: flex-start;
	}
}