/** ============================================================================
    GENERATE TIME CSS
============================================================================ **/

/* === ITEM CONTENT & SPACING === */
/* Align Items Vertically And Keep Gap Tight */
#wp-admin-bar-wpsddc_page_generation_time > .ab-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* === DASHICON METRICS === */
/* Normalize Icon Metrics And Vertical Alignment */
#wp-admin-bar-wpsddc_page_generation_time .dashicons {
	display: inline-block;
	line-height: 1;
	font-family: dashicons !important;
	font-size: 18px;
	vertical-align: middle;
	margin-right: -9px;
	margin-top: -3px;
}

/* === CONTAINER ALIGNMENT === */
/* Keep Container Height Consistent With Admin Bar */
#wp-admin-bar-wpsddc_page_generation_time {
	display: flex;
	align-items: center;
}

/* === TIMER NUMBER WIDTH === */
/* Reserve Width To Avoid Menu Shift During Animation */
#wp-admin-bar-wpsddc_page_generation_time #wpsddc-timer {
	display: inline-block;
	font-variant-numeric: tabular-nums;
	min-width: 6ch;
	text-align: right;
}