/* 3task Post Order inside the native WordPress lists. */
.column-threepo { width: 110px; }

.threepo-native { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.threepo-native .threepo-native-handle {
	display: inline-grid; place-items: center; width: 36px; min-height: 36px; padding: 0;
	color: #047857; border-color: #a7c4b8; border-radius: 8px; cursor: grab; touch-action: none;
}
.threepo-native .threepo-native-handle:hover { background: #ecfdf5; border-color: #047857; color: #065f46; }
.threepo-native .threepo-native-handle:focus-visible { outline: 3px solid #047857; outline-offset: 2px; box-shadow: none; }
.threepo-native .threepo-icon { vertical-align: middle; }

.threepo-native-drop { box-shadow: inset 0 3px #047857; }

.threepo-native-status {
	padding: 10px 14px; border-radius: 8px; background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0;
}
.threepo-native-status[data-error="1"] { background: #fef2f2; color: #b91c1c; border-color: #fca5a5; }

.notice.threepo-termbar {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 12px;
	border-left-color: #047857; background: #fff;
}
.notice.threepo-termbar > span { font-weight: 600; margin-right: 4px; }
.notice.threepo-termbar .button-primary { background: #047857; border-color: #047857; }
.threepo-termbar-manage { margin-left: auto; }