/* init */
.rendered-message { font-family: monospace; }
.rendered-message .token { color: unset !important; }

/* error levels */
.event.seq-level-error { background-color: #ff00003b !important; }
.event.seq-level-orange { background-color: #ffa5003b !important; }
/* debug levels */
.event.seq-level-http.collapsed .rendered-message     { color: #55a0b6; }
.event.seq-level-verbose.collapsed .rendered-message  { color: gray; }
.event.seq-level-debug.collapsed .rendered-message    { color: #5d5d5d; }

/* this CSS makes all verbose logs completely gray, feel free to comment out */
.seq-level-verbose + .message-content .rendered-message .token { color: gray !important; }


/* method type highlighting */
.rendered-message .token[title="method"] {
	padding: 1px 3px;
	border-radius: 5px;
	background-color: #111;
	font-weight: bold;
}
.rendered-message .token[title="method"][method="GET"] { color: mediumorchid !important; }
.rendered-message .token[title="method"][method="POST"] { color: mediumseagreen !important; }
.rendered-message .token[title="method"][method="PUT"] { color: darkorange !important; }
.rendered-message .token[title="method"][method="PATCH"] { color: gold !important; }
.rendered-message .token[title="method"][method="DELETE"] { color: crimson !important; }
.rendered-message .token[title="method"][method="OPTION"] { color: cadetblue !important; }
.rendered-message .token[title="method"][method="HEAD"] { color: cadetblue !important; }

/* status highlighting */
.rendered-message .token[title="status"] {
	padding: 0px 3px;
	border-radius: 5px;
	background-color: #222;
	font-weight: bold;
}
.rendered-message .token[title="status"][status^="1"] { color: steelblue !important; }
.rendered-message .token[title="status"][status^="2"] { color: limegreen !important; }
.rendered-message .token[title="status"][status^="3"] { color: wheat !important; }
.rendered-message .token[title="status"][status^="4"] { color: coral !important; }
.rendered-message .token[title="status"][status^="5"] { color: firebrick !important; }

/* dots */
.message > .level-indicator.seq-level-error   { background-color: red !important; }
.message > .level-indicator.seq-level-warn    { background-color: orange !important; }
.message > .level-indicator.seq-level-info    { background-color: white !important; }
.message > .level-indicator.seq-level-http    { background-color: lightskyblue !important; }
.message > .level-indicator.seq-level-verbose { background-color: gray !important; }
.message > .level-indicator.seq-level-debug   { background-color: black !important; }