/* ==========================================================================
   Edit Event page — header buttons on phones
   Kept in its own file (linked from _Host.cshtml) so it is not lost when
   NewEditEvent.css is open in Visual Studio. Scoped to the event editor only.
   ========================================================================== */
@media (max-width: 576px) {
	.event-editor-container .page-header .header-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		width: 100% !important;
	}

		.event-editor-container .page-header .header-actions .btn-committee-dashboard,
		.event-editor-container .page-header .header-actions .btn-view-event-list,
		.event-editor-container .page-header .header-actions .btn-save,
		.event-editor-container .page-header .header-actions .btn-danger {
			min-width: 0 !important;
			min-height: 46px !important;
			height: auto !important;
			margin: 0 !important;
			padding: 10px 14px !important;
			border-radius: 9999px !important;
			white-space: nowrap !important;
			line-height: 1.2 !important;
			font-size: 14px !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			text-align: center !important;
			overflow: visible !important;
		}

		/* full-width rows: Committee Dashboard, then View Event List */
		.event-editor-container .page-header .header-actions .btn-committee-dashboard,
		.event-editor-container .page-header .header-actions .btn-view-event-list {
			flex: 1 1 100% !important;
			width: 100% !important;
		}

		/* Update + Delete share the last row */
		.event-editor-container .page-header .header-actions .btn-save,
		.event-editor-container .page-header .header-actions .btn-danger {
			flex: 1 1 calc(50% - 5px) !important;
			width: auto !important;
		}

		/* create mode (no Delete button): Save takes the full row */
		.event-editor-container .page-header .header-actions .btn-save:last-of-type {
			flex-basis: 100% !important;
		}

		.event-editor-container .page-header .header-actions .dxbl-btn-caption {
			white-space: nowrap !important;
			overflow: visible !important;
		}
}