/**
 * Articole Științifice — Frontend Styles (supplement)
 * Reuses dpe-* classes from module-programe-educationale.css for layout.
 * This file adds article-specific styles (authors, role badges, etc.)
 */

/* ==========================================================================
   TIMELINE ITEM — Prevent title overlap with external link button
   ========================================================================== */

#das-archive .dpe-timeline__item {
	padding-right: 120px;
}

#das-archive .dpe-timeline__item-link {
	top: 14px;
	right: 16px;
}

/* ==========================================================================
   AUTHORS LINE
   ========================================================================== */

.dpe-timeline__item-authors {
	font-size: 12px;
	color: #788291;
	margin: 4px 0 0;
	line-height: 1.5;
	font-style: italic;
}

/* ==========================================================================
   ROLE BADGES — Articole Științifice specific colors
   ========================================================================== */

.dpe-badge--autor {
	background: rgba(29, 123, 255, 0.1);
	color: #1d7bff;
}

.dpe-badge--autor-corespondent {
	background: rgba(124, 58, 237, 0.1);
	color: #7c3aed;
}

.dpe-badge--prim-autor {
	background: rgba(46, 189, 111, 0.1);
	color: #2ebd6f;
}

.dpe-badge--ultim-autor {
	background: rgba(249, 115, 22, 0.1);
	color: #f97316;
}

/* ==========================================================================
   TIMELINE LOADING STATE
   ========================================================================== */

.dpe-timeline__loading {
	text-align: center;
	padding: 60px 20px;
	color: #788291;
	font-size: 15px;
}

.dpe-timeline__empty {
	text-align: center;
	padding: 60px 20px;
	color: #788291;
	font-size: 15px;
}

/* ==========================================================================
   ROW NUMBER (admin table — when no thumbnail)
   ========================================================================== */

.dafin-table__row-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	background: #f0f2f5;
	color: #788291;
	font-size: 12px;
	font-weight: 600;
}