.msp-operator__personinfotool-header {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	min-height: 2.25rem;
}

.msp-operator__personinfotool:not(.is-collapsed) .msp-operator__personinfotool-header {
	position: absolute;
	top: var(--msp-space-3);
	right: var(--msp-space-4);
	left: var(--msp-space-4);
	z-index: 1;
	min-height: 0;
}

.msp-operator__personinfotool:not(.is-collapsed) .msp-operator__tool-panel-actions {
	grid-column: 2;
	justify-self: end;
}

.msp-operator__personinfotool:not(.is-collapsed) {
	position: relative;
	padding-top: var(--msp-space-4);
}

.msp-operator__personinfotool:not(.is-collapsed) .msp-personinfo-tool {
	padding-right: calc(2.25rem + var(--msp-space-3));
}

.msp-operator__personinfotool.is-collapsed {
	padding-top: var(--msp-space-3);
	padding-bottom: var(--msp-space-3);
}

.msp-personinfo-tool__summary {
	gap: var(--msp-space-1);
}

.msp-personinfo-tool__summary-name {
	display: block;
	min-width: 0;
	color: var(--msp-color-ink);
	font-size: 0.98rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.msp-personinfo-tool__summary-status {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	color: var(--msp-color-muted);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.2;
}

.msp-personinfo-tool__summary-dot {
	width: 0.62rem;
	height: 0.62rem;
	display: inline-block;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--msp-color-danger);
}

.msp-personinfo-tool__summary-status.is-online .msp-personinfo-tool__summary-dot {
	background: #148047;
}

.msp-personinfo-tool__summary-status.is-away .msp-personinfo-tool__summary-dot {
	background: #b26a00;
}

.msp-personinfo-tool__summary-status.is-offline .msp-personinfo-tool__summary-dot {
	background: #a51d2d;
}

.msp-operator__personinfotool:not(.is-collapsed) .msp-personinfo-tool__summary {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.msp-personinfo-tool {
	display: grid;
	gap: var(--msp-space-4);
	min-width: 0;
}

.msp-personinfo-tool__top {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	align-items: center;
	gap: var(--msp-space-3);
	min-width: 0;
}

.msp-personinfo-tool__image {
	display: block;
	width: 76px;
	height: 76px;
	object-fit: cover;
	border-radius: var(--msp-radius-sm);
	background: var(--msp-color-surface-strong);
}

.msp-personinfo-tool__image--placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--msp-color-brand-strong);
	font-size: 1.65rem;
	font-weight: 700;
	text-transform: uppercase;
}

.msp-personinfo-tool__heading {
	display: grid;
	gap: var(--msp-space-2);
	min-width: 0;
}

.msp-personinfo-tool__name {
	display: block;
	min-width: 0;
	font-size: 1.08rem;
	line-height: 1.25;
	color: var(--msp-color-ink);
	overflow-wrap: anywhere;
}

.msp-personinfo-tool__status {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	color: var(--msp-color-muted);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.2;
}

.msp-personinfo-tool__dot {
	width: 0.72rem;
	height: 0.72rem;
	display: inline-block;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--msp-color-danger);
}

.msp-personinfo-tool__status.is-online .msp-personinfo-tool__dot {
	background: #148047;
}

.msp-personinfo-tool__status.is-away .msp-personinfo-tool__dot {
	background: #b26a00;
}

.msp-personinfo-tool__status.is-offline .msp-personinfo-tool__dot {
	background: #a51d2d;
}

.msp-personinfo-tool__details {
	display: grid;
	gap: var(--msp-space-3);
	min-width: 0;
}

.msp-personinfo-tool__detail {
	display: grid;
	gap: 0.25rem;
	margin: 0;
	min-width: 0;
}

.msp-personinfo-tool__label {
	color: var(--msp-color-soft);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.msp-personinfo-tool__detail a {
	color: var(--msp-color-brand);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.msp-personinfo-tool__detail a:hover {
	text-decoration: underline;
}