/*
 +-------------------------------------------------------------------------+
 | Copyright (C) 2004-2025 The Cacti Group                                 |
 |                                                                         |
 | This program is free software; you can redistribute it and/or           |
 | modify it under the terms of the GNU General Public License             |
 | as published by the Free Software Foundation; either version 2          |
 | of the License, or (at your option) any later version.                  |
 |                                                                         |
 | This program is distributed in the hope that it will be useful,         |
 | but WITHOUT ANY WARRANTY; without even the implied warranty of          |
 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           |
 | GNU General Public License for more details.                            |
 +-------------------------------------------------------------------------+
 | Cacti: The Complete RRDtool-based Graphing Solution                     |
 +-------------------------------------------------------------------------+
 | This code is designed, written, and maintained by the Cacti Group. See  |
 | about.php and/or the AUTHORS file for specific developer information.   |
 +-------------------------------------------------------------------------+
 | http://www.cacti.net/                                                   |
 +-------------------------------------------------------------------------+
*/

.deviceUpFull {
	background-color: #198E32;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceDownFull {
	background-color: #FF0000;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceUnknownFull {
	background-color: #0000ff;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceDisabledFull {
	background-color: #A1A1A1;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceRecoveringFull {
	background-color: #ff8f1e;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceErrorFull {
	background-color: #750F7D;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.deviceNotMonFull {
	background-color: #FAFD9E;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdAlertNotify {
	background-color: #F21924;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdAlert2Warn {
	background-color: #F21620;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdWarningNotify {
	background-color: #FB4A14;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdReTriggerNotify {
	background-color: #F24010;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdReTriggerEvent {
	background-color: #FF7A30;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdTriggerEvent {
	background-color: #FAFD9E;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdWarnTrigger {
	background-color: #F9FA90;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdRestoralNotify {
	background-color: #CCFFCC;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdRestoralEvent {
	background-color: #CDCFC4;
	text-align: center;
	white-space: nowrap;
	width: 11.11%;
	padding: 3px;
}

.tholdRestore {
	background-color: #CCFFCC;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdAlertTrigger {
	background-color: #F21721;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdReTrigger {
	background-color: #FA7420;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdWarning {
	background-color: #FF7A30;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdAlert {
	background-color: rgba(242, 25, 36, 0.8);
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdAlert a {
	color: #003366;
}

.tholdAckCol {
	background-color: #BA55D3;
}

.tholdAcknowledgment {
	background-color: #BA55D3;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdBaseAlert {
	background-color: #FB4A14;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdNotice {
	background-color: #FAFD9E;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdOk {
	background-color: #CCFFCC;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdDisabled {
	background-color: #CDCFC4;
	text-align: center;
	white-space: nowrap;
	width: 14%;
	padding: 3px;
}

.tholdGlyphEdit {
	color: #666666;
}

.tholdGlyphDisable {
	color: #990000;
}

.tholdGlyphEnable {
	color: #006600;
}

.tholdGlyphChart {
	color: #996600;
}

.tholdGlyphLog {
	color: #999900;
}

.tholdGlyphAcknowledge {
	color: #336600;
}

.tholdGlyphAcknowledgeResume {
	color: #336600;
}

.tholdGlyphAcknowledgeSuspend {
	color: #336600;
}

/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
.tholdVRules {
	color: #1b6ca8;
}

.tholdEdit {
	color: #666666;
}

.tholdLog {
	white-space: pre-wrap !important;
}

/*
 * Status legend. Laid out as a wrapping CSS grid whose columns share one
 * width (seeded from the longest label via --thold-chip-min) so every chip is
 * equal width across all rows, with rounded corners and spacing between chips. A legend is a colour key, so the chips use their own solid, opaque
 * colours with white text so they stay legible on every theme rather than
 * inheriting the subtle row tints.
 */
.tholdLegend {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--thold-chip-min, 8ch), 1fr));
	gap: 4px;
	width: 100%;
}

/* Legend footer: keeps the legend centered beneath the list in normal
   document flow, so it never overlays the final rows or action controls. */
.tholdLegendFooter {
	display: table;
	width: 100%;
	margin: 8px auto 0;
}

.tholdLegend .tholdLegendItem {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	text-align: center;
	white-space: nowrap;
	padding: 4px 6px;
	border-radius: 3px;
	color: #ffffff;
}

.tholdLegend .tholdAlert,
.tholdLegend .tholdAlertNotify,
.tholdLegend .deviceDownFull {
	background-color: #a12820;
}

.tholdLegend .tholdBaseAlert,
.tholdLegend .tholdAlert2Warn {
	background-color: #93302a;
}

.tholdLegend .tholdWarning,
.tholdLegend .tholdWarningNotify,
.tholdLegend .tholdReTriggerEvent {
	background-color: #a85712;
}

.tholdLegend .deviceRecoveringFull {
	background-color: #9a6a1a;
}

.tholdLegend .tholdNotice,
.tholdLegend .tholdWarnTrigger,
.tholdLegend .tholdTriggerEvent {
	background-color: #7d6f18;
}

.tholdLegend .tholdOk,
.tholdLegend .deviceUpFull,
.tholdLegend .tholdRestoralNotify {
	background-color: #2f8f3a;
}

.tholdLegend .tholdRestoralEvent {
	background-color: #3f7a4a;
}

.tholdLegend .tholdAcknowledgment {
	background-color: #6a4a9c;
}

.tholdLegend .deviceErrorFull {
	background-color: #86407a;
}

.tholdLegend .tholdDisabled,
.tholdLegend .deviceDisabledFull,
.tholdLegend .deviceUnknownFull,
.tholdLegend .deviceNotMonFull {
	background-color: #5f5f57;
}

.thold-pill.tholdAlert,
.thold-pill.tholdBaseAlert,
.thold-pill.tholdWarning,
.thold-pill.tholdAcknowledgment,
.thold-pill.tholdNotice,
.thold-pill.tholdOk,
.thold-pill.tholdDisabled {
	color: #202020;
}