/* =============================================================================
   H2V ACTION BUTTONS — GLOBAL, CANONICAL
   File: h2v-action-buttons.css
   Scope: Application-wide reusable action buttons
   NOTE: No Bootstrap dependencies. Icons via Font Awesome only.
============================================================================= */

/* -----------------------------------------------------------------------------
   ACTION GROUP (LAYOUT)
----------------------------------------------------------------------------- */
.action-group {
	display: inline-flex;
	align-items: center;
	gap: 6px; /* canonical spacing between actions */
	white-space: nowrap;
}

/* -----------------------------------------------------------------------------
   BASE ACTION BUTTON
----------------------------------------------------------------------------- */
.action-btn {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1.05rem;
	background: #e5e7eb;
	color: #374151;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.action-btn:hover {
	background: #d1d5db;
}

.action-btn:disabled,
.action-btn.disabled {
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
}

/* -----------------------------------------------------------------------------
   SEMANTIC ACTION COLORS
----------------------------------------------------------------------------- */

/* Edit */
.action-btn .fa-edit {
	color: #2563eb;
}

/* Delete */
.action-btn .fa-trash {
	color: #dc2626;
}

/* Generate (Magic) */
.action-btn .fa-magic {
	color: #7c3aed;
}

/* Play */
.action-btn .fa-play {
	color: #059669;
}

/* Download */
.action-btn .fa-download {
	color: #2563eb;
}

/* Summary / File */
.action-btn .fa-file,
.action-btn .fa-file-alt {
	color: #0ea5e9;
}

/* QR Code */
.action-btn .fa-qrcode {
	color: #374151;
}

/* Search */
.action-btn .fa-search {
	color: #2563eb;
}

/* Key / Reset Password */
.action-btn .fa-key {
	color: #d97706;
}

/* -----------------------------------------------------------------------------
   HOVER EMPHASIS BY ICON (OPTIONAL, SUBTLE)
----------------------------------------------------------------------------- */
.action-btn:hover .fa-edit			{ color: #1d4ed8; }
.action-btn:hover .fa-trash		{ color: #b91c1c; }
.action-btn:hover .fa-magic		{ color: #6d28d9; }
.action-btn:hover .fa-play			{ color: #047857; }
.action-btn:hover .fa-download		{ color: #1d4ed8; }
.action-btn:hover .fa-file,
.action-btn:hover .fa-file-alt		{ color: #0284c7; }
.action-btn:hover .fa-qrcode		{ color: #111827; }
.action-btn:hover .fa-key			{ color: #b45309; }