.cks2vb {
	background: #f5f5f5;
	border-radius: 6px;
	padding: 24px;
	max-width: 460px;
	line-height: 1.5;
}
.cks2vb * { line-height: 1.5; }
.cks2vb-titulo {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 16px;
	text-transform: uppercase;
}
.cks2vb-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
}
.cks2vb-input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 15px;
}
.cks2vb-hint {
	font-size: 12px;
	color: #666;
	margin: 6px 0 12px;
}
.cks2vb-btn {
	display: inline-block;
	background: #e8e8e8;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.cks2vb-btn:hover { background: #ddd; }
.cks2vb-btn:disabled { opacity: .6; cursor: default; }
.cks2vb-btn-sm { padding: 6px 12px; font-size: 13px; }
.cks2vb-status { margin-top: 14px; font-size: 14px; color: #333; min-height: 1em; }
.cks2vb-erro { color: #b00; font-size: 14px; }

.cks2vb-pagador {
	margin: 16px 0 4px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
}
.cks2vb-pagador-nome {
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f2937;
}

.cks2vb ul.cks2vb-lista { list-style: none !important; margin: 16px 0 0 !important; padding: 0 !important; }
.cks2vb ul.cks2vb-lista > li { list-style: none !important; margin-left: 0 !important; text-indent: 0 !important; }
.cks2vb ul.cks2vb-lista > li.cks2vb-item { padding: 16px 18px !important; }
.cks2vb-item {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 16px 18px;
	margin: 0 0 12px;
}
.cks2vb-item:last-child { margin-bottom: 0; }
.cks2vb-item-linha { font-size: 14px; line-height: 1.5; margin: 0; }
.cks2vb-item-linha strong { font-weight: 700; }
.cks2vb-acoes { margin-top: 16px; margin-bottom: 0; }
.cks2vb-pagar {
	background: #1f2937;
	color: #fff;
	border-color: #1f2937;
	padding: 9px 18px;
}
.cks2vb-pagar:hover { background: #111827; border-color: #111827; }
.cks2vb-acoes .cks2vb-btn + .cks2vb-btn { margin-left: 8px; }
.cks2vb-atualizar { background: #e8e8e8; color: #1f2937; border-color: #bbb; }
.cks2vb-atualizar:hover { background: #ddd; }
.cks2vb-pagavel:not(:empty) { margin-top: 10px; color: #b00; font-size: 13px; width: 100%; }
.cks2vb-pagavel.cks2vb-ok { color: #1a7f37; }

.cks2vb-debug { margin-top: 16px; border-top: 1px dashed #bbb; padding-top: 12px; }
.cks2vb-debug-btn { background: #fff3cd; border-color: #e0c069; color: #664d03; }
.cks2vb-debug-btn:hover { background: #ffe69c; }
.cks2vb-debug-out:not(:empty) {
	margin-top: 10px;
	max-height: 420px;
	overflow: auto;
	background: #1e1e1e;
	color: #d4d4d4;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	line-height: 1.45;
	padding: 12px;
	border-radius: 6px;
	white-space: pre;
}