/**
 * CC Planetarium Admin — Meta box and autocomplete styles.
 *
 * @package CC_Planetarium
 */

/* Meta box form layout */
.cc-planetarium-meta-box .form-table th {
	width: 180px;
	padding: 12px 10px 12px 0;
}

.cc-planetarium-meta-box .form-table td {
	padding: 8px 10px;
}

/* Autocomplete wrapper */
.cc-autocomplete-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 25em;
}

/* Autocomplete results dropdown */
.cc-autocomplete-results {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	max-height: 320px;
	overflow-y: auto;
}

/* Autocomplete item */
.cc-autocomplete-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	line-height: 1.4;
}

.cc-autocomplete-item:last-child {
	border-bottom: none;
}

.cc-autocomplete-item:hover,
.cc-autocomplete-item.cc-autocomplete-active {
	background: #f0f0f1;
}

.cc-autocomplete-item strong {
	flex-shrink: 0;
	color: #1d2327;
}

.cc-autocomplete-alias {
	flex: 1;
	color: #646970;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cc-autocomplete-type {
	flex-shrink: 0;
	font-size: 11px;
	color: #8c8f94;
	text-transform: capitalize;
	background: #f0f0f1;
	padding: 1px 6px;
	border-radius: 3px;
}

/* Empty state */
.cc-autocomplete-empty {
	padding: 10px 12px;
	color: #8c8f94;
	font-style: italic;
	font-size: 13px;
}