/*
	Small additions on top of the compiled Tailwind build in site.css.
	Kept in a separate file because site.css is generated and should not be
	hand-edited.
*/

/* Uploader-rendered buttons get no utility classes, so style them here. */
button,
input[type="submit"] {
	border: 1px solid #64748b;
	border-radius: 3px;
	background: #fff;
	padding: 5px 12px;
	color: #1f2937;
	font: inherit;
	cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
	border-color: #0078ca;
	color: #16387c;
}

/* Intro copy: restore list markers removed by the Tailwind preflight. */
.demo-intro p { margin-top: .5rem; }
.demo-intro p:first-child { margin-top: 0; }
.demo-intro ul { margin: .5rem 0 0 1.25rem; list-style: disc; }
.demo-intro li { margin-top: .25rem; }
.demo-intro strong { font-weight: 600; }

/* Source listing under each sample. */
.demo-code {
	overflow-x: auto;
	border-radius: 4px;
	background: #142140;
	padding: 14px 16px;
	color: #e2e8f0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	font-size: 13px;
	line-height: 1.6;
}

/* Result tables the samples build (attachment list, kept-state list). */
.demo-table {
	margin-top: 12px;
	border-collapse: collapse;
	font-size: 14px;
}

.demo-table td {
	border-bottom: 1px solid #e2e8f0;
	padding: 6px 10px;
}

.demo-result {
	margin-top: 12px;
	border-top: 1px solid #e2e8f0;
	padding-top: 12px;
	font-size: 14px;
}