/* Developer/admin consoles. Builds on /style/style.css (palette, type). */
body.console {
	width: 1120px;
	text-align: left;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 15px;
}
.console h1, .console h2, .console h3 {margin: 1.25rem 0 0.6rem; font-family: Georgia, "Times New Roman", serif;}
.console h2 {font-size: 1.35rem;}
.console h3 {font-size: 1.1rem;}

.bar {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.6rem 0;
	border-bottom: 1px solid #c3d4cb;
}
.brand {display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: #1a2e24; font-weight: 600;}
.brand span {font-weight: normal; color: #3d5c4c;}
#who {margin-left: auto; color: #3d5c4c;}

#tabs {display: flex; flex-wrap: wrap; gap: 0.25rem; margin: 0.75rem 0;}
#tabs a, .subtabs a {
	padding: 0.35rem 0.8rem;
	border: 1px solid #c3d4cb;
	border-radius: 4px;
	text-decoration: none;
	color: #1a2e24;
	background: #f4faf6;
}
#tabs a.on, .subtabs a.on {background: #2f6b4f; color: #fff; border-color: #2f6b4f;}
.subtabs {display: flex; gap: 0.25rem; margin: 0.5rem 0 1rem;}

#flash:empty {display: none;}
#flash {margin: 0.5rem 0; padding: 0.6rem 0.9rem; border-radius: 4px; background: #e3f1e8; border: 1px solid #a8cdb5;}
#flash.bad {background: #fde8e8; border-color: #e0aaaa; color: #7a2020;}

.panel {
	background: #f4faf6;
	border: 1px solid #c3d4cb;
	border-radius: 6px;
	padding: 0.9rem 1rem;
	margin: 0.9rem 0;
}
.panel.danger {border-color: #d9a0a0; background: #fdf4f4;}

.console table {width: 100%; border-collapse: collapse; margin: 0.5rem 0; font-size: 0.92em;}
.console th, .console td {border-bottom: 1px solid #d5e4da; padding: 0.4rem 0.5rem; text-align: left; vertical-align: top;}
.console th {background: #d5e4da; font-weight: 600;}
.console td.num, .console th.num {text-align: right; white-space: nowrap;}
.console tr.muted td {color: #8a9a90;}
.tablewrap {overflow-x: auto;}

.console label {display: block; margin: 0.5rem 0 0.2rem; font-weight: 600;}
.console label.inline {display: inline-flex; align-items: center; gap: 0.35rem; font-weight: normal; margin-right: 1rem;}
.console input[type=text], .console input[type=password], .console input[type=number], .console select {
	padding: 0.4rem 0.5rem;
	border: 1px solid #a8bfb0;
	border-radius: 4px;
	background: #fff;
	color: #1a2e24;
	font: inherit;
	max-width: 100%;
}
.console input.wide {width: 32rem;}
.console button {
	padding: 0.35rem 0.85rem;
	border: 1px solid #7a9a84;
	border-radius: 4px;
	background: #cfe0d5;
	color: #1a2e24;
	cursor: pointer;
	font: inherit;
}
.console button:hover {background: #bfd4c6;}
.console button:disabled {opacity: 0.5; cursor: default;}
.console button.danger {background: #f3d0d0; border-color: #c98a8a;}
.console button.danger:hover {background: #ecbcbc;}
.console button.link {background: none; border: none; color: #2f6b4f; text-decoration: underline; padding: 0 0.25rem;}
.row {display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.4rem 0;}
.actions {display: flex; flex-wrap: wrap; gap: 0.35rem;}

.badge {display: inline-block; padding: 0 0.45rem; border-radius: 3px; font-size: 0.85em; background: #d5e4da;}
.badge.latest {background: #2f6b4f; color: #fff;}
.badge.retired {background: #e2e2e2; color: #666;}
.badge.off {background: #f3d0d0; color: #7a2020;}

.mono, .console code {font-family: Consolas, "Courier New", monospace; font-size: 0.9em; word-break: break-all;}
.copybox {display: flex; gap: 0.4rem; align-items: center;}
.copybox input {flex: 1; font-family: Consolas, "Courier New", monospace;}
.blockers {margin: 0.5rem 0 0.5rem 1.25rem;}
.blockers li {margin: 0.2rem 0;}
.lede {color: #5c6a72;}
.kv {display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; margin: 0.5rem 0;}
.kv dt {font-weight: 600;}
.kv dd {margin: 0;}
pre.json {background: #e9f2ec; padding: 0.6rem; overflow-x: auto; font-size: 0.85em; max-height: 20rem;}

@media (max-width: 700px) {
	body.console {font-size: 14px;}
	.console input.wide {width: 100%;}
	.bar {flex-wrap: wrap;}
	#who {margin-left: 0;}
}