/* Nástroj ESP-Flash. Drží se palety webu ze style.css — vlastní barvy tu
   nejsou, jen uspořádání ovládacích prvků a výpisu. */

.esp h2 { margin-top: 20px; }

.esp-radek {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 8px 0;
}

.esp-radek label { color: var(--seda-text); }

.esp-tl {
	font: inherit;
	padding: 5px 12px;
	border: 1px solid var(--modra-bledá);
	background: var(--seda-svetla);
	color: var(--modra-tmava);
	cursor: pointer;
}

.esp-tl:hover:not(:disabled) { background: var(--modra-svetla); }
.esp-tl:disabled { opacity: .5; cursor: not-allowed; }

.esp-hlavni {
	background: var(--modra);
	border-color: var(--modra);
	color: #fff;
	font-weight: bold;
}

.esp-hlavni:hover:not(:disabled) { background: var(--modra-tmava); border-color: var(--modra-tmava); }

.esp select,
.esp input[type=text],
.esp input[type=file] {
	font: inherit;
	padding: 4px 6px;
	border: 1px solid var(--modra-bledá);
	background: #fff;
	color: inherit;
	max-width: 100%;
}

.esp input[type=text] { width: 110px; font-family: monospace; }

.esp-info { border-collapse: collapse; margin: 10px 0; }
.esp-info th {
	text-align: left;
	font-weight: normal;
	color: var(--seda-text);
	padding: 2px 20px 2px 0;
	vertical-align: top;
}
.esp-info td { font-family: monospace; padding: 2px 0; }

.esp-stav { font-weight: bold; }
.esp-stav.ok { color: #1d7a44; }
.esp-stav.chyba { color: var(--cervena); }

.esp progress { width: 100%; height: 16px; margin: 6px 0; }

.esp-log {
	background: #11141a;
	color: #d7dbe3;
	padding: 10px 12px;
	margin: 6px 0;
	height: 240px;
	overflow: auto;
	font: 12px/1.45 monospace;
	white-space: pre-wrap;
	word-break: break-word;
}

.esp-hint { color: var(--seda-text); margin: 6px 0 0; }

.esp-varovani {
	border-left: 3px solid var(--cervena);
	background: #f7eff0;
	padding: 8px 12px;
	margin: 12px 0;
}

.esp-porty { list-style: none; margin: 4px 0 0; padding: 0; }
.esp-porty li {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 4px;
	border: 0;
}
.esp-porty code { font-family: monospace; color: var(--seda-text); }