#workplace_fm {
	padding: 19px 25px;

	> .forbidden {
		display: block;
		padding: 1rem;
		text-align: center;
	}

	> .efs-space {
		> i.fa {
			margin-left: 7px;
		}
	}

	> .ebs-space {
		> div {
			display: flex;
			justify-content: space-between;
			width: 100%;
		}
		> progress {
			width: 100%;
			height: 34px;
		}
	}

	> #workplace_fm_files {
		display: flex;
		gap: 10px;

		&.init {
			display: block;
			padding: 1rem;
			text-align: center;
		}

		> .toolbar {
			display: flex;
			flex-direction: column;
			max-width: 12em;

			> a {
				padding: 15px 40px 15px 0;
				cursor: pointer;
				color: #333;

				> i {
					margin-right: 7px;
				}

				&.action:hover {
					padding: 15px 20px 15px 20px;
					background: aliceblue;
					color: var(--gc-link-color);
				}
				&.info:hover {
					color: var(--gc-link-color);
				}
			}
		}

		> .browser {
			flex: 1;

			> .top-bar {
				display: flex;
				border-bottom: 1px solid lightgray;

				> a {
					padding: 15px 20px;
					border-right: 1px solid lightgray;
					color: #333;
					cursor: pointer;
					&:hover {
						background: aliceblue;
						color: var(--gc-link-color);
					}
				}

				> .cur-path {
					display: flex;
					align-items: center;

					> .sep {
						color: darkgray;
						font-weight: 600;
					}

					> .cur {
						color: #333;
						padding: 15px 10px;

						> i {
							padding-right: 0.5em;
							cursor: text;
						}
					}

					> a {
						color: #333;
						cursor: pointer;
						padding: 15px 10px;
						&:hover {
							background: aliceblue;
							color: var(--gc-link-color);
						}

						> i {
							padding-right: 0.5em;
						}
					}

					> *:first-child {
						padding-left: 20px;
					}
				}
			}

			> .empty {
				padding: 1rem;
				text-align: center;
				color: gray;
			}

			> .list {
				--bg: #fafafa;
				--brdr: 1px dotted lightgray;

				display: flex;
				flex-direction: column;

				/* Folder */
				> a {
					cursor: pointer;
					color: #333;
					padding: 15px 20px;

					&:hover {
						background: aliceblue;
						color: var(--gc-link-color);
					}

					> i {
						padding-right: 0.5em;
					}
				}

				> .file {
					display: flex;
					align-items: center;
					gap: 23px;
					padding: 15px 20px;

					> *:first-child {
						flex: 1;
						align-self: stretch;
					}

					&:nth-child(even) {
						background: var(--bg);
						border-bottom: var(--brdr);
						border-top: var(--brdr);
					}

					> .fa-trash-o:hover {
						color: red;
					}

					> a {
						color: #333;
						&:hover {
							color: var(--gc-link-color);
						}
					}
				}
			}
		}
	}
}