/* Short-ID-Widget (fragments/short-id.html, Issue #631/M33-01) - Mobile/CSS,
   Issue #634 (M33-04). Wird einmalig im Head geladen (M33-08 / Issue #712):
   zentral via fragments/pwa-head.html (Tenant/Public-Seiten) und
   app-admin/fragments/admin-layout.html (Admin-Seiten) - keine Template-Edits
   pro Aufrufer. Issue #714 (M33-09): Oeffentliche URL /static/css/short-id.css
   - der kurzere Pfad /css/ ist in keiner Security-Chain public und hat fuer
   anonyme Browser 302 -> /login ausgeloesst (Login-Redirect auf die Datei). */

/* Flex-Container in Tabellenspalten: das Widget darf die Zellbreite nicht
   sprengen. Die Kurzform (Flex-Item) wird bei Platzmangel mit Ellipsis
   gekuerzt (Klasse .text-truncate kommt aus dem Fragment), der
   Copy-Button behaelt seine Groesse. */
.short-id {
	max-width: 100%;
}

/* Ohne min-width: 0 schrumpft das Flex-Item nicht unter seine
   Content-Breite - die Ellipsis wuerde nie sichtbar werden. */
.short-id > .font-monospace {
	min-width: 0;
}

.short-id .short-id-copy {
	flex-shrink: 0;
}

/* Mobile (320-475px): kompaktere ID-Spalte - kleinerer Font, damit die
   Short-ID auch auf schmalen Screens in der Tabelle passt. Das
   bi-Icon des Copy-Buttons (font-size: 1em) skaliert mit. */
@media (max-width: 475.98px) {
	.short-id > .font-monospace {
		font-size: .8rem;
	}

	.short-id .short-id-copy {
		font-size: .8rem;
	}
}