/**
 * أزرار الإجراءات الموحدة: عرض / تعديل / حذف (UI::view / UI::edit / UI::delete)
 * الألوان من متغيرات --tnt-act-* في base/tokens.css
 * لكل زر إطار بلون نوعه، وعند المرور يمتلئ بلونه مع توهج خفيف
 */

.tnt .tnt-act {
	--tnt-act-c: var(--tnt-navy-700); --tnt-act-bg: var(--tnt-primary-50);
	width: 34px; height: 34px; padding: 0; border-radius: 10px; display: inline-grid; place-items: center; cursor: pointer;
	vertical-align: middle; text-decoration: none;
	background: var(--tnt-act-bg); color: var(--tnt-act-c);
	border: 1.5px solid color-mix(in srgb, var(--tnt-act-c) 28%, transparent);
	transition: background .15s var(--tnt-ease), color .15s, border-color .15s, box-shadow .15s, transform .15s;
}
.tnt .tnt-act--view { --tnt-act-c: var(--tnt-act-view); --tnt-act-bg: var(--tnt-act-view-bg); }
.tnt .tnt-act--copy { --tnt-act-c: var(--tnt-primary); --tnt-act-bg: var(--tnt-primary-50); }
.tnt .tnt-act--edit { --tnt-act-c: var(--tnt-act-edit); --tnt-act-bg: var(--tnt-act-edit-bg); }
.tnt .tnt-act--delete { --tnt-act-c: var(--tnt-act-delete); --tnt-act-bg: var(--tnt-act-delete-bg); }
/* إلغاء التسجيل: بنفس لون الحذف (إجراء إزالة) مع أيقونة مستخدم مختلفة */
.tnt .tnt-act--unenroll { --tnt-act-c: var(--tnt-act-delete); --tnt-act-bg: var(--tnt-act-delete-bg); }
.tnt .tnt-act--unenroll:hover .tnt-icon { transform: translateX(-2px); }

.tnt .tnt-act:hover, .tnt .tnt-act:focus-visible {
	background: var(--tnt-act-c); color: #fff; border-color: transparent; transform: translateY(-1px);
	box-shadow: 0 8px 16px -8px color-mix(in srgb, var(--tnt-act-c) 75%, transparent); outline: none;
}
.tnt .tnt-act .tnt-icon { transition: transform .2s var(--tnt-ease); }
.tnt .tnt-act--delete:hover .tnt-icon { transform: rotate(-10deg); }
.tnt .tnt-act--edit:hover .tnt-icon { transform: rotate(-8deg) scale(1.05); }
.tnt .tnt-act--view:hover .tnt-icon { transform: scale(1.12); }
.tnt .tnt-act--copy:hover .tnt-icon { transform: translate(-1px, -1px); }

/* زر مجمّد (UI::act_disabled): نفس المكان، باهت وبدون تفاعل */
.tnt .tnt-act:disabled, .tnt .tnt-act:disabled:hover {
	--tnt-act-c: var(--tnt-muted); background: var(--tnt-surface-2); color: var(--tnt-muted);
	border-color: var(--tnt-border); box-shadow: none; transform: none; opacity: .55; cursor: not-allowed;
}
.tnt .tnt-act:disabled .tnt-icon { transform: none; }

.tnt .tnt-col-actions { white-space: nowrap; }
.tnt .tnt-col-actions > * + * { margin-inline-start: 6px; }
/* محاذاة الأزرار النصية والأيقونية على المنتصف (لا على خط النص) */
.tnt .tnt-col-actions .tnt-btn, .tnt .tnt-col-actions .tnt-act { vertical-align: middle; }