.admin-tools-system-outage-menu {
	min-width: 22rem;
	max-width: min(30rem, calc(100vw - 2rem));
}

.admin-tools-system-outage-menu-item {
	white-space: normal;
}

.admin-tools-system-outage-menu-item + .admin-tools-system-outage-menu-item {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.admin-tools-system-outage-menu-message {
	margin-top: 0.2rem;
}

.admin-tools-system-outage-menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 2px solid #6c757d;
	border-radius: 50%;
	color: #6c757d;
}

.admin-tools-system-outage-menu-icon.phase-info {
	border-color: #f59e0b;
	color: #f59e0b;
}

.admin-tools-system-outage-menu-icon.phase-critical,
.admin-tools-system-outage-menu-icon.phase-ongoing {
	border-color: #dc2626;
	color: #dc2626;
}

.admin-tools-system-outage-notice .ui-pnotify-text {
	white-space: pre-line;
	line-height: 1.5;
}

.admin-tools-system-outage-notice .ui-pnotify-title {
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
}

.admin-tools-system-outage-notice .ui-pnotify-action-bar {
	margin-top: 0.9rem !important;
	text-align: left !important;
}

.admin-tools-system-outage-notice .ui-pnotify-action-button.admin-tools-system-outage-confirm {
	min-width: 7.5rem;
	border: 0;
	border-radius: 0.25rem;
	padding: 0.45rem 0.9rem;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
	transition: background-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.admin-tools-system-outage-info .ui-pnotify-action-button.admin-tools-system-outage-confirm {
	background: #d97706;
}

.admin-tools-system-outage-critical .ui-pnotify-action-button.admin-tools-system-outage-confirm {
	background: #b91c1c;
}

.admin-tools-system-outage-notice .ui-pnotify-action-button.admin-tools-system-outage-confirm:hover,
.admin-tools-system-outage-notice .ui-pnotify-action-button.admin-tools-system-outage-confirm:focus {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
	color: #fff;
	transform: translateY(-1px);
}

.admin-tools-system-outage-info .ui-pnotify-container {
	border-left: 4px solid #f59e0b;
	background: #fff7e6;
	color: #6b3e00;
}

.admin-tools-system-outage-critical .ui-pnotify-container,
.admin-tools-system-outage-ongoing .ui-pnotify-container {
	border-left: 4px solid #dc2626;
	background: #fff0f0;
	color: #7f1d1d;
}

.admin-tools-system-outage-card {
	border-left: 4px solid #9ca3af;
	padding: 0.75rem 1rem;
	margin-bottom: 0.75rem;
	background: rgba(0, 0, 0, 0.02);
}

.admin-tools-system-outage-card.phase-info {
	border-left-color: #f59e0b;
}

.admin-tools-system-outage-card.phase-critical,
.admin-tools-system-outage-card.phase-ongoing {
	border-left-color: #dc2626;
}

.admin-tools-system-outage-card p:last-child {
	margin-bottom: 0;
}