.workplace-storage-reshape {
	> header {
		font-weight: 600;
	}

	> div {
		> .error {
			color: white;
			font-weight: bold;
			background-color: #f56c6c;
			padding: 1em 2em;
		}

		> ul {
			list-style-type: none;
			> li {
				display: flex;
				align-items: center;
				gap: 0.5em;

				line-height: 1.5em;

				&::first-letter {
					text-transform: capitalize;
				}

				&.done {
					color: green;
				}

				&.cur {
					color: black;

					&.data-sync {
						display: grid;
						grid-template-columns:
							repeat(2, max-content) 1fr
							max-content;

						> .nums {
							display: flex;
							align-items: center;
							gap: 1em;
						}
					}
				}

				> i {
					width: 2ch;
					text-align: center;
				}
			}
		}
	}

	> footer {
		font-style: italic;
	}
}