.character-viewer-page .profile-datacenter,
.terminal-personnel-embed .profile-datacenter {
	margin-top: 20px;
	color: var(--header-color);
	text-align: center;
}

.character-viewer-page .profile-image[data-open-image-modal="true"],
.terminal-personnel-embed .profile-image[data-open-image-modal="true"] {
	cursor: zoom-in;
}

.character-viewer-page .profile-image[data-open-image-modal="true"]:hover,
.terminal-personnel-embed .profile-image[data-open-image-modal="true"]:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(10, 132, 255, 0.5);
}

.character-viewer-page .profile-image.profile-image-placeholder,
.terminal-personnel-embed .profile-image.profile-image-placeholder {
	cursor: default;
}

.character-viewer-page .profile-image.profile-image-placeholder:hover,
.terminal-personnel-embed .profile-image.profile-image-placeholder:hover {
	transform: none;
	box-shadow: none;
}

.character-viewer-page .modal.is-open,
.terminal-personnel-embed .modal.is-open {
	display: flex;
}

.character-viewer-page .modal-close,
.terminal-personnel-embed .modal-close {
	border: none;
	background: none;
}

.character-viewer-page .info-value-empty,
.terminal-personnel-embed .info-value-empty {
	display: inline-block;
	min-width: 1ch;
}

.character-viewer-page .text-section:last-child,
.character-viewer-page .info-section > :last-child,
.terminal-personnel-embed .text-section:last-child,
.terminal-personnel-embed .info-section > :last-child {
	margin-bottom: 0;
}

/* Editor-matched header chrome (back control only in terminal embed) */
.terminal-personnel-embed .header-controls {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	z-index: 1001;
}

.terminal-personnel-embed .header-button {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px 10px;
	border: 1px solid var(--primary-color);
	cursor: pointer;
	transition: all 0.3s ease;
}

.terminal-personnel-embed .header-button:hover {
	background-color: rgba(10, 132, 255, 0.2);
}

.terminal-personnel-embed .header-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--primary-color);
	animation: blink 2s infinite;
}

.terminal-personnel-embed .header-text {
	font-size: 12px;
	color: #ccc;
}