/**
 * ==============================================================================
 * Archivo: pills.css
 * Ruta: localpadel/includes/modules/matches/ui/pills/pills.css
 *
 * Descripción:
 *   Estilos reutilizables de píldoras.
 *
 * Versión: 1.0.0
 * Autor: Alberto Aranda Aranda
 * Último cambio: 2025-12-21 Europe/Madrid
 * ==============================================================================
 */

.lp-pill{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 999px;
	border: 1px solid rgba(15,23,42,.10);
	background: #fff;
	color: #0f172a;
	font-size: 11.5px;
	line-height: 1.1;
	white-space: nowrap;
	box-shadow: 0 1px 0 rgba(15,23,42,.04);
	transition: transform .08s ease, filter .12s ease, border-color .12s ease;
}

.lp-pill:hover{ filter: saturate(1.05); }
.lp-pill:active{ transform: translateY(1px); }

.lp-pill--brand{
	border-color: rgba(44,74,156,.38);
	background: rgba(44,74,156,.14);
	color: #0b1b3e;
}

.lp-pill--ok{
	border-color: rgba(16,185,129,.40);
	background: rgba(16,185,129,.16);
	color: #065f46;
}

.lp-pill--warn{
	border-color: rgba(245,158,11,.42);
	background: rgba(245,158,11,.18);
	color: #92400e;
}

.lp-pill--danger{
	border-color: rgba(239,68,68,.38);
	background: rgba(239,68,68,.14);
	color: #7f1d1d;
}

.lp-pill--info{
	border-color: rgba(99,102,241,.34);
	background: rgba(99,102,241,.14);
	color: #1f2937;
}

.lp-pill--neutral{
	border-color: rgba(15,23,42,.12);
	background: rgba(15,23,42,.04);
	color: #334155;
}

.lp-pill--muted{
	border-color: rgba(15,23,42,.10);
	background: rgba(15,23,42,.03);
	color: #64748b;
}

.lp-pill--pink{
	border-color: rgba(236,72,153,.34);
	background: rgba(236,72,153,.14);
	color: #831843;
}

.lp-pill--blue{
	border-color: rgba(59,130,246,.34);
	background: rgba(59,130,246,.14);
	color: #1e3a8a;
}

.lp-pill--purple{
	border-color: rgba(168,85,247,.34);
	background: rgba(168,85,247,.14);
	color: #4c1d95;
}