* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	font-family: "Segoe UI", Arial, sans-serif;
	background: #f0f2f5;
	color: #1a1a2e;
	min-height: 100vh;
	padding: 24px 16px;
}
.container {
	max-width: 820px;
	margin: 0 auto;
}

/* ── Header ──────────────────────────────────────────────────────────── */
.header {
	background: #1a3a5c;
	color: #fff;
	border-radius: 10px 10px 0 0;
	padding: 20px 28px 16px;
}
.header .brand {
	font-size: 11px;
	letter-spacing: 1px;
	color: #90b4d4;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.header h1 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2px;
}
.header .sub {
	font-size: 13px;
	color: #aac4de;
}
.badge {
	display: inline-block;
	background: #e8a020;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 20px;
	margin-top: 8px;
	letter-spacing: 0.5px;
}

/* ── Progress bar ────────────────────────────────────────────────────── */
.progress-wrap {
	background: #1a3a5c;
	padding: 0 28px 16px;
}
.progress-bar-track {
	background: #0d2440;
	border-radius: 4px;
	height: 6px;
	overflow: hidden;
}
.progress-bar-fill {
	height: 100%;
	background: #e8a020;
	border-radius: 4px;
	transition: width 0.4s ease;
}
.progress-label {
	font-size: 11px;
	color: #90b4d4;
	margin-top: 5px;
}

/* ── Card ────────────────────────────────────────────────────────────── */
.card {
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 28px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* ── Step ────────────────────────────────────────────────────────────── */
.step {
	display: none;
}
.step.active {
	display: block;
}

.step-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #e8a020;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.step-title {
	font-size: 17px;
	font-weight: 700;
	color: #1a3a5c;
	margin-bottom: 8px;
}
.step-hint {
	font-size: 12.5px;
	color: #6b7a8d;
	margin-bottom: 20px;
	line-height: 1.5;
}
.info-box {
	background: #eef4fb;
	border-left: 4px solid #1a3a5c;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 12.5px;
	color: #1a3a5c;
	margin-bottom: 18px;
	line-height: 1.5;
}
.info-box.orange {
	background: #fff7e6;
	border-left-color: #e8a020;
	color: #7a4a00;
}
.info-box.red {
	background: #fff0f0;
	border-left-color: #c0392b;
	color: #7a1a1a;
}

/* ── Datenschutz-Einwilligung (F1) ──────────────────────────── */
.consent-box {
	background: #eef4fb;
	border: 1.5px solid #c8dbee;
	border-left: 4px solid #1a3a5c;
	border-radius: 6px;
	padding: 14px 16px;
	margin: 2px 0 20px;
	transition:
		border-color 0.18s,
		box-shadow 0.18s;
}
.consent-box:has(input:checked) {
	border-left-color: #1a7a45;
}
.consent-label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	cursor: pointer;
}
.consent-label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.consent-checkmark {
	flex-shrink: 0;
	width: 21px;
	height: 21px;
	margin-top: 1px;
	border: 2px solid #1a3a5c;
	border-radius: 5px;
	background: #fff;
	position: relative;
	transition:
		background 0.15s,
		border-color 0.15s;
}
.consent-label input[type="checkbox"]:checked + .consent-checkmark {
	background: #1a7a45;
	border-color: #1a7a45;
}
.consent-label input[type="checkbox"]:checked + .consent-checkmark::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.consent-label input[type="checkbox"]:focus-visible + .consent-checkmark {
	outline: 2px solid #e8a020;
	outline-offset: 2px;
}
.consent-text {
	font-size: 12.5px;
	line-height: 1.55;
	color: #2c4a6e;
}
.consent-text a {
	color: #1a3a5c;
	font-weight: 600;
	text-decoration: underline;
}
.consent-text a:hover {
	color: #0d2440;
}

/* ── Options ───────────────────────────────────────────────────────────────── */
.options {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 24px;
}
.opt-btn {
	background: #f5f7fa;
	border: 2px solid #dce3ec;
	border-radius: 8px;
	padding: 13px 16px;
	font-size: 14px;
	font-weight: 600;
	color: #1a3a5c;
	cursor: pointer;
	text-align: left;
	transition: all 0.18s;
	display: flex;
	align-items: center;
	gap: 10px;
}
.opt-btn:hover {
	border-color: #1a3a5c;
	background: #eef4fb;
}
.opt-btn.selected {
	border-color: #e8a020;
	background: #fff7e6;
	color: #7a4a00;
}
.opt-btn .opt-icon {
	font-size: 18px;
	min-width: 24px;
	text-align: center;
}

/* ── Creditreform input ──────────────────────────────────────────────── */
.cr-input-wrap {
	margin-bottom: 18px;
}
.cr-input-wrap label {
	font-size: 13px;
	font-weight: 600;
	color: #1a3a5c;
	display: block;
	margin-bottom: 6px;
}
.cr-input-wrap input[type="number"] {
	width: 180px;
	padding: 10px 14px;
	border: 2px solid #dce3ec;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 700;
	color: #1a3a5c;
	outline: none;
	transition: border-color 0.18s;
}
.cr-input-wrap input:focus {
	border-color: #1a3a5c;
}
.cr-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	margin-top: 8px;
}
.cr-badge.green {
	background: #d4edda;
	color: #1a5c2a;
}
.cr-badge.orange {
	background: #fff3cd;
	color: #7a4a00;
}
.cr-badge.red {
	background: #f8d7da;
	color: #7a1a1a;
}

/* ── Stammdaten form ─────────────────────────────────────────────────── */
.stamm-form {
	display: grid;
	gap: 12px;
	margin-bottom: 20px;
}
.stamm-field label {
	font-size: 12.5px;
	font-weight: 600;
	color: #1a3a5c;
	display: block;
	margin-bottom: 4px;
}
.stamm-field input[type="text"],
.stamm-field input[type="tel"],
.stamm-field input[type="email"],
.stamm-field input[type="password"] {
	width: 100%;
	padding: 9px 12px;
	border: 2px solid #dce3ec;
	border-radius: 6px;
	font-size: 14px;
	color: #1a1a2e;
	outline: none;
	transition: border-color 0.18s;
}
.stamm-field input:focus {
	border-color: #1a3a5c;
}
.stamm-field.required label::after {
	content: " *";
	color: #c0392b;
}
.stamm-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* ── KO Block ────────────────────────────────────────────────────────── */
.ko-item {
	background: #f9f9fb;
	border: 1px solid #dce3ec;
	border-radius: 7px;
	padding: 12px 16px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}
.ko-item .ko-text {
	font-size: 13.5px;
	color: #1a1a2e;
	flex: 1;
	line-height: 1.45;
}
.ko-item .ko-btns {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}
.ko-btn {
	padding: 6px 18px;
	border-radius: 6px;
	border: 2px solid transparent;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.16s;
}
.ko-btn.ja {
	background: #f8d7da;
	color: #7a1a1a;
	border-color: #f5c2c7;
}
.ko-btn.nein {
	background: #d4edda;
	color: #1a5c2a;
	border-color: #c3e6cb;
}
.ko-btn.active-ja {
	background: #c0392b;
	color: #fff;
	border-color: #c0392b;
}
.ko-btn.active-nein {
	background: #27ae60;
	color: #fff;
	border-color: #27ae60;
}

/* ── KO Alert ────────────────────────────────────────────────────────── */
.ko-alert {
	display: none;
	background: #fff0f0;
	border: 2px solid #c0392b;
	border-radius: 8px;
	padding: 16px 18px;
	margin-bottom: 20px;
}
.ko-alert h3 {
	color: #c0392b;
	font-size: 15px;
	margin-bottom: 8px;
}
.ko-alert p {
	font-size: 13px;
	color: #7a1a1a;
	line-height: 1.5;
}

/* ── Navigation ──────────────────────────────────────────────────────── */
.nav {
	display: flex;
	gap: 12px;
	align-items: center;
}
.btn-back {
	background: #f5f7fa;
	color: #6b7a8d;
	border: 2px solid #dce3ec;
	border-radius: 7px;
	padding: 11px 22px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.16s;
}
.btn-back:hover {
	border-color: #1a3a5c;
	color: #1a3a5c;
}
.btn-next {
	background: #1a3a5c;
	color: #fff;
	border: 2px solid #1a3a5c;
	border-radius: 7px;
	padding: 11px 28px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.16s;
	flex: 1;
}
.btn-next:hover {
	background: #0d2440;
	border-color: #0d2440;
}
.btn-next:disabled {
	background: #b0bec5;
	border-color: #b0bec5;
	cursor: not-allowed;
}

/* ── Summary ─────────────────────────────────────────────────────────── */
.summary-grid {
	display: grid;
	gap: 10px;
	margin-bottom: 24px;
}
.summary-row {
	background: #f5f7fa;
	border-radius: 7px;
	padding: 11px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.summary-label {
	font-size: 12px;
	color: #6b7a8d;
	width: 160px;
	flex-shrink: 0;
	font-weight: 600;
}
.summary-value {
	font-size: 14px;
	font-weight: 700;
	color: #1a3a5c;
	flex: 1;
}
.summary-value.green {
	color: #27ae60;
}
.summary-value.orange {
	color: #e8a020;
}
.summary-value.red {
	color: #c0392b;
}

.btn-upload {
	background: #e8a020;
	color: #fff;
	border: none;
	border-radius: 7px;
	padding: 13px 28px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	width: 100%;
	transition: background 0.18s;
	margin-bottom: 10px;
}
.btn-upload:hover {
	background: #c8830a;
}

.footer-note {
	font-size: 11px;
	color: #9aa5b4;
	text-align: center;
	margin-top: 16px;
}

/* ── RV Limit ────────────────────────────────────────────────────────── */
.rv-options {
	display: flex;
	gap: 10px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.rv-btn {
	flex: 1;
	min-width: 140px;
	background: #f5f7fa;
	border: 2px solid #dce3ec;
	border-radius: 8px;
	padding: 12px 14px;
	font-size: 13.5px;
	font-weight: 600;
	color: #1a3a5c;
	cursor: pointer;
	text-align: center;
	transition: all 0.18s;
}
.rv-btn:hover {
	border-color: #1a3a5c;
	background: #eef4fb;
}
.rv-btn.selected {
	border-color: #e8a020;
	background: #fff7e6;
	color: #7a4a00;
}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 560px) {
	.header,
	.progress-wrap {
		padding-left: 16px;
		padding-right: 16px;
	}
	.card {
		padding: 18px 14px;
	}
	.stamm-grid-2 {
		grid-template-columns: 1fr;
	}
	.ko-item {
		flex-direction: column;
		align-items: flex-start;
	}
	.ko-item .ko-btns {
		width: 100%;
	}
	.ko-btn {
		flex: 1;
		text-align: center;
	}
}

/* ── Upload-Schritt ──────────────────────────────────────────────────── */
.drop-zone {
	border: 2.5px dashed #b0c4de;
	border-radius: 12px;
	background: #f8fafd;
	padding: 30px 20px 22px;
	text-align: center;
	cursor: pointer;
	transition:
		border-color 0.2s,
		background 0.2s;
	margin-bottom: 14px;
	position: relative;
}
.drop-zone.drag-over {
	border-color: #1a3a5c;
	background: #eef4fb;
}
.drop-zone:hover {
	border-color: #7aa0c8;
}
.drop-icon {
	font-size: 34px;
	margin-bottom: 7px;
}
.drop-label {
	font-size: 15px;
	font-weight: 700;
	color: #1a3a5c;
	margin-bottom: 3px;
}
.drop-sub {
	font-size: 13px;
	color: #9aa5b4;
	margin-bottom: 12px;
}
.btn-choose {
	background: #1a3a5c;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 9px 22px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.18s;
	position: relative;
	z-index: 1;
}
.btn-choose:hover {
	background: #12294a;
}
.drop-hint {
	font-size: 11px;
	color: #b0c4de;
	margin-top: 10px;
}

.file-errors {
	margin-bottom: 8px;
}
.file-error-item {
	font-size: 12px;
	color: #b94040;
	background: #fdecea;
	border: 1px solid #f5b7b1;
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 4px;
}

.file-counter {
	font-size: 12.5px;
	color: #6b7a8d;
	text-align: right;
	margin-bottom: 7px;
}

.file-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
}

.file-item {
	display: flex;
	align-items: center;
	gap: 9px;
	background: #fff;
	border: 1.5px solid #dce3ec;
	border-radius: 8px;
	padding: 9px 11px;
	cursor: grab;
	user-select: none;
	transition:
		border-color 0.15s,
		box-shadow 0.15s;
}
.file-item:active {
	cursor: grabbing;
}
.file-item.dragging {
	opacity: 0.38;
	border-style: dashed;
}
.file-item.drop-before {
	border-top: 3px solid #e8a020;
}
.file-item.drop-after {
	border-bottom: 3px solid #e8a020;
}

.file-drag-handle {
	font-size: 17px;
	color: #c8d6e4;
	flex-shrink: 0;
	line-height: 1;
}
.file-type-icon {
	font-size: 20px;
	flex-shrink: 0;
}
.file-info {
	flex: 1;
	min-width: 0;
}
.file-name {
	font-size: 13px;
	font-weight: 600;
	color: #1a3a5c;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.file-meta {
	font-size: 11px;
	color: #9aa5b4;
	margin-top: 1px;
}
.file-delete {
	background: none;
	border: none;
	color: #c8d6e4;
	font-size: 16px;
	cursor: pointer;
	padding: 3px 7px;
	border-radius: 4px;
	flex-shrink: 0;
	line-height: 1;
	transition:
		color 0.15s,
		background 0.15s;
}
.file-delete:hover {
	color: #b94040;
	background: #fdecea;
}

/* ── Upload-Fortschrittsanzeige ──────────────────────────────────────── */
.uprog-wrap {
	margin: 18px 0 4px;
}
.uprog-track {
	height: 20px;
	background: #e8edf3;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.uprog-fill {
	height: 100%;
	width: 0%;
	border-radius: 10px;
	background: linear-gradient(90deg, #1a3a5c 0%, #2a7fc0 60%, #40b0f0 100%);
	transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}
.uprog-fill::after {
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 65%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.38) 50%,
		transparent 100%
	);
	animation: uprog-shimmer 1.5s linear infinite;
}
@keyframes uprog-shimmer {
	from {
		left: -70%;
	}
	to {
		left: 115%;
	}
}
.uprog-pct {
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: #1a3a5c;
	margin-top: 6px;
}
.uprog-detail {
	text-align: center;
	font-size: 11.5px;
	color: #6b7a8d;
	margin-top: 2px;
	min-height: 16px;
}
.upload-status {
	border-radius: 9px;
	padding: 16px 20px;
	font-size: 13.5px;
	font-weight: 600;
	text-align: left;
	margin-top: 14px;
	line-height: 1.6;
}
.upload-status ol {
	font-weight: 400;
	font-size: 13px;
	padding-left: 4px;
}
.upload-status p {
	font-weight: 400;
	font-size: 13px;
}
.upload-status.ok {
	background: #eafaf1;
	color: #1a7a45;
	border: 1.5px solid #a8e6c3;
}
.upload-status.err {
	background: #fdecea;
	color: #b94040;
	border: 1.5px solid #f5b7b1;
}

/* ── Claude-Analyse Ausgabe (iframe-isoliert) ─────────────────── */
.claude-analysis {
	margin-top: 20px;
	border: 1.5px solid #dce3ec;
	border-radius: 8px;
	overflow: hidden;
}
.claude-analysis-frame {
	width: 100%;
	min-height: 300px;
	border: none;
	display: block;
}
.claude-pdf-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0;
}
.btn-pdf-download,
.btn-new-case {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 7px;
	padding: 10px 20px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition:
		background 0.18s,
		border-color 0.18s,
		color 0.18s;
}
.btn-pdf-download {
	background: #1a3a5c;
	color: #fff;
	border: none;
}
.btn-pdf-download:hover {
	background: #0d2440;
}
.btn-new-case {
	background: #fff;
	color: #1a3a5c;
	border: 2px solid #1a3a5c;
}
.btn-new-case:hover {
	background: #eef4fb;
}
.claude-analysis th {
	background: #eef2f8;
	font-weight: 700;
}
.claude-analysis tr:nth-child(even) td {
	background: #f7f9fc;
}
.claude-analysis p {
	margin: 6px 0;
}
.claude-analysis ul,
.claude-analysis ol {
	padding-left: 20px;
	margin: 6px 0;
}

/* ── Kompakte Übersicht im Upload-Schritt ────────────────────────────── */
.csum-block {
	border: 1.5px solid #dce3ec;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
}
.csum-head {
	background: #1a3a5c;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	padding: 3px 11px;
}
.csum-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 4px 11px;
	border-bottom: 1px solid #eef1f5;
}
.csum-row:last-child {
	border-bottom: none;
}
.csum-row:nth-child(odd) {
	background: #f8fafd;
}
.csum-label {
	width: 190px;
	flex-shrink: 0;
	font-size: 11px;
	color: #6b7a8d;
	font-weight: 600;
}
.csum-value {
	flex: 1;
	font-size: 12px;
	font-weight: 700;
	color: #1a3a5c;
}
.csum-value.green {
	color: #27ae60;
}
.csum-value.orange {
	color: #e8a020;
}
.csum-value.red {
	color: #c0392b;
}

/* ── Test-Button (in Produktion: display:none setzen) ────────────────── */
.btn-testfill {
	display: block;
	width: 100%;
	margin-top: 16px;
	padding: 9px 14px;
	background: transparent;
	border: 1.5px dashed #c8d6e4;
	border-radius: 8px;
	color: #9aa5b4;
	font-size: 12px;
	font-family: inherit;
	cursor: pointer;
	transition:
		border-color 0.18s,
		color 0.18s,
		background 0.18s;
	letter-spacing: 0.01em;
}
.btn-testfill:hover {
	border-color: #e8a020;
	color: #8a5500;
	background: #fff9ee;
}
.btn-testfill .tf-label {
	font-weight: 700;
}

/* ── Ergebnis-Dateiliste (Download-Links) ────────────────────────────── */
.result-warn {
	color: #888;
	font-size: 13px;
	margin-top: 12px;
}

.result-files {
	margin-top: 20px;
	border: 1.5px solid #dce3ec;
	border-radius: 8px;
	overflow: hidden;
}
.result-files-head {
	background: #1a3a5c;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 14px;
	letter-spacing: 0.03em;
}
.result-files-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.result-file-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	border-bottom: 1px solid #eef1f5;
	font-size: 13px;
}
.result-file-item:last-child {
	border-bottom: none;
}
.result-file-item:nth-child(even) {
	background: #f8fafd;
}
.result-file-icon {
	flex-shrink: 0;
	font-size: 16px;
	line-height: 1;
}
.result-file-link {
	flex: 1;
	color: #1a3a5c;
	font-weight: 600;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.result-file-link:hover {
	text-decoration: underline;
	color: #0d2440;
}
.result-file-size {
	flex-shrink: 0;
	font-size: 11px;
	color: #9aa5b4;
}

/* ── Superuser Debug-Log ─────────────────────────────────────────────── */
.debug-log {
	margin-top: 24px;
	border: 1.5px solid #e8c84a;
	border-radius: 8px;
	overflow: hidden;
	font-size: 12px;
}
.debug-log-head {
	background: #6b4a00;
	color: #fff9e6;
	padding: 10px 16px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	user-select: none;
}
.debug-log-head::-webkit-details-marker {
	display: none;
}
.debug-log[open] .debug-log-head::before {
	content: "▾ ";
}
.debug-log:not([open]) .debug-log-head::before {
	content: "▸ ";
}
.debug-log-badge {
	background: #e8c84a;
	color: #6b4a00;
	font-size: 10px;
	padding: 1px 8px;
	border-radius: 10px;
	font-weight: 700;
	margin-left: auto;
	letter-spacing: 0.03em;
}
.debug-log-body {
	background: #fffef5;
}
.debug-section {
	border-bottom: 1px solid #f0e8c0;
	padding: 12px 16px;
}
.debug-section:last-child {
	border-bottom: none;
}
.debug-section-title {
	font-weight: 700;
	color: #6b4a00;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}
.debug-table {
	border-collapse: collapse;
	width: auto;
}
.debug-table td {
	padding: 3px 12px 3px 0;
	vertical-align: top;
	border: none;
	background: none !important;
}
.debug-table td:first-child {
	font-weight: 600;
	color: #5a3a00;
	min-width: 150px;
	font-size: 12px;
}
.debug-table td:last-child {
	color: #1a1a2e;
	font-family: "Consolas", "Monaco", monospace;
	font-size: 12px;
}
.debug-pre {
	background: #1e2535;
	color: #c8d8e8;
	padding: 12px 14px;
	border-radius: 6px;
	font-size: 11px;
	font-family: "Consolas", "Monaco", monospace;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 280px;
	overflow-y: auto;
	line-height: 1.55;
	margin: 0;
}
.debug-list {
	margin: 0;
	padding-left: 18px;
	line-height: 1.9;
}
.debug-list li {
	color: #3a2800;
	font-size: 12px;
}
.debug-none {
	color: #9aa5b4;
	font-style: italic;
	margin: 0;
}