.maintained-log .ml-action-form {
	display: inline;
}

.maintained-log .ml-action-form .page-title-action {
	top: -3px;
	margin-left: 4px;
	cursor: pointer;
}

.maintained-log .ml-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 16px 0;
}

.maintained-log .ml-card {
	flex: 1 1 160px;
	max-width: 240px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-left: 4px solid #2271b1;
}

.maintained-log .ml-card--wide {
	flex-basis: 260px;
	max-width: 320px;
}

.maintained-log .ml-card__actions {
	margin: 8px 0 4px;
}

.maintained-log .ml-card__actions .ml-action-form + .ml-action-form {
	margin-left: 4px;
}

.maintained-log .ml-rollback {
	margin-top: 6px;
}

.maintained-log .ml-card.ml-card--danger {
	border-left-color: #d63638;
}

.maintained-log .ml-card__alert {
	color: #b32d2e;
	font-weight: 600;
}

.maintained-log .ml-tag.ml-tag--security {
	margin-left: 0;
	color: #fff;
	font-weight: 600;
}

.maintained-log .ml-security {
	margin-top: 6px;
}

.maintained-log .ml-error {
	color: #b32d2e;
}

.maintained-log .ml-card--ok {
	border-left-color: #00a32a;
}

.maintained-log .ml-card--warning {
	border-left-color: #dba617;
}

.maintained-log .ml-card__value {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
}

.maintained-log .ml-card__label {
	color: #50575e;
}

.maintained-log .ml-columns {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.maintained-log .ml-main {
	flex: 1 1 auto;
	min-width: 0;
}

.maintained-log .ml-side {
	flex: 0 0 320px;
	margin-top: 40px;
}

.maintained-log .ml-side label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.maintained-log .ml-inline {
	display: flex;
	gap: 12px;
}

.maintained-log .ml-toolbar {
	float: right;
	margin: 8px 0;
}

.maintained-log .ml-log {
	clear: both;
}

.maintained-log .ml-col-date {
	width: 130px;
	white-space: nowrap;
}

.maintained-log .ml-col-type {
	width: 90px;
	white-space: nowrap;
}

.maintained-log .ml-col-who {
	width: 160px;
}

.maintained-log .ml-status {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-radius: 50%;
	background: #8c8f94;
	vertical-align: middle;
}

.maintained-log .ml-status--success {
	background: #00a32a;
}

.maintained-log .ml-status--warning {
	background: #dba617;
}

.maintained-log .ml-status--error {
	background: #d63638;
}

.maintained-log .ml-tag {
	display: inline-block;
	margin-left: 6px;
	padding: 0 6px;
	font-size: 11px;
	line-height: 18px;
	color: #50575e;
	background: #f0f0f1;
	border-radius: 3px;
}

.maintained-log .ml-tag--amend {
	background: #fcf0e3;
}

.maintained-log .ml-details {
	margin: 6px 0 0;
}

.maintained-log .ml-details li {
	margin: 2px 0;
	word-break: break-all;
}

.maintained-log .ml-tech {
	margin: 0 0 10px;
}

.maintained-log .ml-tech li {
	margin-bottom: 8px;
}

.maintained-log .ml-notes {
	margin-top: 4px;
}

.maintained-log .ml-muted {
	color: #787c82;
	font-size: 12px;
}

.maintained-log .ml-period label {
	margin-right: 8px;
}

.maintained-log .ml-send {
	margin: 12px 0;
}

.maintained-log .ml-preview {
	width: 100%;
	max-width: 760px;
	height: 900px;
	background: #f3f4f6;
	border: 1px solid #dcdcde;
}

.maintained-log .ml-checkbox {
	display: block;
	margin-bottom: 6px;
}

@media (max-width: 960px) {
	.maintained-log .ml-columns {
		flex-direction: column;
	}

	.maintained-log .ml-side {
		flex-basis: auto;
		width: 100%;
		margin-top: 0;
	}
}

.maintained-log .ml-fetch {
	margin: 16px 0 8px;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid #dcdcde;
}

.maintained-log .ml-fetch h2 {
	margin-top: 0;
}

.maintained-log .ml-fetch__boxes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.maintained-log .ml-fetch__box {
	padding: 12px 16px;
	border: 1px solid #f0f0f1;
	border-radius: 4px;
	background: #f6f7f7;
}

.maintained-log .ml-fetch__box h3 {
	margin: 0 0 6px;
}

.maintained-log .ml-fetch__progress {
	height: 6px;
	margin: 12px 0 6px;
	border-radius: 3px;
	background: #dcdcde;
	overflow: hidden;
}

.maintained-log .ml-fetch__progress span {
	display: block;
	height: 100%;
	width: 0;
	background: #2271b1;
	transition: width .3s;
}

.maintained-log .ml-fetch__status ul {
	margin: 6px 0 0 18px;
	list-style: disc;
}

.maintained-log .ml-fetch__status .is-error,
.maintained-log .ml-fetch__status .is-warning {
	color: #b32d2e;
	font-weight: 600;
}

.maintained-log .ml-fetch__status .is-ok {
	color: #007017;
	font-weight: 600;
}

.maintained-log .ml-tech__note {
	margin: 4px 0;
	padding: 4px 8px;
	background: #f6f7f7;
	border-left: 3px solid #2271b1;
	font-size: 12px;
}

.maintained-log .ml-tech-notes__item {
	margin: 12px 0;
}

.maintained-log .ml-tech-notes__item label {
	display: block;
	margin-bottom: 4px;
}

.maintained-log .ml-tech-notes__item .ml-muted {
	margin: 2px 0 0;
}

.maintained-log .ml-vulns {
	margin: 0 0 16px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-left: 4px solid #d63638;
}

.maintained-log .ml-vulns h2 {
	margin: 0 0 8px;
	font-size: 15px;
}

.maintained-log .ml-vulns__item {
	padding: 10px 0;
	border-top: 1px solid #f0f0f1;
}

.maintained-log .ml-vulns__item p {
	margin: 4px 0;
}

.maintained-log .ml-vulns__item--uncertain .ml-vulns__state {
	background: #f0f6fc;
}

.maintained-log .ml-vulns__item--active .ml-vulns__state {
	background: #fcf0f1;
	color: #b32d2e;
}

.maintained-log .ml-vulns__item--reviewed {
	opacity: .75;
}

.maintained-log .ml-vulns__review {
	display: flex;
	gap: 6px;
	margin-top: 6px;
	flex-wrap: wrap;
}

.maintained-log .ml-vulns summary {
	cursor: pointer;
	color: #2271b1;
}

.maintained-log .ml-health {
	margin: 6px 0 8px;
	padding: 10px 12px;
	background: #f6f7f7;
	border-radius: 4px;
}

.maintained-log .ml-health ul {
	margin: 6px 0;
}

.maintained-log .ml-health__intro {
	margin: 0;
	font-weight: 600;
}

.maintained-log .ml-health__issue {
	margin-bottom: 8px;
}

.maintained-log .ml-health__issue .ml-tag {
	margin: 0 6px 0 0;
}

.maintained-log .ml-health__issue--critical .ml-tag {
	background: #fcf0f1;
	color: #b32d2e;
	font-weight: 600;
}

.maintained-log .ml-card__note a {
	color: #50575e;
	font-size: 12px;
}

.maintained-log .ml-vulns__item--inactive .ml-vulns__state {
	background: #f0f0f1;
	color: #50575e;
	font-weight: 600;
}

.maintained-log .ml-conditions,
.maintained-log .ml-cron {
	max-width: 900px;
	margin: 12px 0 16px;
	padding: 12px 20px 16px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-left: 4px solid #2271b1;
}

.maintained-log .ml-conditions h3,
.maintained-log .ml-cron h2 {
	margin-top: 4px;
}

.maintained-log .ml-conditions ul {
	margin: 12px 0 0;
}

.maintained-log .ml-conditions__item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0;
	padding: 8px 0;
	border-top: 1px solid #f0f0f1;
}

.maintained-log .ml-conditions__item p {
	margin: 2px 0 0;
	color: #50575e;
}

.maintained-log .ml-conditions__item .dashicons {
	flex: none;
	margin-top: 1px;
}

.maintained-log .is-ok > .dashicons {
	color: #007017;
}

.maintained-log .is-info > .dashicons {
	color: #787c82;
}

.maintained-log .is-warning > .dashicons {
	color: #996800;
}

.maintained-log .is-error > .dashicons {
	color: #b32d2e;
}

.maintained-log .ml-cron__status {
	padding: 8px 12px;
	background: #f6f7f7;
	border-left: 3px solid #787c82;
}

.maintained-log .ml-cron__status.is-ok {
	border-left-color: #00a32a;
}

.maintained-log .ml-cron__status.is-warning {
	border-left-color: #dba617;
}

.maintained-log .ml-cron__status.is-error {
	border-left-color: #d63638;
}

.maintained-log .ml-cron__steps li {
	margin-bottom: 12px;
}

.maintained-log .ml-cron__code {
	display: block;
	margin-top: 6px;
}

.maintained-log .ml-cron details {
	margin-top: 8px;
}
