/*
 * Widget / carte — remplace .widget/.widget-head/.widget-body de l'ancien thème.
 * Utilisé par start_widget()/end_widget() (includes/pages.php).
 */

.ag-widget {
	background: var(--ag-color-surface);
	border: 1px solid var(--ag-color-border);
	border-radius: var(--ag-radius-md);
	box-shadow: var(--ag-shadow-sm);
	margin-bottom: var(--ag-space-5);
	transition: box-shadow var(--ag-transition-base);
}

.ag-widget:hover {
	box-shadow: var(--ag-shadow-md);
}

.ag-widget__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--ag-space-4) var(--ag-space-5);
	border-bottom: 1px solid var(--ag-color-border);
}

.ag-widget__head h4 {
	font-size: var(--ag-font-size-base);
	font-weight: var(--ag-font-weight-semibold);
}

.ag-widget__body {
	padding: var(--ag-space-5);
}

.ag-widget--collapsible .ag-widget__head {
	cursor: pointer;
}

.ag-widget--collapsible.is-collapsed .ag-widget__body {
	display: none;
}

.ag-widget--collapsible .ag-widget__head::after {
	content: "";
	margin-left: auto;
	width: 6px;
	height: 6px;
	border-right: 1.5px solid var(--ag-color-text-muted);
	border-bottom: 1.5px solid var(--ag-color-text-muted);
	transform: rotate(45deg);
	transition: transform var(--ag-transition-fast);
}

.ag-widget--collapsible.is-collapsed .ag-widget__head::after {
	transform: rotate(-45deg);
}

/* Grille de widgets côte à côte (remplace .row-fluid / .span6) */
.ag-grid {
	display: grid;
	gap: var(--ag-space-5);
}

.ag-grid--2 {
	grid-template-columns: repeat(2, 1fr);
}

.ag-grid--3 {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 720px) {
	.ag-grid--2,
	.ag-grid--3 {
		grid-template-columns: 1fr;
	}
}

.ag-heading-arrow {
	position: relative;
	padding-left: var(--ag-space-4);
	font-size: var(--ag-font-size-base);
	font-weight: var(--ag-font-weight-semibold);
	margin-bottom: var(--ag-space-3);
}

.ag-heading-arrow::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 3px;
	border-radius: var(--ag-radius-full);
	background: var(--ag-color-primary);
}

.ag-info-row {
	display: flex;
	justify-content: space-between;
	gap: var(--ag-space-4);
	padding: var(--ag-space-2) 0;
	border-bottom: 1px dashed var(--ag-color-border);
	font-size: var(--ag-font-size-sm);
}

.ag-info-row:last-child {
	border-bottom: none;
}

.ag-info-row__label {
	color: var(--ag-color-text-muted);
}

/* Cartes de raccourcis (page d'accueil) */
.ag-dashboard-card {
	background: var(--ag-color-surface);
	border: 1px solid var(--ag-color-border);
	border-radius: var(--ag-radius-md);
	padding: var(--ag-space-5);
}

.ag-dashboard-card .ag-btn {
	width: 100%;
}