.hbs-metabox .hbs-field {
	margin-bottom: 12px;
}

.hbs-metabox select#hbs-type {
	margin-top: 4px;
}

.hbs-metabox .hbs-sub-field {
	margin-bottom: 10px;
}

.hbs-metabox .hbs-sub-field label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 3px;
}

.hbs-metabox .hbs-sub-field .description {
	display: block;
	font-size: 11px;
	font-weight: 400;
	color: #646970;
	margin-bottom: 3px;
}

.hbs-metabox input[type="text"],
.hbs-metabox select {
	width: 100%;
}

.hbs-image-field .hbs-image-preview {
	display: block;
	max-width: 100%;
	max-height: 110px;
	border-radius: 4px;
	margin-bottom: 6px;
	border: 1px solid #dcdcde;
}

.hbs-image-field .hbs-image-placeholder {
	font-size: 11px;
	color: #8c8f94;
	font-style: italic;
	padding: 14px 8px;
	text-align: center;
	background: #f6f7f7;
	border: 1px dashed #c3c4c7;
	border-radius: 4px;
	margin-bottom: 6px;
}

.hbs-image-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.hbs-image-buttons .button {
	font-size: 11px;
	padding: 0 8px;
	line-height: 26px;
	height: 26px;
}

.hbs-image-buttons .hbs-image-remove {
	font-size: 11px;
}

.hbs-load-existing-wrap .button {
	display: block;
	margin-bottom: 4px;
}

.hbs-load-existing-wrap .description {
	font-size: 11px;
}

.hbs-sub-field.hbs-invalid > input,
.hbs-sub-field.hbs-invalid > select,
.hbs-image-field.hbs-invalid .hbs-image-placeholder {
	border-color: #d63638 !important;
	box-shadow: 0 0 0 1px #d63638;
}

.hbs-validation {
	font-size: 12px;
	color: #d63638;
	margin: 0 0 8px;
	display: none;
}

.hbs-validation.is-visible {
	display: block;
}

.hbs-insert:disabled {
	opacity: .5;
	cursor: not-allowed;
}

#hbs-preview iframe {
	width: 100%;
	border: 0;
	display: block;
	background: transparent;
}

.hbs-preview-placeholder {
	font-size: 11px;
	color: #8c8f94;
	font-style: italic;
	padding: 10px;
}

/* ---- Busca de posts (modos automáticos) ---- */
.hbs-search-field {
	position: relative;
}

.hbs-search-selected {
	background: #f0f6fc;
	border: 1px solid #c3d8ec;
	border-radius: 4px;
	padding: 8px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.hbs-search-selected .hbs-search-change {
	flex-shrink: 0;
}

.hbs-search-results {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-top: none;
	max-height: 220px;
	overflow-y: auto;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

.hbs-search-results div {
	padding: 6px 8px;
	font-size: 12px;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f1;
}

.hbs-search-results div:hover,
.hbs-search-results div.is-active {
	background: #2271b1;
	color: #fff;
}

.hbs-search-results .hbs-search-empty {
	color: #8c8f94;
	font-style: italic;
	cursor: default;
}

.hbs-auto-note {
	font-size: 11px;
	color: #646970;
	background: #f6f7f7;
	border-left: 3px solid #2271b1;
	padding: 8px 10px;
	margin-bottom: 12px;
	display: none;
}

.hbs-auto-note.is-visible {
	display: block;
}

.hbs-preview-label {
	font-size: 11px;
	font-weight: 600;
	color: #646970;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin: 4px 0 6px;
}

.hbs-preview-scroll {
	overflow-x: auto;
	margin-bottom: 14px;
	border-radius: 6px;
}

#hbs-shortcode {
	font-family: Consolas, Menlo, monospace;
	font-size: 11px;
}

.hbs-actions {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.hbs-result {
	margin-top: 8px;
	font-size: 12px;
	color: #007017;
}

/* ---- Réplica compacta dos cards reais do hqpop, para a pré-visualização ---- */
.hqpop-custom-card {
	display: flex;
	background: #222;
	border-radius: 10px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	color: #fff;
	min-width: 420px;
}
.hqpop-card-poster { flex: 0 0 90px; background: #333; min-height: 130px; }
.hqpop-card-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hqpop-card-poster.empty { display: flex; align-items: center; justify-content: center; color: #666; font-size: 10px; text-align: center; padding: 4px; }
.hqpop-card-score { flex: 0 0 100px; background: #2962ff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; text-align: center; }
.hqpop-score-big { font-size: 28px; font-weight: bold; line-height: 1; }
.hqpop-score-big span { font-size: 14px; vertical-align: super; margin-left: 1px; }
.hqpop-score-sub { font-size: 10px; opacity: .9; margin-bottom: 6px; }
.hqpop-score-rank { background: rgba(0,0,0,.3); padding: 3px 8px; border-radius: 20px; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.hqpop-score-badge-status { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; line-height: 1.25; text-align: center; }
.hqpop-event-day { font-size: 26px; font-weight: bold; line-height: 1; }
.hqpop-event-month { font-size: 11px; text-transform: uppercase; letter-spacing: .3px; margin: 2px 0 6px; }
.hqpop-card-details { flex: 1; background: #2a2a2a; padding: 12px; display: flex; align-items: center; min-width: 0; }
.hqpop-details-list { list-style: none; padding: 0; margin: 0; width: 100%; }
.hqpop-details-list li { margin-bottom: 6px; font-size: 11px; color: #ccc; display: flex; align-items: center; gap: 6px; line-height: 1.25; }
.hqpop-details-list li:last-child { margin-bottom: 0; }
.hqpop-details-list strong { color: #fff; font-size: 9px; text-transform: uppercase; letter-spacing: .2px; flex-shrink: 0; }
.hqpop-details-list a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.3); font-weight: bold; }

.hqpop-cf-score { flex: 0 0 100px; background: #2b66ff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; text-align: center; gap: 6px; }
.hqpop-cf-percent { font-size: 26px; font-weight: 900; line-height: .8; letter-spacing: -1px; }
.hqpop-cf-percent span { font-size: 11px; vertical-align: top; margin-left: 1px; }
.hqpop-cf-sub { font-size: 9px; font-weight: bold; opacity: .9; }
.hqpop-cf-pill { border: 1px solid rgba(255,255,255,.7); border-radius: 20px; padding: 3px 8px; font-size: 8.5px; font-weight: bold; width: 100%; text-transform: uppercase; }
.hqpop-cf-pill.solid { background: rgba(0,0,0,.25); border-color: transparent; }