#editing-body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: fit-content;
	margin: auto;
}

.editing-container {
	background-color: #fff6e6;
	border-radius: 1rem;
	padding: 1rem;
	margin: 0.5rem 0rem;
	width: max-content;
	max-width: max(85vw, 100ch);
}

.command-row {
	display: grid;
	grid-template-columns: repeat(7, 9rem);
}

.dense-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.edit-row {
	display: grid;
	grid-template-columns: repeat(3, 9rem);
}
.edit-row > *:first-child {
	text-align: right;
}
.edit-row > * {
	margin-right: 1rem;
}
.keyword {
	font-family: "Roboto Mono", monospace;
	line-height: 2.5rem;
	background-color: rgb(255, 252, 245);
	box-shadow: inset 0 0 0 1px black;
	padding: 0rem 0.5rem;
	user-select: none;
}

button {
	background-color: #fcfcfc;
	border-radius: 0.5rem;
	padding: 0.25rem 0.5rem;
	margin: 0.25rem 0rem;
	box-shadow: 0.1rem 0.1rem 0.3rem -0.1rem black;
}
button:hover {
	background-color: #ffffff;
	box-shadow: 0.15rem 0.15rem 0.4rem -0.1rem black;
}
.delete-button:hover {
	background-color: #ff6e6e;
}
button:active {
	background-color: #f5f5f5;
	box-shadow: 0.05rem 0.05rem 0.2rem -0.1rem black;
}

.tc-message {
	border-bottom: 1px solid rgb(150, 150, 150);
	padding: 0.25rem;
	color:rgb(150, 150, 150);
}


.tc-actionable {
	color:rgb(0, 0, 0) !important;
}

.tc-handled {
	background-color: rgb(196, 228, 255);
}
.tc-expired {
	opacity: 0.5;
}
/* actionable, expired, and not handled */
.tc-actionable:not(.tc-handled).tc-expired {
	background-color: rgb(255, 214, 214);
}

.command-active {
	background-color: rgb(84, 195, 255);
}

a, select, input[type="file"] {
	display: inline-block;
	user-select: none;
	height: 2rem;
	padding: 0 1rem;
	display: flex;
	justify-content: center;
	text-align: center;
	border: 1px solid black;
	border-radius: 0.6rem;
	line-height: 2rem;
	background-color: #fcfcfc;
	margin: 0.25rem 0rem;
	box-shadow: 0.1rem 0.1rem 0.3rem -0.1rem black, inset 0 -0.6rem 1rem -1.1rem black;
	text-decoration: none;
}
a:hover, select:hover {
	background-color: #ffffff;
	box-shadow: 0.15rem 0.15rem 0.4rem -0.1rem black, inset 0 -0.6rem 1rem -1.1rem black;
}
a:active, select:active {
	background-color: #f5f5f5;
	box-shadow: 0.05rem 0.05rem 0.2rem -0.1rem black, inset 0 -0.6rem 1rem -1.1rem black;
}

.editing-param-holder {
	width:25rem;
	display:flex;
	justify-content:end;
	margin:0.5rem;
}

.keyword-selected {
	background-color: rgb(59, 170, 255);
	box-shadow: inset 0 0 0 1px black, 0.1rem 0.1rem 0.3rem -0.1rem black;
}