/* Special Marine - styles du back-office */

.sm-dashboard {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 16px;
}

.sm-card {
	flex: 1 1 220px;
	min-width: 200px;
	max-width: 320px;
	padding: 12px 14px;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #134481;
	border-radius: 4px;
	background: #fff;
}

.sm-card-label {
	font-size: 0.9em;
	opacity: 0.8;
	margin-bottom: 6px;
}

.sm-card-value {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.1;
}

.sm-card-detail {
	margin-top: 6px;
	font-size: 0.85em;
	opacity: 0.7;
}

.sm-level-ok      { border-left-color: #22884a; }
.sm-level-info    { border-left-color: #134481; }
.sm-level-warning { border-left-color: #c47f00; }
.sm-level-error   { border-left-color: #b3312a; }

.sm-badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 10px;
	font-size: 0.85em;
	white-space: nowrap;
}

.sm-badge-in_stock     { background: #e3f3e8; color: #22884a; }
.sm-badge-low          { background: #fdf1dd; color: #a06a00; }
.sm-badge-out_of_stock { background: #fbe6e5; color: #b3312a; }

.sm-secret {
	font-family: monospace;
	letter-spacing: 1px;
}

.sm-nowrap { white-space: nowrap; }