/**
 * الإشعارات الثابتة داخل الصفحة (UI::notice)
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 */

.tnt .tnt-notice {
	display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; margin: 0 0 16px;
	border-radius: var(--tnt-radius); border: 1px solid; background: var(--tnt-surface); animation: tnt-slide .35s var(--tnt-ease);
}
.tnt .tnt-notice__icon { display: flex; margin-top: 1px; }
.tnt .tnt-notice__body { flex: 1; font-weight: 500; }
.tnt .tnt-notice__close { background: none; border: 0; cursor: pointer; color: inherit; opacity: .6; padding: 2px; display: flex; }
.tnt .tnt-notice__close:hover { opacity: 1; }
.tnt .tnt-notice--success { background: var(--tnt-success-50); border-color: #bfe9d6; color: #0b6e4d; }
.tnt .tnt-notice--error { background: var(--tnt-danger-50); border-color: #f5c6c6; color: #a32626; }
.tnt .tnt-notice--warning { background: var(--tnt-warning-50); border-color: #f3dcb0; color: #8a5703; }
.tnt .tnt-notice--info { background: var(--tnt-info-50); border-color: #bde3f1; color: #075f80; }