.uds-doors {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	font-family: inherit;
}

.uds-doors.uds-layout-list {
	flex-direction: column;
}

.uds-door {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 8px;
	background: #f6f7f7;
	border: 1px solid #ddd;
	min-width: 180px;
}

.uds-door-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: currentColor;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	opacity: 0.6;
	border-radius: 3px;
}

.uds-door-name {
	font-weight: 600;
	margin-right: auto;
}

.uds-door-status {
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 3px 8px;
	border-radius: 999px;
	white-space: nowrap;
}

.uds-status-locked,
.uds-status-closed {
	background: #e6f4ea;
	color: #1e7e34;
}

.uds-status-unlocked,
.uds-status-open {
	background: #fdecea;
	color: #c0392b;
}

.uds-status-unknown {
	background: #eee;
	color: #666;
}

.uds-door-updated {
	font-size: 0.75em;
	color: #888;
	white-space: nowrap;
}

.uds-empty {
	color: #888;
	font-style: italic;
}