.lpv-app { max-width: 900px; margin: 0 auto; font-size: 16px; }
.lpv-app a { text-decoration: none; }
.lpv-login { max-width: 420px; padding: 24px; border: 1px solid #e3e3e3; border-radius: 10px; }
.lpv-login input[type="text"], .lpv-login input[type="password"] { width: 100%; }

.lpv-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.lpv-top h3 { margin: 0; }
.lpv-top-links { font-size: 14px; }
.lpv-aviso { color: #9a6700; }

.lpv-buscar { width: 100%; padding: 10px 14px; border: 1px solid #ccc; border-radius: 8px; margin-bottom: 20px; font-size: 16px; box-sizing: border-box; }

.lpv-vendedor { border: 1px solid #e3e3e3; border-radius: 10px; padding: 16px 18px; margin-bottom: 18px; background: #fff; }
.lpv-vendedor header { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; margin-bottom: 8px; }
.lpv-vendedor h4 { margin: 0; font-size: 18px; }
.lpv-contacto { font-size: 14px; color: #666; }

.lpv-listas { list-style: none; margin: 0; padding: 0; }
.lpv-lista { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.lpv-lista:last-child { border-bottom: 0; }
.lpv-icono { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #fff; }
.lpv-icono.lpv-pdf { background: #c62828; }
.lpv-icono.lpv-excel { background: #1e7d45; }
.lpv-info { flex: 1 1 auto; min-width: 0; }
.lpv-info strong { display: block; overflow-wrap: anywhere; }
.lpv-info small { color: #777; }
.lpv-botones { display: flex; gap: 6px; flex-wrap: wrap; }
.lpv-btn { display: inline-block; padding: 7px 14px; border-radius: 6px; background: #1f4fa3; color: #fff !important; font-size: 14px; line-height: 1.2; }
.lpv-btn:hover { opacity: .9; }
.lpv-btn-sec { background: #eef2f8; color: #1f4fa3 !important; }

.lpv-vacio, .lpv-cargando { color: #777; }
.lpv-error { color: #b00020; }

@media (max-width: 560px) {
	.lpv-lista { flex-wrap: wrap; }
	.lpv-botones { width: 100%; padding-left: 56px; }
}