html { background-color: #111111; color: #aaaaaa; height: 100%; }
body { font-family: monospace; margin: 1rem; }

a { color: #e61e25; text-decoration: none; }
a:hover { text-decoration: underline; }
a.copyable { cursor: copy; }
h1, h2 { margin: 0; }
hr { border: 0; height: 1rem; margin: 0; }

table th { text-align: inherit; }
table th button {
	background-color: #111111; border-radius: 3px; border: none; color: #aaaaaa; height: 100%; padding: 0 0.4rem;
	text-align: inherit; width: 100%;
}
table th button:hover { background-color: #222222; }
table tr.field.hidden { display: none; }
table td { padding: 0 0.4rem; }
table td:empty::after { content: "\00a0"; }
table td pre { margin: 0; }

.highlight-row tr:hover td { background-color: #222222; }
.nowrap td { white-space: nowrap; }

table input {
	border: 2px solid #333333; border-radius: 3px; background-color: #111111; font-family: monospace; padding: 2px;
}
table input[type="text"] { color: #aaaaaa; width: 36em; }
table input[type="number"] { color: #aaaaaa; width: 3em; }
table input[type="password"] { color: #888888; width: 36em; }
table input[type="submit"] { color: #e61e25; padding: 2px 1.6em; }
table input[type="checkbox"] {
	appearance: none; border: 2px solid #333333; border-radius: 3px; display: inline-block; height: 1.375rem;
	margin: 0; padding: 2px; vertical-align: top; width: 1.375rem;
}
table input[type="checkbox"]:hover { background-color: #222222; cursor: pointer; }
table input[type="checkbox"]::after { content: ""; display: none; position:relative; }
table input[type="checkbox"]:checked::after {
	display: block; background-color: #e61e25; border: solid #e61e25; border-radius: 3px; height: 60%; width: 60%;
}

table select {
	border: 2px solid #333333; border-radius: 3px; background-color: #111111; color: #aaaaaa; padding: 2px;
}

table textarea {
	border: 2px solid #333333; border-radius: 3px; background-color: #111111; color: #888888; display: block;
	height: 12rem; min-height: 12rem; padding: 2px; resize: vertical; tab-size: 4; width: 36em;
}

:is(.job-row, .task-row)[data-system="solo4"] td.field-system { color: lightblue; }
:is(.job-row, .task-row)[data-system="solo5"] td.field-system { color: lightpink; }
:is(.job-row, .task-row)[data-system="md"]    td.field-system { color: deepskyblue; }
:is(.job-row, .task-row)[data-system="smd"]   td.field-system { color: violet; }
:is(.job-row, .task-row)[data-system="p3d1"]  td.field-system { color: #ff7f00; }
:is(.job-row, .task-row)[data-system="p3d2"]  td.field-system { color: #ff7f00; }

.job-row[data-target="v360"]              td.field-target { color: whitesmoke; }
.job-row[data-target="v360_subtitle"]     td.field-target { color: whitesmoke; }
.job-row[data-target="pvd"]               td.field-target { color: lightblue; }
.job-row[data-target="laser_calibration"] td.field-target { color: tomato; }

.task-row[data-kind="prep"]              td.field-kind { color: whitesmoke; }
.task-row[data-kind="v360"]              td.field-kind { color: whitesmoke; }
.task-row[data-kind="v360_subtitle"]     td.field-kind { color: whitesmoke; }
.task-row[data-kind="pvd"]               td.field-kind { color: lightblue; }
.task-row[data-kind="laser_calibration"] td.field-kind { color: tomato; }

:is(.job-row, .task-row)[data-status="unknown"]  td.field-status { color: orange; }
:is(.job-row, .task-row)[data-status="pending"]  td.field-status { color: deepskyblue; }
:is(.job-row, .task-row)[data-status="running"]  td.field-status { color: deepskyblue; }
:is(.job-row, .task-row)[data-status="complete"] td.field-status { color: green; }
:is(.job-row, .task-row)[data-status="failed"]   td.field-status { color: red; }
:is(.job-row, .task-row)[data-status="error"]    td.field-status { color: red; }