body.heuriger-detail {
	ul.external-services {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			margin: 0.5rem 0;
			display: flex;
			flex-direction: column;
			gap: 0.5rem;

			a {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 0.5rem;
			}

			label:has(progress) {
				display: flex;
				gap: 0.5rem;
				progress {
					width: 100%;
				}
			}

			img {
				width: 1rem;
				height: 1rem;
			}
		}
	}

	.status-indicator {
		font-size: 1.2em;
		
		&[data-status="open"] {
			color: #22c55e; /* green */
		}
		
		&[data-status="closed"] {
			color: #ef4444; /* red */
		}
		
		&[data-status="unknown"] {
			color: #6b7280; /* gray */
		}
	}
}