From f3288b9639725f8d7065081d7d8cc1dfca9a9431 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Mon, 15 Dec 2025 11:33:51 -0300
Subject: [PATCH 01/13] feat: enhance notification bell component by
 refactoring notification fetching logic, improving type safety, and updating
 UI elements for better user experience

---
 .../components/chat/NotificationBell.svelte   | 215 ++++-----
 .../routes/(dashboard)/compras/+page.svelte   | 153 +++----
 .../(dashboard)/compras/atas/+page.svelte     | 430 ++++++++++--------
 .../(dashboard)/compras/objetos/+page.svelte  | 350 +++++++-------
 .../funcionarios/excluir/+page.svelte         |  16 +-
 5 files changed, 589 insertions(+), 575 deletions(-)

diff --git a/apps/web/src/lib/components/chat/NotificationBell.svelte b/apps/web/src/lib/components/chat/NotificationBell.svelte
index d270e47..c777eb5 100644
--- a/apps/web/src/lib/components/chat/NotificationBell.svelte
+++ b/apps/web/src/lib/components/chat/NotificationBell.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
 	import { useQuery, useConvexClient } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { notificacoesCount } from '$lib/stores/chatStore';
 	import { formatDistanceToNow } from 'date-fns';
 	import { ptBR } from 'date-fns/locale';
@@ -18,9 +20,10 @@
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
 	let modalOpen = $state(false);
+	let usuarioId = $derived((currentUser?.data?._id as Id<'usuarios'> | undefined) ?? null);
 	let notificacoesFerias = $state<
 		Array<{
-			_id: string;
+			_id: Id<'notificacoesFerias'>;
 			mensagem: string;
 			tipo: string;
 			_creationTime: number;
@@ -28,7 +31,7 @@
 	>([]);
 	let notificacoesAusencias = $state<
 		Array<{
-			_id: string;
+			_id: Id<'notificacoesAusencias'>;
 			mensagem: string;
 			tipo: string;
 			_creationTime: number;
@@ -47,51 +50,47 @@
 	// Separar notificações lidas e não lidas
 	let notificacoesNaoLidas = $derived(todasNotificacoes.filter((n) => !n.lida));
 	let notificacoesLidas = $derived(todasNotificacoes.filter((n) => n.lida));
+	let totalCount = $derived(count + (notificacoesFerias?.length || 0));
 
 	// Atualizar contador no store
 	$effect(() => {
 		const totalNotificacoes =
 			count + (notificacoesFerias?.length || 0) + (notificacoesAusencias?.length || 0);
-		notificacoesCount.set(totalNotificacoes);
+		$notificacoesCount = totalNotificacoes;
 	});
 
 	// Buscar notificações de férias
-	async function buscarNotificacoesFerias() {
+	async function buscarNotificacoesFerias(id: Id<'usuarios'> | null) {
 		try {
-			const usuarioId = currentUser?.data?._id;
-			if (usuarioId) {
-				const notifsFerias = await client.query(api.ferias.obterNotificacoesNaoLidas, {
-					usuarioId
-				});
-				notificacoesFerias = notifsFerias || [];
-			}
+			if (!id) return;
+			const notifsFerias = await client.query(api.ferias.obterNotificacoesNaoLidas, {
+				usuarioId: id
+			});
+			notificacoesFerias = notifsFerias || [];
 		} catch (e) {
 			console.error('Erro ao buscar notificações de férias:', e);
 		}
 	}
 
 	// Buscar notificações de ausências
-	async function buscarNotificacoesAusencias() {
+	async function buscarNotificacoesAusencias(id: Id<'usuarios'> | null) {
 		try {
-			const usuarioId = currentUser?.data?._id;
-			if (usuarioId) {
-				try {
-					const notifsAusencias = await client.query(api.ausencias.obterNotificacoesNaoLidas, {
-						usuarioId
-					});
-					notificacoesAusencias = notifsAusencias || [];
-				} catch (queryError: unknown) {
-					// Silenciar erros de timeout e função não encontrada
-					const errorMessage =
-						queryError instanceof Error ? queryError.message : String(queryError);
-					const isTimeout = errorMessage.includes('timed out') || errorMessage.includes('timeout');
-					const isFunctionNotFound = errorMessage.includes('Could not find public function');
+			if (!id) return;
+			try {
+				const notifsAusencias = await client.query(api.ausencias.obterNotificacoesNaoLidas, {
+					usuarioId: id
+				});
+				notificacoesAusencias = notifsAusencias || [];
+			} catch (queryError: unknown) {
+				// Silenciar erros de timeout e função não encontrada
+				const errorMessage = queryError instanceof Error ? queryError.message : String(queryError);
+				const isTimeout = errorMessage.includes('timed out') || errorMessage.includes('timeout');
+				const isFunctionNotFound = errorMessage.includes('Could not find public function');
 
-					if (!isTimeout && !isFunctionNotFound) {
-						console.error('Erro ao buscar notificações de ausências:', queryError);
-					}
-					notificacoesAusencias = [];
+				if (!isTimeout && !isFunctionNotFound) {
+					console.error('Erro ao buscar notificações de ausências:', queryError);
 				}
+				notificacoesAusencias = [];
 			}
 		} catch (e) {
 			// Erro geral - silenciar se for sobre função não encontrada ou timeout
@@ -106,13 +105,15 @@
 	}
 
 	// Atualizar notificações periodicamente
-	$effect(() => {
-		buscarNotificacoesFerias();
-		buscarNotificacoesAusencias();
+	onMount(() => {
+		void buscarNotificacoesFerias(usuarioId);
+		void buscarNotificacoesAusencias(usuarioId);
+
 		const interval = setInterval(() => {
-			buscarNotificacoesFerias();
-			buscarNotificacoesAusencias();
+			void buscarNotificacoesFerias(usuarioId);
+			void buscarNotificacoesAusencias(usuarioId);
 		}, 30000); // A cada 30s
+
 		return () => clearInterval(interval);
 	});
 
@@ -127,30 +128,12 @@
 		}
 	}
 
-	async function handleMarcarTodasLidas() {
-		await client.mutation(api.chat.marcarTodasNotificacoesLidas, {});
-		// Marcar todas as notificações de férias como lidas
-		for (const notif of notificacoesFerias) {
-			await client.mutation(api.ferias.marcarComoLida, {
-				notificacaoId: notif._id
-			});
-		}
-		// Marcar todas as notificações de ausências como lidas
-		for (const notif of notificacoesAusencias) {
-			await client.mutation(api.ausencias.marcarComoLida, {
-				notificacaoId: notif._id
-			});
-		}
-		await buscarNotificacoesFerias();
-		await buscarNotificacoesAusencias();
-	}
-
 	async function handleLimparTodasNotificacoes() {
 		limpandoNotificacoes = true;
 		try {
 			await client.mutation(api.chat.limparTodasNotificacoes, {});
-			await buscarNotificacoesFerias();
-			await buscarNotificacoesAusencias();
+			await buscarNotificacoesFerias(usuarioId);
+			await buscarNotificacoesAusencias(usuarioId);
 		} catch (error) {
 			console.error('Erro ao limpar notificações:', error);
 		} finally {
@@ -162,8 +145,8 @@
 		limpandoNotificacoes = true;
 		try {
 			await client.mutation(api.chat.limparNotificacoesNaoLidas, {});
-			await buscarNotificacoesFerias();
-			await buscarNotificacoesAusencias();
+			await buscarNotificacoesFerias(usuarioId);
+			await buscarNotificacoesAusencias(usuarioId);
 		} catch (error) {
 			console.error('Erro ao limpar notificações não lidas:', error);
 		} finally {
@@ -173,24 +156,24 @@
 
 	async function handleClickNotificacao(notificacaoId: string) {
 		await client.mutation(api.chat.marcarNotificacaoLida, {
-			notificacaoId: notificacaoId as any
+			notificacaoId: notificacaoId as Id<'notificacoes'>
 		});
 	}
 
-	async function handleClickNotificacaoFerias(notificacaoId: string) {
+	async function handleClickNotificacaoFerias(notificacaoId: Id<'notificacoesFerias'>) {
 		await client.mutation(api.ferias.marcarComoLida, {
 			notificacaoId: notificacaoId
 		});
-		await buscarNotificacoesFerias();
+		await buscarNotificacoesFerias(usuarioId);
 		// Redirecionar para a página de férias
 		window.location.href = '/recursos-humanos/ferias';
 	}
 
-	async function handleClickNotificacaoAusencias(notificacaoId: string) {
+	async function handleClickNotificacaoAusencias(notificacaoId: Id<'notificacoesAusencias'>) {
 		await client.mutation(api.ausencias.marcarComoLida, {
 			notificacaoId: notificacaoId
 		});
-		await buscarNotificacoesAusencias();
+		await buscarNotificacoesAusencias(usuarioId);
 		// Redirecionar para a página de perfil na aba de ausências
 		window.location.href = '/perfil?aba=minhas-ausencias';
 	}
@@ -204,19 +187,19 @@
 	}
 
 	// Fechar popup ao clicar fora ou pressionar Escape
-	$effect(() => {
-		if (!modalOpen) return;
-
+	onMount(() => {
 		function handleClickOutside(event: MouseEvent) {
+			if (!modalOpen) return;
 			const target = event.target as HTMLElement;
 			if (!target.closest('.notification-popup') && !target.closest('.notification-bell')) {
-				modalOpen = false;
+				closeModal();
 			}
 		}
 
 		function handleEscape(event: KeyboardEvent) {
+			if (!modalOpen) return;
 			if (event.key === 'Escape') {
-				modalOpen = false;
+				closeModal();
 			}
 		}
 
@@ -230,56 +213,32 @@
 </script>
 
 <div class="notification-bell relative">
-	<!-- Botão de Notificação ULTRA MODERNO (igual ao perfil) -->
-	<button
-		type="button"
-		tabindex="0"
-		class="group relative flex h-14 w-14 items-center justify-center overflow-hidden rounded-2xl transition-all duration-300 hover:scale-105"
-		style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); box-shadow: 0 8px 24px -4px rgba(102, 126, 234, 0.4);"
-		onclick={openModal}
-		aria-label="Notificações"
-	>
-		<!-- Efeito de brilho no hover -->
-		<div
-			class="absolute inset-0 bg-linear-to-br from-white/0 to-white/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"
-		></div>
-
-		<!-- Anel de pulso sutil -->
-		<div
-			class="absolute inset-0 rounded-2xl"
-			style="animation: pulse-ring-subtle 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;"
-		></div>
-
-		<!-- Glow effect quando tem notificações -->
-		{#if count && count > 0}
-			<div class="bg-error/30 absolute inset-0 animate-pulse rounded-2xl blur-lg"></div>
-		{/if}
-
-		<!-- Ícone do sino PREENCHIDO moderno -->
-		<Bell
-			class="relative z-10 h-7 w-7 text-white transition-all duration-300 group-hover:scale-110"
-			style="filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); animation: {count && count > 0
-				? 'bell-ring 2s ease-in-out infinite'
-				: 'none'};"
-			fill="currentColor"
-		/>
-
-		<!-- Badge premium MODERNO com gradiente -->
-		{#if count + (notificacoesFerias?.length || 0) > 0}
-			{@const totalCount = count + (notificacoesFerias?.length || 0)}
-			<span
-				class="absolute -top-1 -right-1 z-20 flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-black text-white shadow-xl ring-2 ring-white"
-				style="background: linear-gradient(135deg, #ff416c, #ff4b2b); box-shadow: 0 8px 24px -4px rgba(255, 65, 108, 0.6), 0 4px 12px -2px rgba(255, 75, 43, 0.4); animation: badge-bounce 2s ease-in-out infinite;"
-			>
+	<!-- Botão de Notificação (padrão do tema) -->
+	<div class="indicator">
+		{#if totalCount > 0}
+			<span class="indicator-item badge badge-error badge-sm">
 				{totalCount > 9 ? '9+' : totalCount}
 			</span>
 		{/if}
-	</button>
+		<button
+			type="button"
+			tabindex="0"
+			class="btn ring-base-200 hover:ring-primary/50 size-10 p-0 ring-2 ring-offset-2 transition-all"
+			onclick={openModal}
+			aria-label="Notificações"
+			aria-expanded={modalOpen}
+		>
+			<Bell
+				class="size-6 transition-colors {totalCount > 0 ? 'text-primary' : 'text-base-content/70'}"
+				style="animation: {totalCount > 0 ? 'bell-ring 2s ease-in-out infinite' : 'none'};"
+			/>
+		</button>
+	</div>
 
 	<!-- Popup Flutuante de Notificações -->
 	{#if modalOpen}
 		<div
-			class="notification-popup bg-base-100 border-base-300 fixed top-24 right-4 z-[100] flex max-h-[calc(100vh-7rem)] w-[calc(100vw-2rem)] max-w-2xl flex-col overflow-hidden rounded-2xl border shadow-2xl backdrop-blur-sm"
+			class="notification-popup bg-base-100 border-base-300 fixed top-24 right-4 z-100 flex max-h-[calc(100vh-7rem)] w-[calc(100vw-2rem)] max-w-2xl flex-col overflow-hidden rounded-2xl border shadow-2xl backdrop-blur-sm"
 			style="animation: slideDown 0.2s ease-out;"
 		>
 			<!-- Header -->
@@ -310,7 +269,7 @@
 							Limpar todas
 						</button>
 					{/if}
-					<button type="button" class="btn btn-sm btn-circle btn-ghost" onclick={closeModal}>
+					<button type="button" class="btn btn-sm btn-circle" onclick={closeModal}>
 						<X class="h-5 w-5" />
 					</button>
 				</div>
@@ -439,17 +398,17 @@
 					<!-- Notificações de Férias -->
 					{#if notificacoesFerias.length > 0}
 						<div class="mb-4">
-							<h4 class="mb-2 px-2 text-sm font-semibold text-purple-600">Férias</h4>
+							<h4 class="text-secondary mb-2 px-2 text-sm font-semibold">Férias</h4>
 							{#each notificacoesFerias as notificacao (notificacao._id)}
 								<button
 									type="button"
-									class="hover:bg-base-200 mb-2 w-full rounded-lg border-l-4 border-purple-600 px-4 py-3 text-left transition-colors"
+									class="hover:bg-base-200 border-secondary mb-2 w-full rounded-lg border-l-4 px-4 py-3 text-left transition-colors"
 									onclick={() => handleClickNotificacaoFerias(notificacao._id)}
 								>
 									<div class="flex items-start gap-3">
 										<!-- Ícone -->
 										<div class="mt-1 shrink-0">
-											<Calendar class="h-5 w-5 text-purple-600" strokeWidth={2} />
+											<Calendar class="text-secondary h-5 w-5" strokeWidth={2} />
 										</div>
 
 										<!-- Conteúdo -->
@@ -464,7 +423,7 @@
 
 										<!-- Badge -->
 										<div class="shrink-0">
-											<div class="badge badge-primary badge-xs"></div>
+											<div class="badge badge-secondary badge-xs"></div>
 										</div>
 									</div>
 								</button>
@@ -475,17 +434,17 @@
 					<!-- Notificações de Ausências -->
 					{#if notificacoesAusencias.length > 0}
 						<div class="mb-4">
-							<h4 class="mb-2 px-2 text-sm font-semibold text-orange-600">Ausências</h4>
+							<h4 class="text-warning mb-2 px-2 text-sm font-semibold">Ausências</h4>
 							{#each notificacoesAusencias as notificacao (notificacao._id)}
 								<button
 									type="button"
-									class="hover:bg-base-200 mb-2 w-full rounded-lg border-l-4 border-orange-600 px-4 py-3 text-left transition-colors"
+									class="hover:bg-base-200 border-warning mb-2 w-full rounded-lg border-l-4 px-4 py-3 text-left transition-colors"
 									onclick={() => handleClickNotificacaoAusencias(notificacao._id)}
 								>
 									<div class="flex items-start gap-3">
 										<!-- Ícone -->
 										<div class="mt-1 shrink-0">
-											<Clock class="h-5 w-5 text-orange-600" strokeWidth={2} />
+											<Clock class="text-warning h-5 w-5" strokeWidth={2} />
 										</div>
 
 										<!-- Conteúdo -->
@@ -539,28 +498,6 @@
 </div>
 
 <style>
-	@keyframes badge-bounce {
-		0%,
-		100% {
-			transform: scale(1);
-		}
-		50% {
-			transform: scale(1.1);
-		}
-	}
-
-	@keyframes pulse-ring-subtle {
-		0%,
-		100% {
-			opacity: 0.1;
-			transform: scale(1);
-		}
-		50% {
-			opacity: 0.3;
-			transform: scale(1.05);
-		}
-	}
-
 	@keyframes bell-ring {
 		0%,
 		100% {
diff --git a/apps/web/src/routes/(dashboard)/compras/+page.svelte b/apps/web/src/routes/(dashboard)/compras/+page.svelte
index 3e91175..9a470b8 100644
--- a/apps/web/src/routes/(dashboard)/compras/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/+page.svelte
@@ -1,98 +1,95 @@
 <script lang="ts">
 	import { Building2, FileText, Package, ShoppingCart } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
-	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
 </script>
 
-<ProtectedRoute>
-	<main class="container mx-auto px-4 py-4">
-		<div class="breadcrumbs mb-4 text-sm">
-			<ul>
-				<li><a href={resolve('/')} class="text-primary hover:underline">Dashboard</a></li>
-				<li>Compras</li>
-			</ul>
-		</div>
+<main class="container mx-auto px-4 py-4">
+	<div class="breadcrumbs mb-4 text-sm">
+		<ul>
+			<li><a href={resolve('/')} class="text-primary hover:underline">Dashboard</a></li>
+			<li>Compras</li>
+		</ul>
+	</div>
 
-		<div class="mb-6">
-			<div class="mb-2 flex items-center gap-4">
-				<div class="rounded-xl bg-cyan-500/20 p-3">
-					<ShoppingCart class="h-8 w-8 text-cyan-600" strokeWidth={2} />
-				</div>
-				<div>
-					<h1 class="text-primary text-3xl font-bold">Compras</h1>
-					<p class="text-base-content/70">Gestão de compras e aquisições</p>
-				</div>
+	<div class="mb-6">
+		<div class="mb-2 flex items-center gap-4">
+			<div class="rounded-xl bg-cyan-500/20 p-3">
+				<ShoppingCart class="h-8 w-8 text-cyan-600" strokeWidth={2} />
+			</div>
+			<div>
+				<h1 class="text-primary text-3xl font-bold">Compras</h1>
+				<p class="text-base-content/70">Gestão de compras e aquisições</p>
 			</div>
 		</div>
+	</div>
 
-		<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-			<a
-				href={resolve('/compras/objetos')}
-				class="card bg-base-100 border-base-200 hover:border-primary border shadow-md transition-shadow hover:shadow-lg"
-			>
-				<div class="card-body">
-					<div class="mb-2 flex items-center gap-3">
-						<div class="bg-primary/10 rounded-lg p-2">
-							<Package class="text-primary h-6 w-6" strokeWidth={2} />
-						</div>
-						<h4 class="font-semibold">Objetos</h4>
+	<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+		<a
+			href={resolve('/compras/objetos')}
+			class="card bg-base-100 border-base-200 hover:border-primary border shadow-md transition-shadow hover:shadow-lg"
+		>
+			<div class="card-body">
+				<div class="mb-2 flex items-center gap-3">
+					<div class="bg-primary/10 rounded-lg p-2">
+						<Package class="text-primary h-6 w-6" strokeWidth={2} />
 					</div>
-					<p class="text-base-content/70 text-sm">
-						Cadastro, listagem e edição de objetos e serviços disponíveis para compra.
-					</p>
+					<h4 class="font-semibold">Objetos</h4>
 				</div>
-			</a>
+				<p class="text-base-content/70 text-sm">
+					Cadastro, listagem e edição de objetos e serviços disponíveis para compra.
+				</p>
+			</div>
+		</a>
 
-			<a
-				href={resolve('/compras/atas')}
-				class="card bg-base-100 border-base-200 hover:border-accent border shadow-md transition-shadow hover:shadow-lg"
-			>
-				<div class="card-body">
-					<div class="mb-2 flex items-center gap-3">
-						<div class="bg-accent/10 rounded-lg p-2">
-							<FileText class="text-accent h-6 w-6" strokeWidth={2} />
-						</div>
-						<h4 class="font-semibold">Atas de Registro</h4>
+		<a
+			href={resolve('/compras/atas')}
+			class="card bg-base-100 border-base-200 hover:border-accent border shadow-md transition-shadow hover:shadow-lg"
+		>
+			<div class="card-body">
+				<div class="mb-2 flex items-center gap-3">
+					<div class="bg-accent/10 rounded-lg p-2">
+						<FileText class="text-accent h-6 w-6" strokeWidth={2} />
 					</div>
-					<p class="text-base-content/70 text-sm">
-						Gerencie Atas de Registro de Preços e seus vínculos com objetos.
-					</p>
+					<h4 class="font-semibold">Atas de Registro</h4>
 				</div>
-			</a>
+				<p class="text-base-content/70 text-sm">
+					Gerencie Atas de Registro de Preços e seus vínculos com objetos.
+				</p>
+			</div>
+		</a>
 
-			<a
-				href={resolve('/licitacoes/empresas')}
-				class="card bg-base-100 border-base-200 hover:border-info border shadow-md transition-shadow hover:shadow-lg"
-			>
-				<div class="card-body">
-					<div class="mb-2 flex items-center gap-3">
-						<div class="bg-info/10 rounded-lg p-2">
-							<Building2 class="text-info h-6 w-6" strokeWidth={2} />
-						</div>
-						<h4 class="font-semibold">Empresas</h4>
+		<a
+			href={resolve('/licitacoes/empresas')}
+			class="card bg-base-100 border-base-200 hover:border-info border shadow-md transition-shadow hover:shadow-lg"
+		>
+			<div class="card-body">
+				<div class="mb-2 flex items-center gap-3">
+					<div class="bg-info/10 rounded-lg p-2">
+						<Building2 class="text-info h-6 w-6" strokeWidth={2} />
 					</div>
-					<p class="text-base-content/70 text-sm">
-						Cadastro e gestão de empresas fornecedoras e seus contatos.
-					</p>
+					<h4 class="font-semibold">Empresas</h4>
 				</div>
-			</a>
+				<p class="text-base-content/70 text-sm">
+					Cadastro e gestão de empresas fornecedoras e seus contatos.
+				</p>
+			</div>
+		</a>
 
-			<a
-				href={resolve('/pedidos')}
-				class="card bg-base-100 border-base-200 hover:border-secondary border shadow-md transition-shadow hover:shadow-lg"
-			>
-				<div class="card-body">
-					<div class="mb-2 flex items-center gap-3">
-						<div class="bg-secondary/10 rounded-lg p-2">
-							<FileText class="text-secondary h-6 w-6" strokeWidth={2} />
-						</div>
-						<h4 class="font-semibold">Pedidos</h4>
+		<a
+			href={resolve('/pedidos')}
+			class="card bg-base-100 border-base-200 hover:border-secondary border shadow-md transition-shadow hover:shadow-lg"
+		>
+			<div class="card-body">
+				<div class="mb-2 flex items-center gap-3">
+					<div class="bg-secondary/10 rounded-lg p-2">
+						<FileText class="text-secondary h-6 w-6" strokeWidth={2} />
 					</div>
-					<p class="text-base-content/70 text-sm">
-						Gerencie pedidos de compra, acompanhe status e histórico de aquisições.
-					</p>
+					<h4 class="font-semibold">Pedidos</h4>
 				</div>
-			</a>
-		</div>
-	</main>
-</ProtectedRoute>
+				<p class="text-base-content/70 text-sm">
+					Gerencie pedidos de compra, acompanhe status e histórico de aquisições.
+				</p>
+			</div>
+		</a>
+	</div>
+</main>
diff --git a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
index 7072e02..2b93b0f 100644
--- a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
@@ -2,7 +2,8 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { Pencil, Plus, Trash2, X, Search, Check } from 'lucide-svelte';
+	import { Pencil, Plus, Trash2, X, Search, Check, FileText } from 'lucide-svelte';
+	import { resolve } from '$app/paths';
 
 	const client = useConvexClient();
 
@@ -189,140 +190,173 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-2xl font-bold">Atas de Registro de Preços</h1>
-		<button
-			onclick={() => openModal()}
-			class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
-		>
-			<Plus size={20} />
-			Nova Ata
-		</button>
+<main class="container mx-auto flex max-w-7xl flex-col px-4 py-4">
+	<div class="breadcrumbs mb-4 text-sm">
+		<ul>
+			<li><a href={resolve('/')} class="text-primary hover:underline">Dashboard</a></li>
+			<li><a href={resolve('/compras')} class="text-primary hover:underline">Compras</a></li>
+			<li>Atas</li>
+		</ul>
+	</div>
+
+	<div class="mb-6">
+		<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
+			<div class="flex items-center gap-4">
+				<div class="bg-accent/10 rounded-xl p-3">
+					<FileText class="text-accent h-8 w-8" strokeWidth={2} />
+				</div>
+				<div>
+					<h1 class="text-primary text-3xl font-bold">Atas de Registro de Preços</h1>
+					<p class="text-base-content/70">Gerencie atas, vigência, empresa e anexos</p>
+				</div>
+			</div>
+			<button
+				class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
+				onclick={() => openModal()}
+			>
+				<Plus class="h-5 w-5" strokeWidth={2} />
+				Nova Ata
+			</button>
+		</div>
 	</div>
 
 	{#if loadingAtas}
-		<p>Carregando...</p>
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
+		</div>
 	{:else if errorAtas}
-		<p class="text-red-600">{errorAtas}</p>
+		<div class="alert alert-error">
+			<span>{errorAtas}</span>
+		</div>
 	{:else}
-		<div class="overflow-hidden rounded-lg bg-white shadow-md">
-			<table class="min-w-full divide-y divide-gray-200">
-				<thead class="bg-gray-50">
-					<tr>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Número</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>SEI</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Empresa</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Vigência</th
-						>
-						<th
-							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Ações</th
-						>
-					</tr>
-				</thead>
-				<tbody class="divide-y divide-gray-200 bg-white">
-					{#each atas as ata (ata._id)}
-						<tr>
-							<td class="px-6 py-4 font-medium whitespace-nowrap">{ata.numero}</td>
-							<td class="px-6 py-4 whitespace-nowrap">{ata.numeroSei}</td>
-							<td
-								class="max-w-md truncate px-6 py-4 whitespace-nowrap"
-								title={getEmpresaNome(ata.empresaId)}
-							>
-								{getEmpresaNome(ata.empresaId)}
-							</td>
-							<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-500">
-								{ata.dataInicio || '-'} a {ata.dataFim || '-'}
-							</td>
-							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
-								<button
-									onclick={() => openModal(ata)}
-									class="mr-4 text-indigo-600 hover:text-indigo-900"
+		<div class="card bg-base-100/90 border-base-300 border shadow-xl backdrop-blur-sm">
+			<div class="card-body p-0">
+				<div class="overflow-x-auto">
+					<table class="table-zebra table w-full">
+						<thead class="from-base-300 to-base-200 sticky top-0 z-10 bg-linear-to-r shadow-md">
+							<tr>
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Número</th
 								>
-									<Pencil size={18} />
-								</button>
-								<button
-									onclick={() => handleDelete(ata._id)}
-									class="text-red-600 hover:text-red-900"
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>SEI</th
 								>
-									<Trash2 size={18} />
-								</button>
-							</td>
-						</tr>
-					{/each}
-					{#if atas.length === 0}
-						<tr>
-							<td colspan="5" class="px-6 py-4 text-center text-gray-500"
-								>Nenhuma ata cadastrada.</td
-							>
-						</tr>
-					{/if}
-				</tbody>
-			</table>
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Empresa</th
+								>
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Vigência</th
+								>
+								<th
+									class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+									>Ações</th
+								>
+							</tr>
+						</thead>
+						<tbody>
+							{#if atas.length === 0}
+								<tr>
+									<td colspan="5" class="py-12 text-center">
+										<div class="text-base-content/60 flex flex-col items-center gap-2">
+											<p class="text-lg font-semibold">Nenhuma ata cadastrada</p>
+											<p class="text-sm">Clique em “Nova Ata” para cadastrar.</p>
+										</div>
+									</td>
+								</tr>
+							{:else}
+								{#each atas as ata (ata._id)}
+									<tr class="hover:bg-base-200/50 transition-colors">
+										<td class="font-medium whitespace-nowrap">{ata.numero}</td>
+										<td class="whitespace-nowrap">{ata.numeroSei}</td>
+										<td
+											class="max-w-md truncate whitespace-nowrap"
+											title={getEmpresaNome(ata.empresaId)}
+										>
+											{getEmpresaNome(ata.empresaId)}
+										</td>
+										<td class="text-base-content/70 whitespace-nowrap">
+											{ata.dataInicio || '-'} a {ata.dataFim || '-'}
+										</td>
+										<td class="text-right whitespace-nowrap">
+											<div class="flex items-center justify-end gap-1">
+												<button
+													type="button"
+													class="btn btn-ghost btn-sm"
+													aria-label="Editar ata"
+													onclick={() => openModal(ata)}
+												>
+													<Pencil size={18} />
+												</button>
+												<button
+													type="button"
+													class="btn btn-ghost btn-sm text-error"
+													aria-label="Excluir ata"
+													onclick={() => handleDelete(ata._id)}
+												>
+													<Trash2 size={18} />
+												</button>
+											</div>
+										</td>
+									</tr>
+								{/each}
+							{/if}
+						</tbody>
+					</table>
+				</div>
+			</div>
 		</div>
 	{/if}
 
 	{#if showModal}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-		>
-			<div class="relative my-8 w-full max-w-2xl rounded-lg bg-white p-8 shadow-xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-4xl">
 				<button
+					type="button"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 					onclick={closeModal}
-					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
+					aria-label="Fechar modal"
 				>
-					<X size={24} />
+					<X class="h-5 w-5" />
 				</button>
-				<h2 class="mb-6 text-xl font-bold">{editingId ? 'Editar' : 'Nova'} Ata</h2>
 
-				<form onsubmit={handleSubmit}>
+				<h3 class="text-lg font-bold">{editingId ? 'Editar' : 'Nova'} Ata</h3>
+
+				<form class="mt-6 space-y-6" onsubmit={handleSubmit}>
 					<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
-						<div>
-							<div class="mb-4">
-								<label class="mb-2 block text-sm font-bold text-gray-700" for="numero">
-									Número da Ata
+						<div class="space-y-4">
+							<div class="form-control w-full">
+								<label class="label" for="numero">
+									<span class="label-text font-semibold">Número da Ata</span>
 								</label>
 								<input
-									class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 									id="numero"
+									class="input input-bordered focus:input-primary w-full"
 									type="text"
 									bind:value={formData.numero}
 									required
 								/>
 							</div>
 
-							<div class="mb-4">
-								<label class="mb-2 block text-sm font-bold text-gray-700" for="numeroSei">
-									Número SEI
+							<div class="form-control w-full">
+								<label class="label" for="numeroSei">
+									<span class="label-text font-semibold">Número SEI</span>
 								</label>
 								<input
-									class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 									id="numeroSei"
+									class="input input-bordered focus:input-primary w-full"
 									type="text"
 									bind:value={formData.numeroSei}
 									required
 								/>
 							</div>
 
-							<div class="mb-4">
-								<label class="mb-2 block text-sm font-bold text-gray-700" for="empresa">
-									Empresa
+							<div class="form-control w-full">
+								<label class="label" for="empresa">
+									<span class="label-text font-semibold">Empresa</span>
 								</label>
 								<select
-									class="focus:shadow-outline w-full rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 									id="empresa"
+									class="select select-bordered focus:select-primary w-full"
 									bind:value={formData.empresaId}
 									required
 								>
@@ -333,25 +367,25 @@
 								</select>
 							</div>
 
-							<div class="mb-4 grid grid-cols-2 gap-4">
-								<div>
-									<label class="mb-2 block text-sm font-bold text-gray-700" for="dataInicio">
-										Data Início
+							<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+								<div class="form-control w-full">
+									<label class="label" for="dataInicio">
+										<span class="label-text font-semibold">Data Início</span>
 									</label>
 									<input
-										class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 										id="dataInicio"
+										class="input input-bordered focus:input-primary w-full"
 										type="date"
 										bind:value={formData.dataInicio}
 									/>
 								</div>
-								<div>
-									<label class="mb-2 block text-sm font-bold text-gray-700" for="dataFim">
-										Data Fim
+								<div class="form-control w-full">
+									<label class="label" for="dataFim">
+										<span class="label-text font-semibold">Data Fim</span>
 									</label>
 									<input
-										class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 										id="dataFim"
+										class="input input-bordered focus:input-primary w-full"
 										type="date"
 										bind:value={formData.dataFim}
 									/>
@@ -359,110 +393,116 @@
 							</div>
 						</div>
 
-						<div class="flex flex-col">
-							<label class="mb-2 block text-sm font-bold text-gray-700" for="objetos">
-								Objetos Vinculados ({selectedObjetos.length})
-							</label>
-
-							<div class="relative mb-2">
-								<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
-									<Search size={16} class="text-gray-400" />
-								</div>
-								<input
-									type="text"
-									placeholder="Buscar objetos..."
-									class="focus:shadow-outline w-full rounded border py-2 pr-3 pl-10 text-sm leading-tight text-gray-700 shadow focus:outline-none"
-									bind:value={searchObjeto}
-								/>
+						<div class="space-y-4">
+							<div class="flex items-center justify-between">
+								<div class="font-semibold">Objetos Vinculados</div>
+								<span class="badge badge-outline">{selectedObjetos.length}</span>
 							</div>
 
-							<div
-								class="mb-4 flex-1 overflow-y-auto rounded border bg-gray-50 p-2"
-								style="max-height: 200px;"
-							>
-								{#if filteredObjetos.length === 0}
-									<p class="py-4 text-center text-sm text-gray-500">Nenhum objeto encontrado.</p>
-								{:else}
-									<div class="space-y-1">
-										{#each filteredObjetos as objeto (objeto._id)}
-											<button
-												type="button"
-												class="flex w-full items-center justify-between rounded px-3 py-2 text-left text-sm hover:bg-gray-200 {selectedObjetos.includes(
-													objeto._id
-												)
-													? 'bg-blue-50 text-blue-700'
-													: ''}"
-												onclick={() => toggleObjeto(objeto._id)}
-											>
-												<span class="truncate">{objeto.nome}</span>
-												{#if selectedObjetos.includes(objeto._id)}
-													<Check size={16} class="text-blue-600" />
-												{/if}
-											</button>
-										{/each}
-									</div>
-								{/if}
-							</div>
-
-							<div class="border-t pt-4">
-								<label class="mb-2 block text-sm font-bold text-gray-700" for="anexos">
-									Anexos
+							<div class="form-control w-full">
+								<label class="label" for="buscar_objeto">
+									<span class="label-text font-semibold">Buscar objetos</span>
 								</label>
-								<input
-									class="focus:shadow-outline mb-2 w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
-									id="anexos"
-									type="file"
-									multiple
-									onchange={handleAttachmentsSelect}
-								/>
-
-								{#if attachments.length > 0}
-									<div class="mt-2 max-h-40 space-y-2 overflow-y-auto">
-										{#each attachments as doc (doc._id)}
-											<div
-												class="flex items-center justify-between rounded bg-gray-100 p-2 text-sm"
-											>
-												<a
-													href={doc.url}
-													target="_blank"
-													rel="noopener noreferrer"
-													class="max-w-[150px] truncate text-blue-600 hover:underline"
-												>
-													{doc.nome}
-												</a>
-												<button
-													type="button"
-													onclick={() => handleDeleteAttachment(doc._id)}
-													class="text-red-500 hover:text-red-700"
-												>
-													<X size={16} />
-												</button>
-											</div>
-										{/each}
+								<div class="relative">
+									<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+										<Search size={16} class="text-base-content/40" />
 									</div>
+									<input
+										id="buscar_objeto"
+										type="text"
+										placeholder="Digite para filtrar..."
+										class="input input-bordered focus:input-primary w-full pl-10"
+										bind:value={searchObjeto}
+									/>
+								</div>
+							</div>
+
+							<div class="border-base-300 max-h-52 overflow-y-auto rounded-lg border p-2">
+								{#if filteredObjetos.length === 0}
+									<p class="text-base-content/60 px-2 py-3 text-center text-sm">
+										Nenhum objeto encontrado.
+									</p>
+								{:else}
+									{#each filteredObjetos as objeto (objeto._id)}
+										{@const isSelected = selectedObjetos.includes(objeto._id)}
+										<label
+											class="hover:bg-base-200/50 flex cursor-pointer items-center gap-3 rounded-md px-2 py-2 {isSelected
+												? 'bg-primary/5'
+												: ''}"
+										>
+											<input
+												type="checkbox"
+												class="checkbox checkbox-primary checkbox-sm"
+												checked={isSelected}
+												onchange={() => toggleObjeto(objeto._id)}
+												aria-label="Vincular objeto {objeto.nome}"
+											/>
+											<span class="flex-1 truncate text-sm">{objeto.nome}</span>
+											{#if isSelected}
+												<Check size={16} class="text-primary" />
+											{/if}
+										</label>
+									{/each}
 								{/if}
 							</div>
+
+							<div class="border-base-300 border-t pt-4">
+								<div class="font-semibold">Anexos</div>
+								<div class="mt-2 space-y-2">
+									<input
+										id="anexos"
+										type="file"
+										multiple
+										class="file-input file-input-bordered w-full"
+										onchange={handleAttachmentsSelect}
+									/>
+
+									{#if attachments.length > 0}
+										<div
+											class="border-base-300 max-h-40 space-y-2 overflow-y-auto rounded-lg border p-2"
+										>
+											{#each attachments as doc (doc._id)}
+												<div class="flex items-center justify-between gap-2 text-sm">
+													<a
+														href={doc.url}
+														target="_blank"
+														rel="noopener noreferrer"
+														class="link link-primary max-w-[260px] truncate"
+													>
+														{doc.nome}
+													</a>
+													<button
+														type="button"
+														class="btn btn-ghost btn-xs text-error"
+														onclick={() => handleDeleteAttachment(doc._id)}
+														aria-label="Excluir anexo"
+													>
+														<X size={16} />
+													</button>
+												</div>
+											{/each}
+										</div>
+									{/if}
+								</div>
+							</div>
 						</div>
 					</div>
 
-					<div class="mt-6 flex items-center justify-end border-t pt-4">
-						<button
-							type="button"
-							onclick={closeModal}
-							class="mr-2 rounded bg-gray-300 px-4 py-2 font-bold text-gray-800 hover:bg-gray-400"
-						>
+					<div class="modal-action">
+						<button type="button" class="btn" onclick={closeModal} disabled={saving || uploading}>
 							Cancelar
 						</button>
-						<button
-							type="submit"
-							disabled={saving || uploading}
-							class="focus:shadow-outline rounded bg-blue-600 px-4 py-2 font-bold text-white hover:bg-blue-700 focus:outline-none disabled:opacity-50"
-						>
+						<button type="submit" class="btn btn-primary" disabled={saving || uploading}>
+							{#if saving || uploading}
+								<span class="loading loading-spinner loading-sm"></span>
+							{/if}
 							{saving || uploading ? 'Salvando...' : 'Salvar'}
 						</button>
 					</div>
 				</form>
 			</div>
+			<button type="button" class="modal-backdrop" onclick={closeModal} aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
-</div>
+</main>
diff --git a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
index 05d1fdd..81485fb 100644
--- a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
@@ -2,8 +2,9 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { Pencil, Plus, Trash2, X } from 'lucide-svelte';
+	import { Pencil, Plus, Trash2, X, Package } from 'lucide-svelte';
 	import { maskCurrencyBRL } from '$lib/utils/masks';
+	import { resolve } from '$app/paths';
 
 	const client = useConvexClient();
 
@@ -116,150 +117,187 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-2xl font-bold">Objetos</h1>
-		<button
-			onclick={() => openModal()}
-			class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
-		>
-			<Plus size={20} />
-			Novo Objeto
-		</button>
+<main class="container mx-auto flex max-w-7xl flex-col px-4 py-4">
+	<div class="breadcrumbs mb-4 text-sm">
+		<ul>
+			<li><a href={resolve('/')} class="text-primary hover:underline">Dashboard</a></li>
+			<li><a href={resolve('/compras')} class="text-primary hover:underline">Compras</a></li>
+			<li>Objetos</li>
+		</ul>
+	</div>
+
+	<div class="mb-6">
+		<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
+			<div class="flex items-center gap-4">
+				<div class="bg-primary/10 rounded-xl p-3">
+					<Package class="text-primary h-8 w-8" strokeWidth={2} />
+				</div>
+				<div>
+					<h1 class="text-primary text-3xl font-bold">Objetos</h1>
+					<p class="text-base-content/70">Cadastro e gestão de objetos e serviços</p>
+				</div>
+			</div>
+			<button
+				class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
+				onclick={() => openModal()}
+			>
+				<Plus class="h-5 w-5" strokeWidth={2} />
+				Novo Objeto
+			</button>
+		</div>
 	</div>
 
 	{#if loading}
-		<p>Carregando...</p>
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
+		</div>
 	{:else if error}
-		<p class="text-red-600">{error}</p>
+		<div class="alert alert-error">
+			<span>{error}</span>
+		</div>
 	{:else}
-		<div class="overflow-hidden rounded-lg bg-white shadow-md">
-			<table class="min-w-full divide-y divide-gray-200">
-				<thead class="bg-gray-50">
-					<tr>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Nome</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Tipo</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Unidade</th
-						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Valor Estimado</th
-						>
-						<th
-							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Ações</th
-						>
-					</tr>
-				</thead>
-				<tbody class="divide-y divide-gray-200 bg-white">
-					{#each objetos as objeto (objeto._id)}
-						<tr>
-							<td class="px-6 py-4 whitespace-nowrap">
-								<div class="flex flex-col">
-									<span class="font-medium">{objeto.nome}</span>
-									<span class="text-xs text-gray-500">
-										Efisco: {objeto.codigoEfisco}
-										{#if objeto.codigoCatmat}
-											| Catmat: {objeto.codigoCatmat}{/if}
-										{#if objeto.codigoCatserv}
-											| Catserv: {objeto.codigoCatserv}{/if}
-									</span>
-								</div>
-							</td>
-							<td class="px-6 py-4 whitespace-nowrap">
-								<span
-									class="inline-flex rounded-full px-2 text-xs leading-5 font-semibold
-                  {objeto.tipo === 'servico'
-										? 'bg-green-100 text-green-800'
-										: 'bg-blue-100 text-blue-800'}"
+		<div class="card bg-base-100/90 border-base-300 border shadow-xl backdrop-blur-sm">
+			<div class="card-body p-0">
+				<div class="overflow-x-auto">
+					<table class="table-zebra table w-full">
+						<thead class="from-base-300 to-base-200 sticky top-0 z-10 bg-linear-to-r shadow-md">
+							<tr>
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Nome</th
 								>
-									{objeto.tipo === 'material' ? 'Material' : 'Serviço'}
-								</span>
-							</td>
-							<td class="px-6 py-4 whitespace-nowrap">{objeto.unidade}</td>
-							<td class="px-6 py-4 whitespace-nowrap">
-								{maskCurrencyBRL(objeto.valorEstimado) || 'R$ 0,00'}
-							</td>
-							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
-								<button
-									onclick={() => openModal(objeto)}
-									class="mr-4 text-indigo-600 hover:text-indigo-900"
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Tipo</th
 								>
-									<Pencil size={18} />
-								</button>
-								<button
-									onclick={() => handleDelete(objeto._id)}
-									class="text-red-600 hover:text-red-900"
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Unidade</th
 								>
-									<Trash2 size={18} />
-								</button>
-							</td>
-						</tr>
-					{/each}
-					{#if objetos.length === 0}
-						<tr>
-							<td colspan="5" class="px-6 py-4 text-center text-gray-500"
-								>Nenhum objeto cadastrado.</td
-							>
-						</tr>
-					{/if}
-				</tbody>
-			</table>
+								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+									>Valor Estimado</th
+								>
+								<th
+									class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+									>Ações</th
+								>
+							</tr>
+						</thead>
+						<tbody>
+							{#if objetos.length === 0}
+								<tr>
+									<td colspan="5" class="py-12 text-center">
+										<div class="text-base-content/60 flex flex-col items-center gap-2">
+											<p class="text-lg font-semibold">Nenhum objeto cadastrado</p>
+											<p class="text-sm">Clique em “Novo Objeto” para cadastrar.</p>
+										</div>
+									</td>
+								</tr>
+							{:else}
+								{#each objetos as objeto (objeto._id)}
+									<tr class="hover:bg-base-200/50 transition-colors">
+										<td>
+											<div class="flex flex-col">
+												<span class="font-medium">{objeto.nome}</span>
+												<span class="text-base-content/60 text-xs">
+													Efisco: {objeto.codigoEfisco}
+													{#if objeto.codigoCatmat}
+														| Catmat: {objeto.codigoCatmat}{/if}
+													{#if objeto.codigoCatserv}
+														| Catserv: {objeto.codigoCatserv}{/if}
+												</span>
+											</div>
+										</td>
+										<td class="whitespace-nowrap">
+											<span
+												class="badge badge-sm {objeto.tipo === 'servico'
+													? 'badge-success'
+													: 'badge-info'}"
+											>
+												{objeto.tipo === 'material' ? 'Material' : 'Serviço'}
+											</span>
+										</td>
+										<td class="whitespace-nowrap">{objeto.unidade}</td>
+										<td class="whitespace-nowrap">
+											{maskCurrencyBRL(objeto.valorEstimado) || 'R$ 0,00'}
+										</td>
+										<td class="text-right whitespace-nowrap">
+											<div class="flex items-center justify-end gap-1">
+												<button
+													type="button"
+													class="btn btn-ghost btn-sm"
+													aria-label="Editar objeto"
+													onclick={() => openModal(objeto)}
+												>
+													<Pencil size={18} />
+												</button>
+												<button
+													type="button"
+													class="btn btn-ghost btn-sm text-error"
+													aria-label="Excluir objeto"
+													onclick={() => handleDelete(objeto._id)}
+												>
+													<Trash2 size={18} />
+												</button>
+											</div>
+										</td>
+									</tr>
+								{/each}
+							{/if}
+						</tbody>
+					</table>
+				</div>
+			</div>
 		</div>
 	{/if}
 
 	{#if showModal}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-		>
-			<div class="relative w-full max-w-md rounded-lg bg-white p-8 shadow-xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-2xl">
 				<button
+					type="button"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 					onclick={closeModal}
-					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
+					aria-label="Fechar modal"
 				>
-					<X size={24} />
+					<X class="h-5 w-5" />
 				</button>
-				<h2 class="mb-6 text-xl font-bold">{editingId ? 'Editar' : 'Novo'} Objeto</h2>
 
-				<form onsubmit={handleSubmit}>
-					<div class="mb-4">
-						<label class="mb-2 block text-sm font-bold text-gray-700" for="nome"> Nome </label>
+				<h3 class="text-lg font-bold">{editingId ? 'Editar' : 'Novo'} Objeto</h3>
+
+				<form class="mt-6 space-y-4" onsubmit={handleSubmit}>
+					<div class="form-control w-full">
+						<label class="label" for="nome">
+							<span class="label-text font-semibold">Nome</span>
+						</label>
 						<input
-							class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 							id="nome"
+							class="input input-bordered focus:input-primary w-full"
 							type="text"
 							bind:value={formData.nome}
 							required
 						/>
 					</div>
 
-					<div class="mb-4 grid grid-cols-2 gap-4">
-						<div>
-							<label class="mb-2 block text-sm font-bold text-gray-700" for="tipo"> Tipo </label>
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+						<div class="form-control w-full">
+							<label class="label" for="tipo">
+								<span class="label-text font-semibold">Tipo</span>
+							</label>
 							<select
-								class="focus:shadow-outline w-full rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 								id="tipo"
+								class="select select-bordered focus:select-primary w-full"
 								bind:value={formData.tipo}
 							>
 								<option value="material">Material</option>
 								<option value="servico">Serviço</option>
 							</select>
 						</div>
-						<div>
-							<label class="mb-2 block text-sm font-bold text-gray-700" for="unidade">
-								Unidade
+
+						<div class="form-control w-full">
+							<label class="label" for="unidade">
+								<span class="label-text font-semibold">Unidade</span>
 							</label>
 							<input
-								class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 								id="unidade"
+								class="input input-bordered focus:input-primary w-full"
 								type="text"
 								bind:value={formData.unidade}
 								required
@@ -267,13 +305,13 @@
 						</div>
 					</div>
 
-					<div class="mb-4">
-						<label class="mb-2 block text-sm font-bold text-gray-700" for="codigoEfisco">
-							Código Efisco
+					<div class="form-control w-full">
+						<label class="label" for="codigoEfisco">
+							<span class="label-text font-semibold">Código Efisco</span>
 						</label>
 						<input
-							class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 							id="codigoEfisco"
+							class="input input-bordered focus:input-primary w-full"
 							type="text"
 							bind:value={formData.codigoEfisco}
 							required
@@ -281,88 +319,86 @@
 					</div>
 
 					{#if formData.tipo === 'material'}
-						<div class="mb-4">
-							<label class="mb-2 block text-sm font-bold text-gray-700" for="codigoCatmat">
-								Código Catmat
+						<div class="form-control w-full">
+							<label class="label" for="codigoCatmat">
+								<span class="label-text font-semibold">Código Catmat</span>
 							</label>
 							<input
-								class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 								id="codigoCatmat"
+								class="input input-bordered focus:input-primary w-full"
 								type="text"
 								bind:value={formData.codigoCatmat}
 							/>
 						</div>
 					{:else}
-						<div class="mb-4">
-							<label class="mb-2 block text-sm font-bold text-gray-700" for="codigoCatserv">
-								Código Catserv
+						<div class="form-control w-full">
+							<label class="label" for="codigoCatserv">
+								<span class="label-text font-semibold">Código Catserv</span>
 							</label>
 							<input
-								class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 								id="codigoCatserv"
+								class="input input-bordered focus:input-primary w-full"
 								type="text"
 								bind:value={formData.codigoCatserv}
 							/>
 						</div>
 					{/if}
 
-					<div class="mb-6">
-						<label class="mb-2 block text-sm font-bold text-gray-700" for="valor">
-							Valor Estimado
+					<div class="form-control w-full">
+						<label class="label" for="valor">
+							<span class="label-text font-semibold">Valor Estimado</span>
 						</label>
 						<input
-							class="focus:shadow-outline w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
 							id="valor"
+							class="input input-bordered focus:input-primary w-full"
 							type="text"
+							placeholder="R$ 0,00"
 							bind:value={formData.valorEstimado}
 							oninput={(e) => (formData.valorEstimado = maskCurrencyBRL(e.currentTarget.value))}
-							placeholder="R$ 0,00"
 						/>
 					</div>
 
-					<div class="mb-6">
-						<label class="mb-2 block text-sm font-bold text-gray-700" for="atas">
-							Vincular Atas
+					<div class="form-control w-full">
+						<label class="label" for="atas">
+							<span class="label-text font-semibold">Vincular Atas</span>
 						</label>
-						<div class="max-h-40 overflow-y-auto rounded border p-2">
-							{#each atas as ata (ata._id)}
-								<div class="mb-2 flex items-center">
-									<input
-										type="checkbox"
-										id={`ata-${ata._id}`}
-										checked={formData.atas.includes(ata._id)}
-										onchange={() => toggleAtaSelection(ata._id)}
-										class="mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-									/>
-									<label for={`ata-${ata._id}`} class="text-sm text-gray-700">
-										{ata.numero} ({ata.numeroSei})
-									</label>
-								</div>
-							{/each}
+						<div class="border-base-300 max-h-48 overflow-y-auto rounded-lg border p-2">
 							{#if atas.length === 0}
-								<p class="text-sm text-gray-500">Nenhuma ata disponível.</p>
+								<p class="text-base-content/60 px-2 py-3 text-sm">Nenhuma ata disponível.</p>
+							{:else}
+								{#each atas as ata (ata._id)}
+									<label
+										class="hover:bg-base-200/50 flex cursor-pointer items-center gap-3 rounded-md px-2 py-2"
+									>
+										<input
+											type="checkbox"
+											class="checkbox checkbox-primary checkbox-sm"
+											checked={formData.atas.includes(ata._id)}
+											onchange={() => toggleAtaSelection(ata._id)}
+											aria-label="Vincular ata {ata.numero}"
+										/>
+										<span class="text-sm">{ata.numero} ({ata.numeroSei})</span>
+									</label>
+								{/each}
 							{/if}
 						</div>
 					</div>
 
-					<div class="flex items-center justify-end">
-						<button
-							type="button"
-							onclick={closeModal}
-							class="mr-2 rounded bg-gray-300 px-4 py-2 font-bold text-gray-800 hover:bg-gray-400"
-						>
+					<div class="modal-action">
+						<button type="button" class="btn" onclick={closeModal} disabled={saving}>
 							Cancelar
 						</button>
-						<button
-							type="submit"
-							disabled={saving}
-							class="focus:shadow-outline rounded bg-blue-600 px-4 py-2 font-bold text-white hover:bg-blue-700 focus:outline-none disabled:opacity-50"
-						>
+						<button type="submit" class="btn btn-primary" disabled={saving}>
+							{#if saving}
+								<span class="loading loading-spinner loading-sm"></span>
+							{/if}
 							{saving ? 'Salvando...' : 'Salvar'}
 						</button>
 					</div>
 				</form>
 			</div>
+			<button type="button" class="modal-backdrop" onclick={closeModal} aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
-</div>
+</main>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
index ab8b795..7e79ba7 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte
@@ -14,7 +14,7 @@
 		Users,
 		Inbox,
 		Search,
-		AlertTriangle,
+		TriangleAlert,
 		User
 	} from 'lucide-svelte';
 	import type { FunctionReturnType } from 'convex/server';
@@ -30,6 +30,7 @@
 	const list = $derived(funcionariosQuery.data ?? []);
 
 	let funcionarioToDelete = $derived<Funcionario | null>(null);
+	let deleting = $state(false);
 
 	let filtro = $state('');
 	let notice: { kind: 'success' | 'error'; text: string } | null = $state(null);
@@ -48,6 +49,7 @@
 		if (!funcionarioToDelete) return;
 
 		try {
+			deleting = true;
 			await client.mutation(api.funcionarios.remove, { id: funcionarioToDelete._id });
 			closeDeleteModal();
 			notice = {
@@ -56,6 +58,8 @@
 			};
 		} catch {
 			notice = { kind: 'error', text: 'Erro ao excluir cadastro. Tente novamente.' };
+		} finally {
+			deleting = false;
 		}
 	}
 
@@ -243,12 +247,12 @@
 <dialog id="delete_modal_func_excluir" class="modal">
 	<div class="modal-box max-w-md">
 		<h3 class="text-error mb-4 flex items-center gap-2 text-2xl font-bold">
-			<AlertTriangle class="h-7 w-7" strokeWidth={2} />
+			<TriangleAlert class="h-7 w-7" strokeWidth={2} />
 			Confirmar Exclusão
 		</h3>
 
 		<div class="alert alert-warning mb-4">
-			<AlertTriangle class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
+			<TriangleAlert class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
 			<div>
 				<span class="font-bold">Atenção!</span>
 				<p class="text-sm">Esta ação não pode ser desfeita!</p>
@@ -280,16 +284,16 @@
 		{/if}
 
 		<div class="modal-action justify-between">
-			<button class="btn gap-2" onclick={closeDeleteModal} disabled={funcionarioToDelete !== null}>
+			<button class="btn gap-2" onclick={closeDeleteModal} disabled={deleting}>
 				<X class="h-5 w-5" strokeWidth={2} />
 				Cancelar
 			</button>
 			<button
 				class="btn btn-error gap-2"
 				onclick={confirmDelete}
-				disabled={funcionarioToDelete !== null}
+				disabled={deleting || funcionarioToDelete === null}
 			>
-				{#if funcionarioToDelete}
+				{#if deleting}
 					<span class="loading loading-spinner loading-sm"></span>
 					Excluindo...
 				{:else}

From a5ad843b3e5fdf2e5b569f043f58651417cb5065 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Mon, 15 Dec 2025 14:29:30 -0300
Subject: [PATCH 02/13] feat: implement filtering and document management
 features in dashboard components, enhancing user experience with improved
 query capabilities and UI for managing documents in pedidos and compras

---
 .../(dashboard)/compras/atas/+page.svelte     |  97 ++-
 .../(dashboard)/compras/objetos/+page.svelte  |  85 ++-
 .../(dashboard)/pedidos/[id]/+page.svelte     | 560 +++++++++++++++++-
 packages/backend/convex/atas.ts               |  34 +-
 packages/backend/convex/objetos.ts            |  31 +-
 packages/backend/convex/pedidos.ts            | 328 +++++++++-
 packages/backend/convex/tables/pedidos.ts     |  34 +-
 7 files changed, 1135 insertions(+), 34 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
index 2b93b0f..9e9c107 100644
--- a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
@@ -8,7 +8,21 @@
 	const client = useConvexClient();
 
 	// Reactive queries
-	const atasQuery = useQuery(api.atas.list, {});
+	// Filtros (listagem)
+	let filtroPeriodoInicio = $state('');
+	let filtroPeriodoFim = $state('');
+	let filtroNumero = $state('');
+	let filtroNumeroSei = $state('');
+
+	const atasTotalQuery = useQuery(api.atas.list, {});
+	let atasTotal = $derived(atasTotalQuery.data || []);
+
+	const atasQuery = useQuery(api.atas.list, () => ({
+		periodoInicio: filtroPeriodoInicio || undefined,
+		periodoFim: filtroPeriodoFim || undefined,
+		numero: filtroNumero.trim() || undefined,
+		numeroSei: filtroNumeroSei.trim() || undefined
+	}));
 	let atas = $derived(atasQuery.data || []);
 	let loadingAtas = $derived(atasQuery.isLoading);
 	let errorAtas = $derived(atasQuery.error?.message || null);
@@ -188,6 +202,13 @@
 			attachmentFiles = Array.from(input.files);
 		}
 	}
+
+	function limparFiltros() {
+		filtroPeriodoInicio = '';
+		filtroPeriodoFim = '';
+		filtroNumero = '';
+		filtroNumeroSei = '';
+	}
 </script>
 
 <main class="container mx-auto flex max-w-7xl flex-col px-4 py-4">
@@ -220,6 +241,71 @@
 		</div>
 	</div>
 
+	<div class="card bg-base-100/90 border-base-300 mb-6 border shadow-xl backdrop-blur-sm">
+		<div class="card-body">
+			<div class="grid gap-4 sm:grid-cols-[1fr_auto] sm:items-end">
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+					<div class="form-control w-full">
+						<label class="label" for="filtro_numero">
+							<span class="label-text font-semibold">Número</span>
+						</label>
+						<input
+							id="filtro_numero"
+							class="input input-bordered focus:input-primary w-full"
+							type="text"
+							placeholder="Ex.: 12/2025"
+							bind:value={filtroNumero}
+						/>
+					</div>
+
+					<div class="form-control w-full">
+						<label class="label" for="filtro_numeroSei">
+							<span class="label-text font-semibold">Número SEI</span>
+						</label>
+						<input
+							id="filtro_numeroSei"
+							class="input input-bordered focus:input-primary w-full"
+							type="text"
+							placeholder="Ex.: 12345.000000/2025-00"
+							bind:value={filtroNumeroSei}
+						/>
+					</div>
+
+					<div class="form-control w-full">
+						<label class="label" for="filtro_inicio">
+							<span class="label-text font-semibold">Período (início)</span>
+						</label>
+						<input
+							id="filtro_inicio"
+							class="input input-bordered focus:input-primary w-full"
+							type="date"
+							bind:value={filtroPeriodoInicio}
+						/>
+					</div>
+
+					<div class="form-control w-full">
+						<label class="label" for="filtro_fim">
+							<span class="label-text font-semibold">Período (fim)</span>
+						</label>
+						<input
+							id="filtro_fim"
+							class="input input-bordered focus:input-primary w-full"
+							type="date"
+							bind:value={filtroPeriodoFim}
+						/>
+					</div>
+				</div>
+
+				<div class="flex items-center justify-between gap-3 sm:min-w-max sm:justify-end">
+					<div class="text-base-content/70 text-sm">
+						{atas.length} de {atasTotal.length}
+					</div>
+					<button type="button" class="btn btn-ghost" onclick={limparFiltros}>Limpar</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
 	{#if loadingAtas}
 		<div class="flex items-center justify-center py-10">
 			<span class="loading loading-spinner loading-lg"></span>
@@ -258,8 +344,13 @@
 								<tr>
 									<td colspan="5" class="py-12 text-center">
 										<div class="text-base-content/60 flex flex-col items-center gap-2">
-											<p class="text-lg font-semibold">Nenhuma ata cadastrada</p>
-											<p class="text-sm">Clique em “Nova Ata” para cadastrar.</p>
+											{#if atasTotal.length === 0}
+												<p class="text-lg font-semibold">Nenhuma ata cadastrada</p>
+												<p class="text-sm">Clique em “Nova Ata” para cadastrar.</p>
+											{:else}
+												<p class="text-lg font-semibold">Nenhum resultado encontrado</p>
+												<p class="text-sm">Ajuste ou limpe os filtros para ver resultados.</p>
+											{/if}
 										</div>
 									</td>
 								</tr>
diff --git a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
index 81485fb..bf2324d 100644
--- a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
@@ -9,7 +9,19 @@
 	const client = useConvexClient();
 
 	// Reactive queries
-	const objetosQuery = useQuery(api.objetos.list, {});
+	// Filtros (listagem)
+	let filtroNome = $state('');
+	let filtroTipo = $state<'todos' | 'material' | 'servico'>('todos');
+	let filtroCodigos = $state('');
+
+	const objetosTotalQuery = useQuery(api.objetos.list, {});
+	let objetosTotal = $derived(objetosTotalQuery.data || []);
+
+	const objetosQuery = useQuery(api.objetos.list, () => ({
+		nome: filtroNome.trim() || undefined,
+		tipo: filtroTipo === 'todos' ? undefined : filtroTipo,
+		codigos: filtroCodigos.trim() || undefined
+	}));
 	let objetos = $derived(objetosQuery.data || []);
 	let loading = $derived(objetosQuery.isLoading);
 	let error = $derived(objetosQuery.error?.message || null);
@@ -115,6 +127,12 @@
 			formData.atas = [...formData.atas, ataId];
 		}
 	}
+
+	function limparFiltros() {
+		filtroNome = '';
+		filtroTipo = 'todos';
+		filtroCodigos = '';
+	}
 </script>
 
 <main class="container mx-auto flex max-w-7xl flex-col px-4 py-4">
@@ -147,6 +165,62 @@
 		</div>
 	</div>
 
+	<div class="card bg-base-100/90 border-base-300 mb-6 border shadow-xl backdrop-blur-sm">
+		<div class="card-body">
+			<div class="grid gap-4 sm:grid-cols-[1fr_auto] sm:items-end">
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+					<div class="form-control w-full">
+						<label class="label" for="filtro_nome">
+							<span class="label-text font-semibold">Nome</span>
+						</label>
+						<input
+							id="filtro_nome"
+							class="input input-bordered focus:input-primary w-full"
+							type="text"
+							placeholder="Digite para filtrar..."
+							bind:value={filtroNome}
+						/>
+					</div>
+
+					<div class="form-control w-full">
+						<label class="label" for="filtro_tipo">
+							<span class="label-text font-semibold">Tipo</span>
+						</label>
+						<select
+							id="filtro_tipo"
+							class="select select-bordered focus:select-primary w-full"
+							bind:value={filtroTipo}
+						>
+							<option value="todos">Todos</option>
+							<option value="material">Material</option>
+							<option value="servico">Serviço</option>
+						</select>
+					</div>
+
+					<div class="form-control w-full">
+						<label class="label" for="filtro_codigos">
+							<span class="label-text font-semibold">Códigos</span>
+						</label>
+						<input
+							id="filtro_codigos"
+							class="input input-bordered focus:input-primary w-full"
+							type="text"
+							placeholder="Efisco / Catmat / Catserv"
+							bind:value={filtroCodigos}
+						/>
+					</div>
+				</div>
+
+				<div class="flex items-center justify-between gap-3 sm:min-w-max sm:justify-end">
+					<div class="text-base-content/70 text-sm">
+						{objetos.length} de {objetosTotal.length}
+					</div>
+					<button type="button" class="btn btn-ghost" onclick={limparFiltros}>Limpar</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
 	{#if loading}
 		<div class="flex items-center justify-center py-10">
 			<span class="loading loading-spinner loading-lg"></span>
@@ -185,8 +259,13 @@
 								<tr>
 									<td colspan="5" class="py-12 text-center">
 										<div class="text-base-content/60 flex flex-col items-center gap-2">
-											<p class="text-lg font-semibold">Nenhum objeto cadastrado</p>
-											<p class="text-sm">Clique em “Novo Objeto” para cadastrar.</p>
+											{#if objetosTotal.length === 0}
+												<p class="text-lg font-semibold">Nenhum objeto cadastrado</p>
+												<p class="text-sm">Clique em “Novo Objeto” para cadastrar.</p>
+											{:else}
+												<p class="text-lg font-semibold">Nenhum resultado encontrado</p>
+												<p class="text-sm">Ajuste ou limpe os filtros para ver resultados.</p>
+											{/if}
 										</div>
 									</td>
 								</tr>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index d6f02f8..a84366b 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -12,6 +12,7 @@
 		Edit,
 		Eye,
 		Plus,
+		Upload,
 		Save,
 		Send,
 		Trash2,
@@ -34,6 +35,9 @@
 	const acoesQuery = $derived.by(() => useQuery(api.acoes.list, {}));
 	const permissionsQuery = $derived.by(() => useQuery(api.pedidos.getPermissions, { pedidoId }));
 	const requestsQuery = $derived.by(() => useQuery(api.pedidos.getItemRequests, { pedidoId }));
+	const pedidoDocumentosQuery = $derived.by(() =>
+		useQuery(api.pedidos.listPedidoDocumentos, { pedidoId })
+	);
 
 	// Derived state
 	let pedido = $derived(pedidoQuery.data);
@@ -43,11 +47,19 @@
 	let acoes = $derived(acoesQuery.data || []);
 	let permissions = $derived(permissionsQuery.data);
 	let requests = $derived(requestsQuery.data || []);
+	let pedidoDocumentos = $derived(pedidoDocumentosQuery.data || []);
 
 	let currentFuncionarioId = $derived(permissions?.currentFuncionarioId ?? null);
 
 	type Modalidade = 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
 
+	function coerceModalidade(value: string): Modalidade {
+		if (value === 'dispensa' || value === 'inexgibilidade' || value === 'adesao' || value === 'consumo') {
+			return value;
+		}
+		return 'consumo';
+	}
+
 	type EditingItem = {
 		valorEstimado: string;
 		modalidade: Modalidade;
@@ -125,7 +137,8 @@
 			objetosQuery.isLoading ||
 			acoesQuery.isLoading ||
 			permissionsQuery.isLoading ||
-			requestsQuery.isLoading
+			requestsQuery.isLoading ||
+			pedidoDocumentosQuery.isLoading
 	);
 
 	let error = $derived(
@@ -137,6 +150,213 @@
 			null
 	);
 
+	// Documentos do Pedido
+	let showAddPedidoDocumento = $state(false);
+	let pedidoDocumentoDescricao = $state('');
+	let pedidoDocumentoFile = $state<File | null>(null);
+	let salvandoPedidoDocumento = $state(false);
+
+	function formatBytes(bytes: number) {
+		if (!Number.isFinite(bytes) || bytes <= 0) return '0 B';
+		const units = ['B', 'KB', 'MB', 'GB'];
+		let value = bytes;
+		let idx = 0;
+		while (value >= 1024 && idx < units.length - 1) {
+			value /= 1024;
+			idx += 1;
+		}
+		return `${value.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`;
+	}
+
+	async function uploadToStorage(uploadUrl: string, file: File): Promise<Id<'_storage'>> {
+		const result = await fetch(uploadUrl, {
+			method: 'POST',
+			headers: { 'Content-Type': file.type },
+			body: file
+		});
+		const json = (await result.json()) as { storageId: Id<'_storage'> };
+		return json.storageId;
+	}
+
+	async function handleAddPedidoDocumento() {
+		if (!pedido) return;
+		if (!pedidoDocumentoFile) {
+			toast.error('Selecione um arquivo.');
+			return;
+		}
+		if (!pedidoDocumentoDescricao.trim()) {
+			toast.error('Informe uma descrição.');
+			return;
+		}
+
+		salvandoPedidoDocumento = true;
+		try {
+			const uploadUrl = await client.mutation(api.pedidos.generatePedidoUploadUrl, { pedidoId });
+			const storageId = await uploadToStorage(uploadUrl, pedidoDocumentoFile);
+			await client.mutation(api.pedidos.addPedidoDocumento, {
+				pedidoId,
+				descricao: pedidoDocumentoDescricao.trim(),
+				nome: pedidoDocumentoFile.name,
+				storageId,
+				tipo: pedidoDocumentoFile.type,
+				tamanho: pedidoDocumentoFile.size
+			});
+
+			pedidoDocumentoDescricao = '';
+			pedidoDocumentoFile = null;
+			showAddPedidoDocumento = false;
+			toast.success('Documento anexado ao pedido.');
+		} catch (e) {
+			toast.error('Erro ao anexar documento: ' + (e as Error).message);
+		} finally {
+			salvandoPedidoDocumento = false;
+		}
+	}
+
+	function handleOpenPedidoDocumento(url: string | null) {
+		if (!url) return;
+		window.open(url, '_blank');
+	}
+
+	function handleRemovePedidoDocumento(id: Id<'pedidoDocumentos'>) {
+		openConfirm(
+			'Remover documento',
+			'Tem certeza que deseja remover este documento do pedido?',
+			async () => {
+				await client.mutation(api.pedidos.removePedidoDocumento, { id });
+				toast.success('Documento removido.');
+			},
+			{ isDestructive: true, confirmText: 'Remover' }
+		);
+	}
+
+	// Documentos por Solicitação
+	let showSolicitacaoDocsModal = $state(false);
+	let solicitacaoDocsRequestId = $state<Id<'solicitacoesItens'> | null>(null);
+	let solicitacaoDocsSolicitadoPor = $state<Id<'funcionarios'> | null>(null);
+	let solicitacaoDocsTipo = $state<string | null>(null);
+	let solicitacaoDocs = $state<any[]>([]);
+	let carregandoSolicitacaoDocs = $state(false);
+
+	let solicitacaoDocumentoDescricao = $state('');
+	let solicitacaoDocumentoFile = $state<File | null>(null);
+	let salvandoSolicitacaoDocumento = $state(false);
+
+	const canAddDocsToSelectedRequest = $derived(
+		showSolicitacaoDocsModal &&
+			solicitacaoDocsTipo === 'adicao' &&
+			currentFuncionarioId !== null &&
+			solicitacaoDocsSolicitadoPor !== null &&
+			currentFuncionarioId === solicitacaoDocsSolicitadoPor
+	);
+
+	async function openSolicitacaoDocs(req: {
+		_id: Id<'solicitacoesItens'>;
+		solicitadoPor: Id<'funcionarios'>;
+		tipo: string;
+	}) {
+		solicitacaoDocsRequestId = req._id;
+		solicitacaoDocsSolicitadoPor = req.solicitadoPor;
+		solicitacaoDocsTipo = req.tipo;
+		solicitacaoDocumentoDescricao = '';
+		solicitacaoDocumentoFile = null;
+		showSolicitacaoDocsModal = true;
+
+		carregandoSolicitacaoDocs = true;
+		try {
+			solicitacaoDocs = await client.query(api.pedidos.listSolicitacaoDocumentos, {
+				requestId: req._id
+			});
+		} catch (e) {
+			toast.error('Erro ao carregar documentos da solicitação: ' + (e as Error).message);
+			solicitacaoDocs = [];
+		} finally {
+			carregandoSolicitacaoDocs = false;
+		}
+	}
+
+	function closeSolicitacaoDocs() {
+		showSolicitacaoDocsModal = false;
+		solicitacaoDocsRequestId = null;
+		solicitacaoDocsSolicitadoPor = null;
+		solicitacaoDocsTipo = null;
+		solicitacaoDocs = [];
+		solicitacaoDocumentoDescricao = '';
+		solicitacaoDocumentoFile = null;
+	}
+
+	function handleOpenSolicitacaoDocumento(url: string | null) {
+		if (!url) return;
+		window.open(url, '_blank');
+	}
+
+	async function refreshSolicitacaoDocs() {
+		if (!solicitacaoDocsRequestId) return;
+		carregandoSolicitacaoDocs = true;
+		try {
+			solicitacaoDocs = await client.query(api.pedidos.listSolicitacaoDocumentos, {
+				requestId: solicitacaoDocsRequestId
+			});
+		} finally {
+			carregandoSolicitacaoDocs = false;
+		}
+	}
+
+	async function handleAddSolicitacaoDocumento() {
+		if (!solicitacaoDocsRequestId) return;
+
+		if (!canAddDocsToSelectedRequest) {
+			toast.error('Apenas quem criou a solicitação pode anexar documentos.');
+			return;
+		}
+		if (!solicitacaoDocumentoFile) {
+			toast.error('Selecione um arquivo.');
+			return;
+		}
+		if (!solicitacaoDocumentoDescricao.trim()) {
+			toast.error('Informe uma descrição.');
+			return;
+		}
+
+		salvandoSolicitacaoDocumento = true;
+		try {
+			const uploadUrl = await client.mutation(api.pedidos.generateSolicitacaoUploadUrl, {
+				requestId: solicitacaoDocsRequestId
+			});
+			const storageId = await uploadToStorage(uploadUrl, solicitacaoDocumentoFile);
+			await client.mutation(api.pedidos.addSolicitacaoDocumento, {
+				requestId: solicitacaoDocsRequestId,
+				descricao: solicitacaoDocumentoDescricao.trim(),
+				nome: solicitacaoDocumentoFile.name,
+				storageId,
+				tipo: solicitacaoDocumentoFile.type,
+				tamanho: solicitacaoDocumentoFile.size
+			});
+
+			solicitacaoDocumentoDescricao = '';
+			solicitacaoDocumentoFile = null;
+			toast.success('Documento anexado à solicitação.');
+			await refreshSolicitacaoDocs();
+		} catch (e) {
+			toast.error('Erro ao anexar documento: ' + (e as Error).message);
+		} finally {
+			salvandoSolicitacaoDocumento = false;
+		}
+	}
+
+	function handleRemoveSolicitacaoDocumento(id: Id<'solicitacoesItensDocumentos'>) {
+		openConfirm(
+			'Remover documento',
+			'Tem certeza que deseja remover este documento da solicitação?',
+			async () => {
+				await client.mutation(api.pedidos.removeSolicitacaoDocumento, { id });
+				toast.success('Documento removido.');
+				await refreshSolicitacaoDocs();
+			},
+			{ isDestructive: true, confirmText: 'Remover' }
+		);
+	}
+
 	// Add Item State
 	let showAddItem = $state(false);
 	let newItem = $state({
@@ -1001,6 +1221,142 @@
 			</div>
 		</div>
 
+		<!-- Documentos do Pedido -->
+		<div class="mb-6 overflow-hidden rounded-lg bg-white shadow-md">
+			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
+				<h2 class="text-lg font-semibold">Documentos do Pedido</h2>
+				<button
+					type="button"
+					onclick={() => (showAddPedidoDocumento = !showAddPedidoDocumento)}
+					class="flex items-center gap-1 text-sm font-medium text-blue-600 hover:text-blue-800"
+				>
+					<Plus size={16} /> Adicionar documento
+				</button>
+			</div>
+
+			{#if showAddPedidoDocumento}
+				<div class="border-b border-gray-200 bg-gray-50 px-6 py-4">
+					<div class="grid grid-cols-1 gap-3 md:grid-cols-3">
+						<div class="md:col-span-2">
+							<label class="mb-1 block text-xs font-medium text-gray-500" for="pedido-doc-desc"
+								>Descrição</label
+							>
+							<input
+								id="pedido-doc-desc"
+								type="text"
+								bind:value={pedidoDocumentoDescricao}
+								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								placeholder="Ex: Cotação, Parecer, Termo de referência..."
+								disabled={salvandoPedidoDocumento}
+							/>
+						</div>
+						<div>
+							<label class="mb-1 block text-xs font-medium text-gray-500" for="pedido-doc-file"
+								>Arquivo</label
+							>
+							<input
+								id="pedido-doc-file"
+								type="file"
+								accept=".pdf,.jpg,.jpeg,.png"
+								class="w-full text-sm"
+								disabled={salvandoPedidoDocumento}
+								onchange={(e) => {
+									const f = e.currentTarget.files?.[0] ?? null;
+									pedidoDocumentoFile = f;
+								}}
+							/>
+						</div>
+					</div>
+
+					<div class="mt-4 flex justify-end gap-2">
+						<button
+							type="button"
+							onclick={() => {
+								showAddPedidoDocumento = false;
+								pedidoDocumentoDescricao = '';
+								pedidoDocumentoFile = null;
+							}}
+							class="rounded bg-gray-200 px-3 py-2 text-sm text-gray-700 hover:bg-gray-300"
+							disabled={salvandoPedidoDocumento}
+						>
+							Cancelar
+						</button>
+						<button
+							type="button"
+							onclick={handleAddPedidoDocumento}
+							disabled={salvandoPedidoDocumento}
+							class="flex items-center gap-2 rounded bg-blue-600 px-3 py-2 text-sm text-white hover:bg-blue-700 disabled:opacity-50"
+						>
+							{#if salvandoPedidoDocumento}
+								<span class="loading loading-spinner loading-xs"></span>
+							{:else}
+								<Upload size={16} />
+							{/if}
+							Anexar
+						</button>
+					</div>
+				</div>
+			{/if}
+
+			<div class="p-6">
+				{#if pedidoDocumentos.length === 0}
+					<p class="text-sm text-gray-500">Nenhum documento anexado ao pedido.</p>
+				{:else}
+					<div class="overflow-x-auto">
+						<table class="w-full text-left text-sm text-gray-600">
+							<thead class="bg-gray-50 text-xs font-medium text-gray-500 uppercase">
+								<tr>
+									<th class="px-4 py-2">Descrição</th>
+									<th class="px-4 py-2">Arquivo</th>
+									<th class="px-4 py-2">Tamanho</th>
+									<th class="px-4 py-2">Enviado por</th>
+									<th class="px-4 py-2">Data</th>
+									<th class="px-4 py-2 text-right">Ações</th>
+								</tr>
+							</thead>
+							<tbody class="divide-y divide-gray-200">
+								{#each pedidoDocumentos as doc (doc._id)}
+									<tr class="hover:bg-gray-50">
+										<td class="px-4 py-2">{doc.descricao}</td>
+										<td class="px-4 py-2">
+											<span class="font-medium text-gray-900">{doc.nome}</span>
+											{#if doc.origemSolicitacaoId}
+												<span class="ml-2 text-xs text-gray-400"> (origem: solicitação)</span>
+											{/if}
+										</td>
+										<td class="px-4 py-2">{formatBytes(doc.tamanho)}</td>
+										<td class="px-4 py-2">{doc.criadoPorNome ?? 'Desconhecido'}</td>
+										<td class="px-4 py-2">
+											{new Date(doc.criadoEm).toLocaleString('pt-BR')}
+										</td>
+										<td class="px-4 py-2 text-right">
+											<button
+												type="button"
+												class="mr-2 rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+												title="Ver documento"
+												onclick={() => handleOpenPedidoDocumento(doc.url)}
+												disabled={!doc.url}
+											>
+												<Eye size={16} />
+											</button>
+											<button
+												type="button"
+												class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+												title="Remover documento"
+												onclick={() => handleRemovePedidoDocumento(doc._id)}
+											>
+												<Trash2 size={16} />
+											</button>
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				{/if}
+			</div>
+		</div>
+
 		<!-- Requests Section -->
 		{#if requests.length > 0}
 			<div class="mb-6 overflow-hidden rounded-lg border-l-4 border-yellow-400 bg-white shadow-md">
@@ -1064,24 +1420,53 @@
 											{/if}
 										</td>
 										<td class="px-4 py-2 text-right">
-											{#if permissions?.canManageRequests}
+											<div class="flex justify-end gap-2">
+												{#if req.tipo === 'adicao'}
+													{@const canAddDoc =
+														!!currentFuncionarioId && req.solicitadoPor === currentFuncionarioId}
+													<button
+														type="button"
+														onclick={() => openSolicitacaoDocs(req)}
+														class="rounded bg-blue-100 p-1 text-blue-700 hover:bg-blue-200"
+														title={canAddDoc
+															? 'Adicionar documento'
+															: 'Apenas quem criou a solicitação pode adicionar documentos'}
+														disabled={!canAddDoc}
+													>
+														<Plus size={16} />
+													</button>
+												{/if}
+
 												<button
-													onclick={() => handleApproveRequest(req._id)}
-													class="mr-2 rounded bg-green-100 p-1 text-green-700 hover:bg-green-200"
-													title="Aprovar"
+													type="button"
+													onclick={() => openSolicitacaoDocs(req)}
+													class="rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+													title="Ver documentos"
 												>
-													<CheckCircle size={16} />
+													<Eye size={16} />
 												</button>
-												<button
-													onclick={() => handleRejectRequest(req._id)}
-													class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
-													title="Rejeitar"
-												>
-													<XCircle size={16} />
-												</button>
-											{:else}
-												<span class="text-xs text-gray-400">Aguardando Análise</span>
-											{/if}
+
+												{#if permissions?.canManageRequests}
+													<button
+														type="button"
+														onclick={() => handleApproveRequest(req._id)}
+														class="rounded bg-green-100 p-1 text-green-700 hover:bg-green-200"
+														title="Aprovar"
+													>
+														<CheckCircle size={16} />
+													</button>
+													<button
+														type="button"
+														onclick={() => handleRejectRequest(req._id)}
+														class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+														title="Rejeitar"
+													>
+														<XCircle size={16} />
+													</button>
+												{:else}
+													<span class="ml-2 self-center text-xs text-gray-400">Aguardando Análise</span>
+												{/if}
+											</div>
 										</td>
 									</tr>
 								{/each}
@@ -1380,7 +1765,7 @@
 														setEditingField(
 															item._id,
 															'modalidade',
-															e.currentTarget.value as Modalidade
+															coerceModalidade(e.currentTarget.value)
 														);
 														void persistItemChanges(item);
 													}}
@@ -1698,6 +2083,147 @@
 		</div>
 	{/if}
 
+	{#if showSolicitacaoDocsModal && solicitacaoDocsRequestId}
+		<div
+			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
+		>
+			<div class="relative w-full max-w-3xl rounded-lg bg-white p-6 shadow-xl">
+				<button
+					type="button"
+					onclick={closeSolicitacaoDocs}
+					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
+					aria-label="Fechar"
+				>
+					<X size={20} />
+				</button>
+
+				<h3 class="mb-2 text-lg font-semibold text-gray-900">Documentos da solicitação</h3>
+				<p class="mb-4 text-xs text-gray-500">
+					Solicitação: {solicitacaoDocsRequestId.slice(-6)} — tipo: {solicitacaoDocsTipo}
+				</p>
+
+				{#if canAddDocsToSelectedRequest}
+					<div class="mb-4 rounded-lg border border-blue-100 bg-blue-50 p-4">
+						<div class="grid grid-cols-1 gap-3 md:grid-cols-3">
+							<div class="md:col-span-2">
+								<label class="mb-1 block text-xs font-medium text-gray-600" for="req-doc-desc"
+									>Descrição</label
+								>
+								<input
+									id="req-doc-desc"
+									type="text"
+									bind:value={solicitacaoDocumentoDescricao}
+									class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+									placeholder="Ex: justificativa, anexo do item, planilha..."
+									disabled={salvandoSolicitacaoDocumento}
+								/>
+							</div>
+							<div>
+								<label class="mb-1 block text-xs font-medium text-gray-600" for="req-doc-file"
+									>Arquivo</label
+								>
+								<input
+									id="req-doc-file"
+									type="file"
+									accept=".pdf,.jpg,.jpeg,.png"
+									class="w-full text-sm"
+									disabled={salvandoSolicitacaoDocumento}
+									onchange={(e) => {
+										const f = e.currentTarget.files?.[0] ?? null;
+										solicitacaoDocumentoFile = f;
+									}}
+								/>
+							</div>
+						</div>
+
+						<div class="mt-3 flex justify-end">
+							<button
+								type="button"
+								onclick={handleAddSolicitacaoDocumento}
+								disabled={salvandoSolicitacaoDocumento}
+								class="flex items-center gap-2 rounded bg-blue-600 px-3 py-2 text-sm text-white hover:bg-blue-700 disabled:opacity-50"
+							>
+								{#if salvandoSolicitacaoDocumento}
+									<span class="loading loading-spinner loading-xs"></span>
+								{:else}
+									<Upload size={16} />
+								{/if}
+								Anexar documento
+							</button>
+						</div>
+					</div>
+				{/if}
+
+				{#if carregandoSolicitacaoDocs}
+					<p class="text-sm text-gray-500">Carregando documentos...</p>
+				{:else if solicitacaoDocs.length === 0}
+					<p class="text-sm text-gray-500">Nenhum documento anexado à solicitação.</p>
+				{:else}
+					<div class="overflow-x-auto">
+						<table class="w-full text-left text-sm text-gray-600">
+							<thead class="bg-gray-50 text-xs font-medium text-gray-500 uppercase">
+								<tr>
+									<th class="px-4 py-2">Descrição</th>
+									<th class="px-4 py-2">Arquivo</th>
+									<th class="px-4 py-2">Tamanho</th>
+									<th class="px-4 py-2">Enviado por</th>
+									<th class="px-4 py-2">Data</th>
+									<th class="px-4 py-2 text-right">Ações</th>
+								</tr>
+							</thead>
+							<tbody class="divide-y divide-gray-200">
+								{#each solicitacaoDocs as doc (doc._id)}
+									<tr class="hover:bg-gray-50">
+										<td class="px-4 py-2">{doc.descricao}</td>
+										<td class="px-4 py-2">
+											<span class="font-medium text-gray-900">{doc.nome}</span>
+										</td>
+										<td class="px-4 py-2">{formatBytes(doc.tamanho)}</td>
+										<td class="px-4 py-2">{doc.criadoPorNome ?? 'Desconhecido'}</td>
+										<td class="px-4 py-2">
+											{new Date(doc.criadoEm).toLocaleString('pt-BR')}
+										</td>
+										<td class="px-4 py-2 text-right">
+											<button
+												type="button"
+												class="mr-2 rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+												title="Ver documento"
+												onclick={() => handleOpenSolicitacaoDocumento(doc.url)}
+												disabled={!doc.url}
+											>
+												<Eye size={16} />
+											</button>
+											{#if canAddDocsToSelectedRequest}
+												<button
+													type="button"
+													class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+													title="Remover documento"
+													onclick={() => handleRemoveSolicitacaoDocumento(doc._id)}
+												>
+													<Trash2 size={16} />
+												</button>
+											{/if}
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				{/if}
+
+				<div class="mt-5 flex justify-end">
+					<button
+						type="button"
+						onclick={closeSolicitacaoDocs}
+						class="rounded bg-gray-200 px-4 py-2 text-sm text-gray-800 hover:bg-gray-300"
+					>
+						Fechar
+					</button>
+				</div>
+			</div>
+		</div>
+	{/if}
+
 	{#if showRequestAdjustmentsModal}
 		<div
 			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
diff --git a/packages/backend/convex/atas.ts b/packages/backend/convex/atas.ts
index 70d53bb..e2701eb 100644
--- a/packages/backend/convex/atas.ts
+++ b/packages/backend/convex/atas.ts
@@ -5,13 +5,41 @@ import { getCurrentUserFunction } from './auth';
 import { internal } from './_generated/api';
 
 export const list = query({
-	args: {},
-	handler: async (ctx) => {
+	args: {
+		periodoInicio: v.optional(v.string()),
+		periodoFim: v.optional(v.string()),
+		numero: v.optional(v.string()),
+		numeroSei: v.optional(v.string())
+	},
+	handler: async (ctx, args) => {
 		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
 			recurso: 'atas',
 			acao: 'listar'
 		});
-		return await ctx.db.query('atas').collect();
+
+		const numero = args.numero?.trim().toLowerCase();
+		const numeroSei = args.numeroSei?.trim().toLowerCase();
+		const periodoInicio = args.periodoInicio || undefined;
+		const periodoFim = args.periodoFim || undefined;
+
+		const atas = await ctx.db.query('atas').collect();
+		return atas.filter((ata) => {
+			const numeroOk = !numero || (ata.numero || '').toLowerCase().includes(numero);
+			const seiOk = !numeroSei || (ata.numeroSei || '').toLowerCase().includes(numeroSei);
+
+			// Filtro por intervalo (range): retorna atas cuja vigência intersecta o período informado.
+			// Considera datas como strings "YYYY-MM-DD" (lexicograficamente comparáveis).
+			const ataInicio = ata.dataInicio ?? '0000-01-01';
+			const ataFim = ata.dataFim ?? '9999-12-31';
+
+			const periodoOk =
+				(!periodoInicio && !periodoFim) ||
+				(periodoInicio && periodoFim && ataInicio <= periodoFim && ataFim >= periodoInicio) ||
+				(periodoInicio && !periodoFim && ataFim >= periodoInicio) ||
+				(!periodoInicio && periodoFim && ataInicio <= periodoFim);
+
+			return numeroOk && seiOk && periodoOk;
+		});
 	}
 });
 
diff --git a/packages/backend/convex/objetos.ts b/packages/backend/convex/objetos.ts
index f63677b..dda5421 100644
--- a/packages/backend/convex/objetos.ts
+++ b/packages/backend/convex/objetos.ts
@@ -3,9 +3,34 @@ import { mutation, query } from './_generated/server';
 import { getCurrentUserFunction } from './auth';
 
 export const list = query({
-	args: {},
-	handler: async (ctx) => {
-		return await ctx.db.query('objetos').collect();
+	args: {
+		nome: v.optional(v.string()),
+		tipo: v.optional(v.union(v.literal('material'), v.literal('servico'))),
+		codigos: v.optional(v.string())
+	},
+	handler: async (ctx, args) => {
+		const nome = args.nome?.trim();
+		const codigos = args.codigos?.trim().toLowerCase();
+
+		const base =
+			nome && nome.length > 0
+				? await ctx.db
+						.query('objetos')
+						.withSearchIndex('search_nome', (q) => q.search('nome', nome))
+						.collect()
+				: await ctx.db.query('objetos').collect();
+
+		return base.filter((objeto) => {
+			const tipoOk = !args.tipo || objeto.tipo === args.tipo;
+
+			const codigosOk =
+				!codigos ||
+				(objeto.codigoEfisco || '').toLowerCase().includes(codigos) ||
+				(objeto.codigoCatmat || '').toLowerCase().includes(codigos) ||
+				(objeto.codigoCatserv || '').toLowerCase().includes(codigos);
+
+			return tipoOk && codigosOk;
+		});
 	}
 });
 
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index cacf126..7331379 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -47,6 +47,61 @@ async function ensurePedidoModalidadeAtaConsistency(
 	}
 }
 
+async function isFuncionarioInComprasSector(
+	ctx: QueryCtx | MutationCtx,
+	funcionarioId: Id<'funcionarios'>
+) {
+	const config = await ctx.db.query('config').first();
+	if (!config || !config.comprasSetorId) return false;
+
+	const isInSector = await ctx.db
+		.query('funcionarioSetores')
+		.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionarioId))
+		.filter((q) => q.eq(q.field('setorId'), config.comprasSetorId))
+		.first();
+
+	return !!isInSector;
+}
+
+async function isUsuarioEnvolvidoNoPedido(
+	ctx: QueryCtx | MutationCtx,
+	pedidoId: Id<'pedidos'>,
+	user: Awaited<ReturnType<typeof getUsuarioAutenticado>>
+) {
+	const pedido = await ctx.db.get(pedidoId);
+	if (!pedido) return false;
+
+	// Criador do pedido (por usuarioId)
+	if (pedido.criadoPor === user._id) return true;
+
+	// Envolvimento por itens (requer funcionarioId)
+	if (!user.funcionarioId) return false;
+
+	const hasItem = await ctx.db
+		.query('objetoItems')
+		.withIndex('by_pedidoId', (q) => q.eq('pedidoId', pedidoId))
+		.filter((q) => q.eq(q.field('adicionadoPor'), user.funcionarioId))
+		.first();
+
+	return !!hasItem;
+}
+
+async function assertPodeGerenciarDocumentosDoPedido(
+	ctx: QueryCtx | MutationCtx,
+	pedidoId: Id<'pedidos'>,
+	user: Awaited<ReturnType<typeof getUsuarioAutenticado>>
+) {
+	const isEnvolvido = await isUsuarioEnvolvidoNoPedido(ctx, pedidoId, user);
+	if (isEnvolvido) return;
+
+	if (user.funcionarioId) {
+		const isCompras = await isFuncionarioInComprasSector(ctx, user.funcionarioId);
+		if (isCompras) return;
+	}
+
+	throw new Error('Acesso negado.');
+}
+
 // ========== QUERIES ==========
 
 export const list = query({
@@ -1652,6 +1707,8 @@ export const approveItemRequest = mutation({
 	returns: v.null(),
 	handler: async (ctx, args) => {
 		const user = await getUsuarioAutenticado(ctx);
+		const funcionarioId = user.funcionarioId;
+		if (!funcionarioId) throw new Error('Usuário sem funcionário vinculado.');
 
 		const request = await ctx.db.get(args.requestId);
 		if (!request) throw new Error('Solicitação não encontrada.');
@@ -1666,12 +1723,18 @@ export const approveItemRequest = mutation({
 
 		const isInSector = await ctx.db
 			.query('funcionarioSetores')
-			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', user.funcionarioId!))
+			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionarioId))
 			.filter((q) => q.eq(q.field('setorId'), config.comprasSetorId))
 			.first();
 
 		if (!isInSector) throw new Error('Acesso negado.');
 
+		// Documentos anexados à solicitação (se houver) devem migrar para o pedido ao aprovar.
+		const solicitacaoDocs = await ctx.db
+			.query('solicitacoesItensDocumentos')
+			.withIndex('by_requestId', (q) => q.eq('requestId', request._id))
+			.collect();
+
 		// Apply the change
 		const data = JSON.parse(request.dados);
 
@@ -1790,15 +1853,37 @@ export const approveItemRequest = mutation({
 		// I'll delete it to keep table clean as requested.
 		await ctx.db.delete(request._id);
 
+		// Migrar docs: cria em pedidoDocumentos e remove os registros da solicitacao
+		const documentosMigrados: Array<{ nome: string; descricao: string }> = [];
+		if (solicitacaoDocs.length > 0) {
+			for (const doc of solicitacaoDocs) {
+				await ctx.db.insert('pedidoDocumentos', {
+					pedidoId: request.pedidoId,
+					descricao: doc.descricao,
+					nome: doc.nome,
+					storageId: doc.storageId,
+					tipo: doc.tipo,
+					tamanho: doc.tamanho,
+					criadoPor: doc.criadoPor,
+					criadoEm: doc.criadoEm,
+					origemSolicitacaoId: request._id
+				});
+				documentosMigrados.push({ nome: doc.nome, descricao: doc.descricao });
+				await ctx.db.delete(doc._id);
+			}
+		}
+
 		// History
 		await ctx.db.insert('historicoPedidos', {
 			pedidoId: request.pedidoId,
 			usuarioId: user._id,
 			acao: 'aprovacao_solicitacao',
 			detalhes: JSON.stringify({
+				requestId: request._id,
 				tipo: request.tipo,
 				solicitadoPor: request.solicitadoPor,
-				dados: data
+				dados: data,
+				documentosMigrados
 			}),
 			data: Date.now()
 		});
@@ -1814,6 +1899,8 @@ export const rejectItemRequest = mutation({
 	returns: v.null(),
 	handler: async (ctx, args) => {
 		const user = await getUsuarioAutenticado(ctx);
+		const funcionarioId = user.funcionarioId;
+		if (!funcionarioId) throw new Error('Usuário sem funcionário vinculado.');
 		const request = await ctx.db.get(args.requestId);
 		if (!request) throw new Error('Solicitação não encontrada.');
 
@@ -1822,12 +1909,25 @@ export const rejectItemRequest = mutation({
 
 		const isInSector = await ctx.db
 			.query('funcionarioSetores')
-			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', user.funcionarioId!))
+			.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', funcionarioId))
 			.filter((q) => q.eq(q.field('setorId'), config.comprasSetorId))
 			.first();
 
 		if (!isInSector) throw new Error('Acesso negado.');
 
+		// Remover documentos anexados à solicitação (para não deixar órfãos no storage)
+		const solicitacaoDocs = await ctx.db
+			.query('solicitacoesItensDocumentos')
+			.withIndex('by_requestId', (q) => q.eq('requestId', request._id))
+			.collect();
+
+		const documentosRemovidos: Array<{ nome: string; descricao: string }> = [];
+		for (const doc of solicitacaoDocs) {
+			documentosRemovidos.push({ nome: doc.nome, descricao: doc.descricao });
+			await ctx.storage.delete(doc.storageId);
+			await ctx.db.delete(doc._id);
+		}
+
 		// Delete request
 		await ctx.db.delete(args.requestId);
 
@@ -1837,10 +1937,230 @@ export const rejectItemRequest = mutation({
 			usuarioId: user._id,
 			acao: 'rejeicao_solicitacao',
 			detalhes: JSON.stringify({
+				requestId: request._id,
 				tipo: request.tipo,
-				solicitadoPor: request.solicitadoPor
+				solicitadoPor: request.solicitadoPor,
+				documentosRemovidos
 			}),
 			data: Date.now()
 		});
 	}
 });
+
+// ========== DOCUMENTOS (PEDIDO / SOLICITAÇÃO) ==========
+
+export const generatePedidoUploadUrl = mutation({
+	args: { pedidoId: v.id('pedidos') },
+	returns: v.string(),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		await assertPodeGerenciarDocumentosDoPedido(ctx, args.pedidoId, user);
+		return await ctx.storage.generateUploadUrl();
+	}
+});
+
+export const addPedidoDocumento = mutation({
+	args: {
+		pedidoId: v.id('pedidos'),
+		descricao: v.string(),
+		nome: v.string(),
+		storageId: v.id('_storage'),
+		tipo: v.string(),
+		tamanho: v.number(),
+		origemSolicitacaoId: v.optional(v.id('solicitacoesItens'))
+	},
+	returns: v.id('pedidoDocumentos'),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		await assertPodeGerenciarDocumentosDoPedido(ctx, args.pedidoId, user);
+
+		if (!user.funcionarioId) {
+			throw new Error('Usuário sem funcionário vinculado.');
+		}
+
+		// Garantir que o pedido existe
+		const pedido = await ctx.db.get(args.pedidoId);
+		if (!pedido) throw new Error('Pedido não encontrado.');
+
+		return await ctx.db.insert('pedidoDocumentos', {
+			pedidoId: args.pedidoId,
+			descricao: args.descricao,
+			nome: args.nome,
+			storageId: args.storageId,
+			tipo: args.tipo,
+			tamanho: args.tamanho,
+			criadoPor: user.funcionarioId,
+			criadoEm: Date.now(),
+			origemSolicitacaoId: args.origemSolicitacaoId
+		});
+	}
+});
+
+export const listPedidoDocumentos = query({
+	args: { pedidoId: v.id('pedidos') },
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		await assertPodeGerenciarDocumentosDoPedido(ctx, args.pedidoId, user);
+
+		const docs = await ctx.db
+			.query('pedidoDocumentos')
+			.withIndex('by_pedidoId', (q) => q.eq('pedidoId', args.pedidoId))
+			.order('desc')
+			.collect();
+
+		return await Promise.all(
+			docs.map(async (doc) => {
+				const url = await ctx.storage.getUrl(doc.storageId);
+				const func = await ctx.db.get(doc.criadoPor);
+				return {
+					...doc,
+					criadoPorNome: func?.nome ?? 'Desconhecido',
+					url
+				};
+			})
+		);
+	}
+});
+
+export const removePedidoDocumento = mutation({
+	args: { id: v.id('pedidoDocumentos') },
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+
+		const doc = await ctx.db.get(args.id);
+		if (!doc) throw new Error('Documento não encontrado.');
+
+		// Pode remover se for o autor OU se for envolvido/compras
+		if (!user.funcionarioId || doc.criadoPor !== user.funcionarioId) {
+			await assertPodeGerenciarDocumentosDoPedido(ctx, doc.pedidoId, user);
+		}
+
+		await ctx.storage.delete(doc.storageId);
+		await ctx.db.delete(doc._id);
+
+		return null;
+	}
+});
+
+export const generateSolicitacaoUploadUrl = mutation({
+	args: { requestId: v.id('solicitacoesItens') },
+	returns: v.string(),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		if (!user.funcionarioId) throw new Error('Usuário sem funcionário vinculado.');
+
+		const request = await ctx.db.get(args.requestId);
+		if (!request) throw new Error('Solicitação não encontrada.');
+		if (request.tipo !== 'adicao') {
+			throw new Error('Apenas solicitações de adição permitem anexar documentos.');
+		}
+		if (request.status !== 'pendente') {
+			throw new Error('Não é possível anexar documentos em uma solicitação não pendente.');
+		}
+		if (request.solicitadoPor !== user.funcionarioId) {
+			throw new Error('Apenas quem criou a solicitação pode anexar documentos.');
+		}
+
+		return await ctx.storage.generateUploadUrl();
+	}
+});
+
+export const addSolicitacaoDocumento = mutation({
+	args: {
+		requestId: v.id('solicitacoesItens'),
+		descricao: v.string(),
+		nome: v.string(),
+		storageId: v.id('_storage'),
+		tipo: v.string(),
+		tamanho: v.number()
+	},
+	returns: v.id('solicitacoesItensDocumentos'),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		if (!user.funcionarioId) throw new Error('Usuário sem funcionário vinculado.');
+
+		const request = await ctx.db.get(args.requestId);
+		if (!request) throw new Error('Solicitação não encontrada.');
+		if (request.tipo !== 'adicao') {
+			throw new Error('Apenas solicitações de adição permitem anexar documentos.');
+		}
+		if (request.status !== 'pendente') {
+			throw new Error('Não é possível anexar documentos em uma solicitação não pendente.');
+		}
+		if (request.solicitadoPor !== user.funcionarioId) {
+			throw new Error('Apenas quem criou a solicitação pode anexar documentos.');
+		}
+
+		return await ctx.db.insert('solicitacoesItensDocumentos', {
+			requestId: args.requestId,
+			pedidoId: request.pedidoId,
+			descricao: args.descricao,
+			nome: args.nome,
+			storageId: args.storageId,
+			tipo: args.tipo,
+			tamanho: args.tamanho,
+			criadoPor: user.funcionarioId,
+			criadoEm: Date.now()
+		});
+	}
+});
+
+export const listSolicitacaoDocumentos = query({
+	args: { requestId: v.id('solicitacoesItens') },
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		const request = await ctx.db.get(args.requestId);
+		if (!request) return [];
+
+		await assertPodeGerenciarDocumentosDoPedido(ctx, request.pedidoId, user);
+
+		const docs = await ctx.db
+			.query('solicitacoesItensDocumentos')
+			.withIndex('by_requestId', (q) => q.eq('requestId', args.requestId))
+			.order('desc')
+			.collect();
+
+		return await Promise.all(
+			docs.map(async (doc) => {
+				const url = await ctx.storage.getUrl(doc.storageId);
+				const func = await ctx.db.get(doc.criadoPor);
+				return {
+					...doc,
+					criadoPorNome: func?.nome ?? 'Desconhecido',
+					url
+				};
+			})
+		);
+	}
+});
+
+export const removeSolicitacaoDocumento = mutation({
+	args: { id: v.id('solicitacoesItensDocumentos') },
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		if (!user.funcionarioId) throw new Error('Usuário sem funcionário vinculado.');
+
+		const doc = await ctx.db.get(args.id);
+		if (!doc) throw new Error('Documento não encontrado.');
+
+		const request = await ctx.db.get(doc.requestId);
+		if (!request) throw new Error('Solicitação não encontrada.');
+		if (request.tipo !== 'adicao') {
+			throw new Error('Apenas solicitações de adição permitem documentos.');
+		}
+		if (request.status !== 'pendente') {
+			throw new Error('Não é possível remover documentos de uma solicitação não pendente.');
+		}
+
+		if (doc.criadoPor !== user.funcionarioId || request.solicitadoPor !== user.funcionarioId) {
+			throw new Error('Apenas quem criou a solicitação pode remover documentos.');
+		}
+
+		await ctx.storage.delete(doc.storageId);
+		await ctx.db.delete(doc._id);
+
+		return null;
+	}
+});
diff --git a/packages/backend/convex/tables/pedidos.ts b/packages/backend/convex/tables/pedidos.ts
index 6bcd933..0af34ff 100644
--- a/packages/backend/convex/tables/pedidos.ts
+++ b/packages/backend/convex/tables/pedidos.ts
@@ -70,5 +70,37 @@ export const pedidosTables = {
 	})
 		.index('by_pedidoId', ['pedidoId'])
 		.index('by_usuarioId', ['usuarioId'])
-		.index('by_data', ['data'])
+		.index('by_data', ['data']),
+
+	// Documentos anexados diretamente ao pedido (ilimitado)
+	pedidoDocumentos: defineTable({
+		pedidoId: v.id('pedidos'),
+		descricao: v.string(),
+		nome: v.string(),
+		storageId: v.id('_storage'),
+		tipo: v.string(), // MIME type
+		tamanho: v.number(), // bytes
+		criadoPor: v.id('funcionarios'),
+		criadoEm: v.number(),
+		origemSolicitacaoId: v.optional(v.id('solicitacoesItens'))
+	})
+		.index('by_pedidoId', ['pedidoId'])
+		.index('by_criadoPor', ['criadoPor'])
+		.index('by_origemSolicitacaoId', ['origemSolicitacaoId']),
+
+	// Documentos anexados a uma solicitação (somente solicitante; pode ter mais de um)
+	solicitacoesItensDocumentos: defineTable({
+		requestId: v.id('solicitacoesItens'),
+		pedidoId: v.id('pedidos'),
+		descricao: v.string(),
+		nome: v.string(),
+		storageId: v.id('_storage'),
+		tipo: v.string(), // MIME type
+		tamanho: v.number(), // bytes
+		criadoPor: v.id('funcionarios'),
+		criadoEm: v.number()
+	})
+		.index('by_requestId', ['requestId'])
+		.index('by_pedidoId', ['pedidoId'])
+		.index('by_criadoPor', ['criadoPor'])
 };

From c7b4ea15bd4df17107bf67df9c27b28b1334a7aa Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Mon, 15 Dec 2025 14:34:09 -0300
Subject: [PATCH 03/13] feat: add filtering functionality for empresas in
 dashboard, allowing users to search by name or CNPJ, and enhance UI with
 clear feedback for no results

---
 .../licitacoes/empresas/+page.svelte          | 57 +++++++++++++++++--
 packages/backend/convex/empresas.ts           | 28 ++++++++-
 2 files changed, 76 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/licitacoes/empresas/+page.svelte b/apps/web/src/routes/(dashboard)/licitacoes/empresas/+page.svelte
index 33871b0..9f0bc4b 100644
--- a/apps/web/src/routes/(dashboard)/licitacoes/empresas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/licitacoes/empresas/+page.svelte
@@ -7,7 +7,16 @@
 	import { maskCEP, maskCNPJ, maskPhone, maskUF, onlyDigits } from '$lib/utils/masks';
 
 	const client = useConvexClient();
-	const empresasQuery = useQuery(api.empresas.list, {});
+	let filtroEmpresa = $state('');
+
+	const empresasTotalQuery = useQuery(api.empresas.list, {});
+	const empresasQuery = useQuery(api.empresas.list, () => ({
+		query: filtroEmpresa.trim() || undefined
+	}));
+
+	function limparFiltroEmpresa() {
+		filtroEmpresa = '';
+	}
 
 	let modalAberto = $state(false);
 
@@ -425,6 +434,32 @@
 		</button>
 	</div>
 
+	<div class="card bg-base-100/90 border-base-300 mb-6 border shadow-xl backdrop-blur-sm">
+		<div class="card-body">
+			<div class="grid gap-4 sm:grid-cols-[1fr_auto] sm:items-end">
+				<div class="form-control w-full">
+					<label class="label" for="filtro_empresa">
+						<span class="label-text font-semibold">Buscar empresa</span>
+					</label>
+					<input
+						id="filtro_empresa"
+						class="input input-bordered focus:input-primary w-full"
+						type="text"
+						placeholder="Nome fantasia, razão social ou CNPJ"
+						bind:value={filtroEmpresa}
+					/>
+				</div>
+
+				<div class="flex items-center justify-between gap-3 sm:min-w-max sm:justify-end">
+					<div class="text-base-content/70 text-sm">
+						{empresasQuery.data?.length ?? 0} de {empresasTotalQuery.data?.length ?? 0}
+					</div>
+					<button type="button" class="btn btn-ghost" onclick={limparFiltroEmpresa}>Limpar</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
 	<div class="card bg-base-100 shadow-xl">
 		<div class="card-body">
 			{#if empresasQuery.isLoading}
@@ -437,11 +472,21 @@
 				</div>
 			{:else if empresasQuery.data && empresasQuery.data.length === 0}
 				<div class="py-10 text-center">
-					<p class="text-base-content/70 mb-4">Nenhuma empresa cadastrada ainda.</p>
-					<button class="btn btn-primary gap-2" type="button" onclick={abrirNovaEmpresa}>
-						<Plus class="h-4 w-4" strokeWidth={2} />
-						Cadastrar primeira empresa
-					</button>
+					{#if (empresasTotalQuery.data?.length ?? 0) === 0}
+						<p class="text-base-content/70 mb-4">Nenhuma empresa cadastrada ainda.</p>
+						<button class="btn btn-primary gap-2" type="button" onclick={abrirNovaEmpresa}>
+							<Plus class="h-4 w-4" strokeWidth={2} />
+							Cadastrar primeira empresa
+						</button>
+					{:else}
+						<p class="text-base-content/70 mb-2">Nenhum resultado encontrado.</p>
+						<p class="text-base-content/60 mb-4 text-sm">
+							Ajuste ou limpe o filtro para ver empresas.
+						</p>
+						<button type="button" class="btn btn-ghost" onclick={limparFiltroEmpresa}>
+							Limpar filtro
+						</button>
+					{/if}
 				</div>
 			{:else if empresasQuery.data}
 				<div class="overflow-x-auto">
diff --git a/packages/backend/convex/empresas.ts b/packages/backend/convex/empresas.ts
index 68963e2..511ed9c 100644
--- a/packages/backend/convex/empresas.ts
+++ b/packages/backend/convex/empresas.ts
@@ -5,15 +5,37 @@ import { getCurrentUserFunction } from './auth';
 import type { Id } from './_generated/dataModel';
 
 export const list = query({
-	args: {},
-	handler: async (ctx) => {
+	args: {
+		query: v.optional(v.string())
+	},
+	handler: async (ctx, args) => {
 		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
 			recurso: 'empresas',
 			acao: 'listar'
 		});
 
 		const empresas = await ctx.db.query('empresas').collect();
-		return empresas;
+		const term = args.query?.trim();
+		if (!term) return empresas;
+
+		const termLower = term.toLowerCase();
+		const termDigits = term.replace(/\D/g, '');
+
+		return empresas.filter((empresa) => {
+			const razao = (empresa.razao_social || '').toLowerCase();
+			const fantasia = (empresa.nome_fantasia || '').toLowerCase();
+
+			const cnpjRaw = empresa.cnpj || '';
+			const cnpjLower = cnpjRaw.toLowerCase();
+			const cnpjDigits = cnpjRaw.replace(/\D/g, '');
+
+			const matchNome = razao.includes(termLower) || fantasia.includes(termLower);
+			const matchCnpj = termDigits
+				? cnpjDigits.includes(termDigits)
+				: cnpjLower.includes(termLower);
+
+			return matchNome || matchCnpj;
+		});
 	}
 });
 

From fd2669aa4f85290d2c2a85658a2c77324f7113ff Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Mon, 15 Dec 2025 15:37:57 -0300
Subject: [PATCH 04/13] feat: implement advanced filtering and reporting
 features for pedidos, including status selection, date range filtering, and
 export options for PDF and XLSX formats

---
 .../utils/pedidos/relatorioPedidosExcel.ts    | 377 +++++++++++++
 .../lib/utils/pedidos/relatorioPedidosPDF.ts  | 211 +++++++
 .../routes/(dashboard)/pedidos/+page.svelte   | 258 ++++++++-
 packages/backend/convex/pedidos.ts            | 534 ++++++++++++++++--
 packages/backend/convex/tables/pedidos.ts     |   6 +-
 5 files changed, 1342 insertions(+), 44 deletions(-)
 create mode 100644 apps/web/src/lib/utils/pedidos/relatorioPedidosExcel.ts
 create mode 100644 apps/web/src/lib/utils/pedidos/relatorioPedidosPDF.ts

diff --git a/apps/web/src/lib/utils/pedidos/relatorioPedidosExcel.ts b/apps/web/src/lib/utils/pedidos/relatorioPedidosExcel.ts
new file mode 100644
index 0000000..0ca2371
--- /dev/null
+++ b/apps/web/src/lib/utils/pedidos/relatorioPedidosExcel.ts
@@ -0,0 +1,377 @@
+import { api } from '@sgse-app/backend/convex/_generated/api';
+import type { FunctionReturnType } from 'convex/server';
+import ExcelJS from 'exceljs';
+import logoGovPE from '$lib/assets/logo_governo_PE.png';
+
+export type RelatorioPedidosData = FunctionReturnType<typeof api.pedidos.gerarRelatorio>;
+
+function formatDateTime(ts: number | undefined): string {
+	if (!ts) return '';
+	return new Date(ts).toLocaleString('pt-BR');
+}
+
+function argb(hex: string): { argb: string } {
+	return { argb: hex.replace('#', '').toUpperCase().padStart(8, 'FF') };
+}
+
+function statusLabel(status: string): string {
+	switch (status) {
+		case 'em_rascunho':
+			return 'Rascunho';
+		case 'aguardando_aceite':
+			return 'Aguardando Aceite';
+		case 'em_analise':
+			return 'Em Análise';
+		case 'precisa_ajustes':
+			return 'Precisa de Ajustes';
+		case 'concluido':
+			return 'Concluído';
+		case 'cancelado':
+			return 'Cancelado';
+		default:
+			return status;
+	}
+}
+
+function applyHeaderRowStyle(row: ExcelJS.Row) {
+	row.height = 22;
+	row.eachCell((cell) => {
+		cell.font = { bold: true, size: 11, color: argb('#FFFFFF') };
+		cell.fill = { type: 'pattern', pattern: 'solid', fgColor: argb('#2980B9') };
+		cell.alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };
+		cell.border = {
+			top: { style: 'thin', color: argb('#000000') },
+			bottom: { style: 'thin', color: argb('#000000') },
+			left: { style: 'thin', color: argb('#000000') },
+			right: { style: 'thin', color: argb('#000000') }
+		};
+	});
+}
+
+function applyZebraRowStyle(row: ExcelJS.Row, isEven: boolean) {
+	row.eachCell((cell) => {
+		cell.font = { size: 10, color: argb('#000000') };
+		cell.fill = {
+			type: 'pattern',
+			pattern: 'solid',
+			fgColor: argb(isEven ? '#F8F9FA' : '#FFFFFF')
+		};
+		cell.border = {
+			top: { style: 'thin', color: argb('#E0E0E0') },
+			bottom: { style: 'thin', color: argb('#E0E0E0') },
+			left: { style: 'thin', color: argb('#E0E0E0') },
+			right: { style: 'thin', color: argb('#E0E0E0') }
+		};
+	});
+}
+
+async function tryLoadLogoBuffer(): Promise<ArrayBuffer | null> {
+	try {
+		const response = await fetch(logoGovPE);
+		if (response.ok) return await response.arrayBuffer();
+	} catch {
+		// ignore
+	}
+
+	// Fallback via canvas (mesmo padrão usado em outras telas)
+	try {
+		const logoImg = new Image();
+		logoImg.crossOrigin = 'anonymous';
+		logoImg.src = logoGovPE;
+		await new Promise<void>((resolve, reject) => {
+			logoImg.onload = () => resolve();
+			logoImg.onerror = () => reject();
+			setTimeout(() => reject(), 3000);
+		});
+
+		const canvas = document.createElement('canvas');
+		canvas.width = logoImg.width;
+		canvas.height = logoImg.height;
+		const ctx = canvas.getContext('2d');
+		if (!ctx) return null;
+		ctx.drawImage(logoImg, 0, 0);
+		const blob = await new Promise<Blob>((resolve, reject) => {
+			canvas.toBlob(
+				(b) => (b ? resolve(b) : reject(new Error('Falha ao converter imagem'))),
+				'image/png'
+			);
+		});
+		return await blob.arrayBuffer();
+	} catch {
+		return null;
+	}
+}
+
+function addTitleRow(
+	worksheet: ExcelJS.Worksheet,
+	title: string,
+	columnsCount: number,
+	workbook: ExcelJS.Workbook,
+	logoBuffer: ArrayBuffer | null
+) {
+	// Evitar merge sobreposto quando há poucas colunas (ex.: Resumo tem 2 colunas)
+	if (columnsCount <= 0) return;
+
+	worksheet.getRow(1).height = 60;
+
+	// Reservar espaço para logo apenas quando há 3+ colunas (A1:B1)
+	if (columnsCount >= 3) {
+		worksheet.mergeCells(1, 1, 1, 2);
+	}
+
+	const logoCell = worksheet.getCell(1, 1);
+	logoCell.alignment = { vertical: 'middle', horizontal: 'left' };
+	if (columnsCount >= 3) {
+		logoCell.border = { right: { style: 'thin', color: argb('#E0E0E0') } };
+	}
+
+	if (logoBuffer) {
+		type WorkbookWithImage = { addImage(image: { buffer: Uint8Array; extension: string }): number };
+		const workbookWithImage = workbook as unknown as WorkbookWithImage;
+		const logoId = workbookWithImage.addImage({
+			buffer: new Uint8Array(logoBuffer),
+			extension: 'png'
+		});
+		worksheet.addImage(logoId, { tl: { col: 0, row: 0 }, ext: { width: 140, height: 55 } });
+	}
+
+	// Título
+	if (columnsCount === 1) {
+		const titleCell = worksheet.getCell(1, 1);
+		titleCell.value = title;
+		titleCell.font = { bold: true, size: 18, color: argb('#2980B9') };
+		titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+		return;
+	}
+
+	if (columnsCount === 2) {
+		// Sem merge para não colidir com A1:B1
+		const titleCell = worksheet.getCell(1, 2);
+		titleCell.value = title;
+		titleCell.font = { bold: true, size: 18, color: argb('#2980B9') };
+		titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+		return;
+	}
+
+	// 3+ colunas: mescla C1 até última coluna para o título
+	worksheet.mergeCells(1, 3, 1, columnsCount);
+	const titleCell = worksheet.getCell(1, 3);
+	titleCell.value = title;
+	titleCell.font = { bold: true, size: 18, color: argb('#2980B9') };
+	titleCell.alignment = { vertical: 'middle', horizontal: 'center' };
+}
+
+function downloadExcel(buffer: ArrayBuffer, fileName: string) {
+	const blob = new Blob([buffer], {
+		type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+	});
+	const url = window.URL.createObjectURL(blob);
+	const link = document.createElement('a');
+	link.href = url;
+	link.download = fileName;
+	link.click();
+	window.URL.revokeObjectURL(url);
+}
+
+export async function exportarRelatorioPedidosXLSX(relatorio: RelatorioPedidosData): Promise<void> {
+	const workbook = new ExcelJS.Workbook();
+	workbook.creator = 'SGSE - Sistema de Gerenciamento';
+	workbook.created = new Date();
+
+	const logoBuffer = await tryLoadLogoBuffer();
+
+	// ===== Aba: Resumo =====
+	{
+		const ws = workbook.addWorksheet('Resumo');
+		ws.columns = [
+			{ header: 'Campo', key: 'campo', width: 35 },
+			{ header: 'Valor', key: 'valor', width: 30 }
+		];
+
+		addTitleRow(ws, 'RELATÓRIO DE PEDIDOS', 2, workbook, logoBuffer);
+
+		// Cabeçalho da tabela em linha 2
+		const headerRow = ws.getRow(2);
+		headerRow.values = ['Campo', 'Valor'];
+		applyHeaderRowStyle(headerRow);
+
+		const rows: Array<{ campo: string; valor: string | number }> = [
+			{
+				campo: 'Período início',
+				valor: relatorio.filtros.periodoInicio
+					? formatDateTime(relatorio.filtros.periodoInicio)
+					: ''
+			},
+			{
+				campo: 'Período fim',
+				valor: relatorio.filtros.periodoFim ? formatDateTime(relatorio.filtros.periodoFim) : ''
+			},
+			{ campo: 'Número SEI (filtro)', valor: relatorio.filtros.numeroSei ?? '' },
+			{
+				campo: 'Status (filtro)',
+				valor: relatorio.filtros.statuses?.map(statusLabel).join(', ') ?? ''
+			},
+			{ campo: 'Total de pedidos', valor: relatorio.resumo.totalPedidos },
+			{ campo: 'Total de itens', valor: relatorio.resumo.totalItens },
+			{ campo: 'Total de documentos', valor: relatorio.resumo.totalDocumentos },
+			{ campo: 'Total valor estimado', valor: relatorio.resumo.totalValorEstimado },
+			{ campo: 'Total valor real', valor: relatorio.resumo.totalValorReal }
+		];
+
+		rows.forEach((r, idx) => {
+			const row = ws.addRow({ campo: r.campo, valor: r.valor });
+			applyZebraRowStyle(row, idx % 2 === 1);
+			row.getCell(2).alignment = {
+				vertical: 'middle',
+				horizontal: typeof r.valor === 'number' ? 'right' : 'left'
+			};
+		});
+
+		// Seção: Totais por status
+		ws.addRow({ campo: '', valor: '' });
+		const sectionRow = ws.addRow({ campo: 'Totais por status', valor: '' });
+		sectionRow.font = { bold: true, size: 11, color: argb('#2980B9') };
+		sectionRow.alignment = { vertical: 'middle', horizontal: 'left' };
+
+		relatorio.resumo.totalPorStatus.forEach((s, idx) => {
+			const row = ws.addRow({ campo: statusLabel(s.status), valor: s.count });
+			applyZebraRowStyle(row, idx % 2 === 1);
+			row.getCell(2).alignment = { vertical: 'middle', horizontal: 'right' };
+		});
+
+		// Formatos numéricos
+		ws.getColumn(2).numFmt = '#,##0.00';
+		ws.views = [{ state: 'frozen', ySplit: 2, topLeftCell: 'A3', activeCell: 'A3' }];
+	}
+
+	// ===== Aba: Pedidos =====
+	{
+		const ws = workbook.addWorksheet('Pedidos');
+		ws.columns = [
+			{ header: 'Nº SEI', key: 'numeroSei', width: 28 },
+			{ header: 'Status', key: 'status', width: 18 },
+			{ header: 'Criado por', key: 'criadoPor', width: 28 },
+			{ header: 'Aceito por', key: 'aceitoPor', width: 28 },
+			{ header: 'Criado em', key: 'criadoEm', width: 20 },
+			{ header: 'Concluído em', key: 'concluidoEm', width: 20 },
+			{ header: 'Itens', key: 'itens', width: 10 },
+			{ header: 'Docs', key: 'docs', width: 10 },
+			{ header: 'Estimado (R$)', key: 'estimado', width: 16 },
+			{ header: 'Real (R$)', key: 'real', width: 16 }
+		];
+
+		addTitleRow(ws, 'RELATÓRIO DE PEDIDOS — LISTA', ws.columns.length, workbook, logoBuffer);
+
+		const headerRow = ws.getRow(2);
+		headerRow.values = ws.columns.map((c) => c.header as string);
+		applyHeaderRowStyle(headerRow);
+
+		relatorio.pedidos.forEach((p, idx) => {
+			const row = ws.addRow({
+				numeroSei: p.numeroSei ?? '',
+				status: statusLabel(p.status),
+				criadoPor: p.criadoPorNome,
+				aceitoPor: p.aceitoPorNome ?? '',
+				criadoEm: p.criadoEm ? new Date(p.criadoEm) : null,
+				concluidoEm: p.concluidoEm ? new Date(p.concluidoEm) : null,
+				itens: p.itensCount,
+				docs: p.documentosCount,
+				estimado: p.valorEstimadoTotal,
+				real: p.valorRealTotal
+			});
+
+			applyZebraRowStyle(row, idx % 2 === 1);
+
+			// Alinhamentos
+			row.getCell(2).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(5).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(6).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(7).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(8).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(9).alignment = { vertical: 'middle', horizontal: 'right' };
+			row.getCell(10).alignment = { vertical: 'middle', horizontal: 'right' };
+
+			// Destaque por status
+			const statusCell = row.getCell(2);
+			if (p.status === 'concluido') {
+				statusCell.fill = { type: 'pattern', pattern: 'solid', fgColor: argb('#D4EDDA') };
+				statusCell.font = { size: 10, color: argb('#155724') };
+			} else if (p.status === 'cancelado') {
+				statusCell.fill = { type: 'pattern', pattern: 'solid', fgColor: argb('#F8D7DA') };
+				statusCell.font = { size: 10, color: argb('#721C24') };
+			} else if (p.status === 'aguardando_aceite') {
+				statusCell.fill = { type: 'pattern', pattern: 'solid', fgColor: argb('#FFF3CD') };
+				statusCell.font = { size: 10, color: argb('#856404') };
+			}
+		});
+
+		// Formatos
+		ws.getColumn(5).numFmt = 'dd/mm/yyyy hh:mm';
+		ws.getColumn(6).numFmt = 'dd/mm/yyyy hh:mm';
+		ws.getColumn(9).numFmt = '"R$" #,##0.00';
+		ws.getColumn(10).numFmt = '"R$" #,##0.00';
+
+		ws.views = [{ state: 'frozen', ySplit: 2, topLeftCell: 'A3', activeCell: 'A3' }];
+		ws.autoFilter = {
+			from: { row: 2, column: 1 },
+			to: { row: 2, column: ws.columns.length }
+		};
+	}
+
+	// ===== Aba: Itens =====
+	{
+		const ws = workbook.addWorksheet('Itens');
+		ws.columns = [
+			{ header: 'Pedido Nº SEI', key: 'pedidoNumeroSei', width: 28 },
+			{ header: 'Pedido Status', key: 'pedidoStatus', width: 18 },
+			{ header: 'Objeto', key: 'objeto', width: 45 },
+			{ header: 'Modalidade', key: 'modalidade', width: 16 },
+			{ header: 'Qtd', key: 'qtd', width: 10 },
+			{ header: 'Estimado (texto)', key: 'estimadoTxt', width: 18 },
+			{ header: 'Real (texto)', key: 'realTxt', width: 18 },
+			{ header: 'Adicionado por', key: 'adicionadoPor', width: 28 },
+			{ header: 'Ação', key: 'acao', width: 22 },
+			{ header: 'Ata', key: 'ata', width: 16 },
+			{ header: 'Criado em', key: 'criadoEm', width: 20 }
+		];
+
+		addTitleRow(ws, 'RELATÓRIO DE PEDIDOS — ITENS', ws.columns.length, workbook, logoBuffer);
+
+		const headerRow = ws.getRow(2);
+		headerRow.values = ws.columns.map((c) => c.header as string);
+		applyHeaderRowStyle(headerRow);
+
+		relatorio.itens.forEach((i, idx) => {
+			const row = ws.addRow({
+				pedidoNumeroSei: i.pedidoNumeroSei ?? '',
+				pedidoStatus: statusLabel(i.pedidoStatus),
+				objeto: i.objetoNome ?? String(i.objetoId),
+				modalidade: i.modalidade,
+				qtd: i.quantidade,
+				estimadoTxt: i.valorEstimado,
+				realTxt: i.valorReal ?? '',
+				adicionadoPor: i.adicionadoPorNome,
+				acao: i.acaoNome ?? '',
+				ata: i.ataNumero ?? '',
+				criadoEm: i.criadoEm ? new Date(i.criadoEm) : null
+			});
+
+			applyZebraRowStyle(row, idx % 2 === 1);
+			row.getCell(2).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(4).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(5).alignment = { vertical: 'middle', horizontal: 'center' };
+			row.getCell(11).alignment = { vertical: 'middle', horizontal: 'center' };
+		});
+
+		ws.getColumn(11).numFmt = 'dd/mm/yyyy hh:mm';
+		ws.views = [{ state: 'frozen', ySplit: 2, topLeftCell: 'A3', activeCell: 'A3' }];
+		ws.autoFilter = {
+			from: { row: 2, column: 1 },
+			to: { row: 2, column: ws.columns.length }
+		};
+	}
+
+	const nomeArquivo = `relatorio-pedidos-${new Date().toISOString().slice(0, 10)}.xlsx`;
+	const buffer = await workbook.xlsx.writeBuffer();
+	downloadExcel(buffer, nomeArquivo);
+}
diff --git a/apps/web/src/lib/utils/pedidos/relatorioPedidosPDF.ts b/apps/web/src/lib/utils/pedidos/relatorioPedidosPDF.ts
new file mode 100644
index 0000000..d46ea6d
--- /dev/null
+++ b/apps/web/src/lib/utils/pedidos/relatorioPedidosPDF.ts
@@ -0,0 +1,211 @@
+import { api } from '@sgse-app/backend/convex/_generated/api';
+import type { FunctionReturnType } from 'convex/server';
+import jsPDF from 'jspdf';
+import autoTable from 'jspdf-autotable';
+
+export type RelatorioPedidosData = FunctionReturnType<typeof api.pedidos.gerarRelatorio>;
+
+function formatCurrencyBRL(n: number): string {
+	return n.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
+}
+
+function formatDateTime(ts: number | undefined): string {
+	if (!ts) return '-';
+	return new Date(ts).toLocaleString('pt-BR');
+}
+
+function getPeriodoLabel(filtros: RelatorioPedidosData['filtros']): string {
+	const inicio = filtros.periodoInicio ? formatDateTime(filtros.periodoInicio) : '—';
+	const fim = filtros.periodoFim ? formatDateTime(filtros.periodoFim) : '—';
+	return `${inicio} até ${fim}`;
+}
+
+export function gerarRelatorioPedidosPDF(relatorio: RelatorioPedidosData): void {
+	const doc = new jsPDF({ orientation: 'landscape' });
+
+	// Título
+	doc.setFontSize(18);
+	doc.setTextColor(102, 126, 234);
+	doc.text('Relatório de Pedidos', 14, 18);
+
+	// Subtítulo
+	doc.setFontSize(11);
+	doc.setTextColor(0, 0, 0);
+	doc.text(`Período: ${getPeriodoLabel(relatorio.filtros)}`, 14, 26);
+	doc.setFontSize(9);
+	doc.text(`Gerado em: ${new Date().toLocaleString('pt-BR')}`, 14, 32);
+
+	let yPos = 40;
+
+	// Resumo
+	doc.setFontSize(12);
+	doc.setTextColor(102, 126, 234);
+	doc.text('Resumo', 14, yPos);
+	yPos += 6;
+
+	autoTable(doc, {
+		startY: yPos,
+		head: [['Pedidos', 'Itens', 'Documentos', 'Total Estimado', 'Total Real']],
+		body: [
+			[
+				String(relatorio.resumo.totalPedidos),
+				String(relatorio.resumo.totalItens),
+				String(relatorio.resumo.totalDocumentos),
+				formatCurrencyBRL(relatorio.resumo.totalValorEstimado),
+				formatCurrencyBRL(relatorio.resumo.totalValorReal)
+			]
+		],
+		theme: 'striped',
+		headStyles: { fillColor: [102, 126, 234] },
+		styles: { fontSize: 9 }
+	});
+
+	type JsPDFWithAutoTable = jsPDF & { lastAutoTable?: { finalY: number } };
+	yPos = ((doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPos) + 10;
+
+	// Totais por status
+	doc.setFontSize(12);
+	doc.setTextColor(102, 126, 234);
+	doc.text('Totais por status', 14, yPos);
+	yPos += 6;
+
+	autoTable(doc, {
+		startY: yPos,
+		head: [['Status', 'Quantidade']],
+		body: relatorio.resumo.totalPorStatus.map((s) => [s.status, String(s.count)]),
+		theme: 'grid',
+		headStyles: { fillColor: [102, 126, 234] },
+		styles: { fontSize: 9 }
+	});
+
+	yPos = ((doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPos) + 12;
+
+	// Pedidos
+	doc.setFontSize(12);
+	doc.setTextColor(102, 126, 234);
+	doc.text('Pedidos', 14, yPos);
+	yPos += 6;
+
+	const pedidosBody = relatorio.pedidos.map((p) => [
+		p.numeroSei ?? '—',
+		p.status,
+		p.criadoPorNome,
+		p.aceitoPorNome ?? '—',
+		formatDateTime(p.criadoEm),
+		formatDateTime(p.concluidoEm),
+		String(p.itensCount),
+		String(p.documentosCount),
+		formatCurrencyBRL(p.valorEstimadoTotal),
+		formatCurrencyBRL(p.valorRealTotal)
+	]);
+
+	autoTable(doc, {
+		startY: yPos,
+		head: [
+			[
+				'Nº SEI',
+				'Status',
+				'Criado por',
+				'Aceito por',
+				'Criado em',
+				'Concluído em',
+				'Itens',
+				'Docs',
+				'Estimado',
+				'Real'
+			]
+		],
+		body: pedidosBody,
+		theme: 'grid',
+		headStyles: { fillColor: [102, 126, 234] },
+		styles: { fontSize: 7 },
+		columnStyles: {
+			0: { cellWidth: 36 },
+			1: { cellWidth: 26 },
+			2: { cellWidth: 32 },
+			3: { cellWidth: 32 },
+			4: { cellWidth: 30 },
+			5: { cellWidth: 30 },
+			6: { cellWidth: 12 },
+			7: { cellWidth: 12 },
+			8: { cellWidth: 22 },
+			9: { cellWidth: 22 }
+		}
+	});
+
+	yPos = ((doc as JsPDFWithAutoTable).lastAutoTable?.finalY ?? yPos) + 12;
+
+	// Itens (limitado para evitar PDF gigantesco)
+	const itensMax = 1000;
+	const itensToPrint = relatorio.itens.slice(0, itensMax);
+
+	doc.setFontSize(12);
+	doc.setTextColor(102, 126, 234);
+	doc.text(
+		`Itens (${itensToPrint.length}${relatorio.itens.length > itensMax ? ` de ${relatorio.itens.length}` : ''})`,
+		14,
+		yPos
+	);
+	yPos += 6;
+
+	const itensBody = itensToPrint.map((i) => [
+		i.pedidoNumeroSei ?? '—',
+		i.pedidoStatus,
+		i.objetoNome ?? String(i.objetoId),
+		i.modalidade,
+		String(i.quantidade),
+		i.valorEstimado,
+		i.valorReal ?? '—',
+		i.adicionadoPorNome,
+		formatDateTime(i.criadoEm)
+	]);
+
+	autoTable(doc, {
+		startY: yPos,
+		head: [
+			[
+				'Nº SEI',
+				'Status',
+				'Objeto',
+				'Modalidade',
+				'Qtd',
+				'Estimado',
+				'Real',
+				'Adicionado por',
+				'Criado em'
+			]
+		],
+		body: itensBody,
+		theme: 'grid',
+		headStyles: { fillColor: [102, 126, 234] },
+		styles: { fontSize: 7 },
+		columnStyles: {
+			0: { cellWidth: 34 },
+			1: { cellWidth: 22 },
+			2: { cellWidth: 55 },
+			3: { cellWidth: 24 },
+			4: { cellWidth: 10 },
+			5: { cellWidth: 22 },
+			6: { cellWidth: 22 },
+			7: { cellWidth: 32 },
+			8: { cellWidth: 28 }
+		}
+	});
+
+	// Footer com paginação
+	const pageCount = doc.getNumberOfPages();
+	for (let i = 1; i <= pageCount; i++) {
+		doc.setPage(i);
+		doc.setFontSize(8);
+		doc.setTextColor(128, 128, 128);
+		doc.text(
+			`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
+			doc.internal.pageSize.getWidth() / 2,
+			doc.internal.pageSize.getHeight() - 8,
+			{ align: 'center' }
+		);
+	}
+
+	const fileName = `relatorio-pedidos-${new Date().toISOString().slice(0, 10)}.pdf`;
+	doc.save(fileName);
+}
diff --git a/apps/web/src/routes/(dashboard)/pedidos/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
index a0018bc..0352f70 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
@@ -1,12 +1,119 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
-	import { useQuery } from 'convex-svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { exportarRelatorioPedidosXLSX } from '$lib/utils/pedidos/relatorioPedidosExcel';
+	import { gerarRelatorioPedidosPDF } from '$lib/utils/pedidos/relatorioPedidosPDF';
+	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { endOfDay, startOfDay } from 'date-fns';
 	import { Eye, Plus } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 
+	const client = useConvexClient();
+
+	const statusOptions = [
+		{ value: 'em_rascunho', label: 'Rascunho' },
+		{ value: 'aguardando_aceite', label: 'Aguardando Aceite' },
+		{ value: 'em_analise', label: 'Em Análise' },
+		{ value: 'precisa_ajustes', label: 'Precisa de Ajustes' },
+		{ value: 'concluido', label: 'Concluído' },
+		{ value: 'cancelado', label: 'Cancelado' }
+	] as const;
+	type PedidoStatus = (typeof statusOptions)[number]['value'];
+
+	// Filtros (cumulativos / backend)
+	let filtroNumeroSei = $state('');
+	let filtroCriadoPor = $state<Id<'usuarios'> | ''>('');
+	let filtroAceitoPor = $state<Id<'funcionarios'> | ''>('');
+	let filtroInicio = $state(''); // yyyy-MM-dd
+	let filtroFim = $state(''); // yyyy-MM-dd
+	let statusSelected = $state<Record<PedidoStatus, boolean>>({
+		em_rascunho: false,
+		aguardando_aceite: false,
+		em_analise: false,
+		precisa_ajustes: false,
+		concluido: false,
+		cancelado: false
+	});
+
+	function getSelectedStatuses(): PedidoStatus[] | undefined {
+		const selected = (Object.entries(statusSelected) as Array<[PedidoStatus, boolean]>)
+			.filter(([, v]) => v)
+			.map(([k]) => k);
+		return selected.length > 0 ? selected : undefined;
+	}
+
+	function getPeriodoInicio(): number | undefined {
+		if (!filtroInicio) return undefined;
+		return startOfDay(new Date(`${filtroInicio}T00:00:00`)).getTime();
+	}
+	function getPeriodoFim(): number | undefined {
+		if (!filtroFim) return undefined;
+		return endOfDay(new Date(`${filtroFim}T23:59:59`)).getTime();
+	}
+
+	function limparFiltros() {
+		filtroNumeroSei = '';
+		filtroCriadoPor = '';
+		filtroAceitoPor = '';
+		filtroInicio = '';
+		filtroFim = '';
+		(Object.keys(statusSelected) as PedidoStatus[]).forEach((k) => (statusSelected[k] = false));
+	}
+
+	const usuariosQuery = useQuery(api.usuarios.listar, { ativo: true });
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+
+	const filtroArgs = () => ({
+		statuses: getSelectedStatuses(),
+		numeroSei: filtroNumeroSei.trim() || undefined,
+		criadoPor: filtroCriadoPor ? filtroCriadoPor : undefined,
+		aceitoPor: filtroAceitoPor ? filtroAceitoPor : undefined,
+		periodoInicio: getPeriodoInicio(),
+		periodoFim: getPeriodoFim()
+	});
+
+	let generatingPDF = $state(false);
+	let generatingXLSX = $state(false);
+
+	async function gerarPDF() {
+		if (!filtroInicio && !filtroFim) {
+			alert('Informe um período (início e/ou fim) para gerar o relatório.');
+			return;
+		}
+
+		try {
+			generatingPDF = true;
+			const relatorio = await client.query(api.pedidos.gerarRelatorio, filtroArgs());
+			gerarRelatorioPedidosPDF(relatorio);
+		} catch (e) {
+			console.error('Erro ao gerar relatório PDF:', e);
+			alert('Erro ao gerar relatório PDF. Tente novamente.');
+		} finally {
+			generatingPDF = false;
+		}
+	}
+
+	async function exportarXLSX() {
+		if (!filtroInicio && !filtroFim) {
+			alert('Informe um período (início e/ou fim) para exportar o relatório.');
+			return;
+		}
+
+		try {
+			generatingXLSX = true;
+			const relatorio = await client.query(api.pedidos.gerarRelatorio, filtroArgs());
+			await exportarRelatorioPedidosXLSX(relatorio);
+		} catch (e) {
+			console.error('Erro ao exportar relatório XLSX:', e);
+			alert('Erro ao exportar relatório Excel. Tente novamente.');
+		} finally {
+			generatingXLSX = false;
+		}
+	}
+
 	// Reactive queries
-	const pedidosQuery = useQuery(api.pedidos.list, {});
-	const myItemsQuery = useQuery(api.pedidos.listByItemCreator, {});
+	const pedidosQuery = useQuery(api.pedidos.list, filtroArgs);
+	const myItemsQuery = useQuery(api.pedidos.listByItemCreator, filtroArgs);
 	const acoesQuery = useQuery(api.acoes.list, {});
 
 	let activeTab = $state<'all' | 'my_items'>('all');
@@ -69,13 +176,144 @@
 <div class="container mx-auto p-6">
 	<div class="mb-6 flex items-center justify-between">
 		<h1 class="text-2xl font-bold">Pedidos</h1>
-		<a
-			href={resolve('/pedidos/novo')}
-			class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
-		>
-			<Plus size={20} />
-			Novo Pedido
-		</a>
+		<div class="flex items-center gap-2">
+			<button
+				type="button"
+				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-60"
+				onclick={gerarPDF}
+				disabled={generatingPDF || generatingXLSX}
+				title="Gera relatório completo (PDF) no padrão do sistema"
+			>
+				{#if generatingPDF}
+					Gerando PDF...
+				{:else}
+					Relatório (PDF)
+				{/if}
+			</button>
+
+			<button
+				type="button"
+				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-60"
+				onclick={exportarXLSX}
+				disabled={generatingPDF || generatingXLSX}
+				title="Exporta relatório completo em Excel (XLSX)"
+			>
+				{#if generatingXLSX}
+					Exportando...
+				{:else}
+					Excel (XLSX)
+				{/if}
+			</button>
+
+			<a
+				href={resolve('/pedidos/novo')}
+				class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
+			>
+				<Plus size={20} />
+				Novo Pedido
+			</a>
+		</div>
+	</div>
+
+	<div class="mb-6 rounded-lg bg-white p-4 shadow-md">
+		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+			<div>
+				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_numeroSei"
+					>Número SEI</label
+				>
+				<input
+					id="filtro_numeroSei"
+					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+					type="text"
+					placeholder="Buscar..."
+					bind:value={filtroNumeroSei}
+				/>
+			</div>
+
+			<div>
+				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_criadoPor"
+					>Criado por</label
+				>
+				<select
+					id="filtro_criadoPor"
+					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+					bind:value={filtroCriadoPor}
+				>
+					<option value="">Todos</option>
+					{#each usuariosQuery.data || [] as u (u._id)}
+						<option value={u._id}>{u.nome}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_aceitoPor"
+					>Aceito por</label
+				>
+				<select
+					id="filtro_aceitoPor"
+					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+					bind:value={filtroAceitoPor}
+				>
+					<option value="">Todos</option>
+					{#each funcionariosQuery.data || [] as f (f._id)}
+						<option value={f._id}>{f.nome}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_inicio"
+					>Período (início)</label
+				>
+				<input
+					id="filtro_inicio"
+					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+					type="date"
+					bind:value={filtroInicio}
+				/>
+			</div>
+
+			<div>
+				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_fim"
+					>Período (fim)</label
+				>
+				<input
+					id="filtro_fim"
+					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+					type="date"
+					bind:value={filtroFim}
+				/>
+			</div>
+
+			<div class="lg:col-span-3">
+				<div class="mb-2 text-sm font-medium text-gray-700">Status</div>
+				<div class="flex flex-wrap gap-3">
+					{#each statusOptions as s (s.value)}
+						<label class="flex items-center gap-2 text-sm">
+							<input
+								type="checkbox"
+								class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+								checked={statusSelected[s.value]}
+								onchange={(e) =>
+									(statusSelected[s.value] = (e.currentTarget as HTMLInputElement).checked)}
+							/>
+							<span>{s.label}</span>
+						</label>
+					{/each}
+				</div>
+			</div>
+		</div>
+
+		<div class="mt-4 flex justify-end gap-2">
+			<button
+				type="button"
+				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
+				onclick={limparFiltros}
+			>
+				Limpar filtros
+			</button>
+		</div>
 	</div>
 
 	<div role="tablist" class="tabs tabs-bordered mb-6">
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index 7331379..241fd77 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -7,6 +7,151 @@ import { getCurrentUserFunction } from './auth';
 
 // ========== HELPERS ==========
 
+const pedidoStatusValidator = v.union(
+	v.literal('em_rascunho'),
+	v.literal('aguardando_aceite'),
+	v.literal('em_analise'),
+	v.literal('precisa_ajustes'),
+	v.literal('cancelado'),
+	v.literal('concluido')
+);
+
+type PedidoStatus = Doc<'pedidos'>['status'];
+
+type PedidoListFilters = {
+	statuses?: PedidoStatus[];
+	numeroSei?: string;
+	criadoPor?: Id<'usuarios'>;
+	aceitoPor?: Id<'funcionarios'>;
+	periodoInicio?: number;
+	periodoFim?: number;
+};
+
+function inRange(ts: number, inicio?: number, fim?: number): boolean {
+	if (inicio !== undefined && ts < inicio) return false;
+	if (fim !== undefined && ts > fim) return false;
+	return true;
+}
+
+function matchesPeriodo(p: Doc<'pedidos'>, inicio?: number, fim?: number): boolean {
+	if (inicio === undefined && fim === undefined) return true;
+	if (inRange(p.criadoEm, inicio, fim)) return true;
+	if (p.concluidoEm !== undefined && inRange(p.concluidoEm, inicio, fim)) return true;
+	return false;
+}
+
+function normalizeNumeroSeiQuery(q: string | undefined): string | undefined {
+	const trimmed = q?.trim();
+	return trimmed ? trimmed.toLowerCase() : undefined;
+}
+
+function applyPedidoFilters(pedidos: Doc<'pedidos'>[], args: PedidoListFilters): Doc<'pedidos'>[] {
+	const numeroSeiQuery = normalizeNumeroSeiQuery(args.numeroSei);
+	const statusesSet =
+		args.statuses && args.statuses.length > 0 ? new Set<PedidoStatus>(args.statuses) : null;
+
+	const filtered = pedidos.filter((p) => {
+		if (statusesSet && !statusesSet.has(p.status)) return false;
+		if (args.criadoPor && p.criadoPor !== args.criadoPor) return false;
+		if (args.aceitoPor && p.aceitoPor !== args.aceitoPor) return false;
+
+		if (!matchesPeriodo(p, args.periodoInicio, args.periodoFim)) return false;
+
+		if (numeroSeiQuery) {
+			const sei = (p.numeroSei ?? '').toLowerCase();
+			if (!sei.includes(numeroSeiQuery)) return false;
+		}
+
+		return true;
+	});
+
+	// Ordem mais útil para listagem: mais recentes primeiro
+	filtered.sort((a, b) => b.criadoEm - a.criadoEm);
+	return filtered;
+}
+
+function dedupePedidos(pedidos: Doc<'pedidos'>[]): Doc<'pedidos'>[] {
+	const map = new Map<string, Doc<'pedidos'>>();
+	for (const p of pedidos) map.set(String(p._id), p);
+	return [...map.values()];
+}
+
+async function fetchPedidosBase(ctx: QueryCtx, args: PedidoListFilters): Promise<Doc<'pedidos'>[]> {
+	// 1) Se há período, buscamos por índices de criadoEm e concluidoEm e unimos (OR)
+	if (args.periodoInicio !== undefined || args.periodoFim !== undefined) {
+		const inicio = args.periodoInicio;
+		const fim = args.periodoFim;
+
+		const byCriado =
+			inicio !== undefined && fim !== undefined
+				? await ctx.db
+						.query('pedidos')
+						.withIndex('by_criadoEm', (q) => q.gte('criadoEm', inicio).lte('criadoEm', fim))
+						.collect()
+				: inicio !== undefined
+					? await ctx.db
+							.query('pedidos')
+							.withIndex('by_criadoEm', (q) => q.gte('criadoEm', inicio))
+							.collect()
+					: await ctx.db
+							.query('pedidos')
+							.withIndex('by_criadoEm', (q) => q.lte('criadoEm', fim as number))
+							.collect();
+
+		const byConcluido =
+			inicio !== undefined && fim !== undefined
+				? await ctx.db
+						.query('pedidos')
+						.withIndex('by_concluidoEm', (q) =>
+							q.gte('concluidoEm', inicio).lte('concluidoEm', fim)
+						)
+						.collect()
+				: inicio !== undefined
+					? await ctx.db
+							.query('pedidos')
+							.withIndex('by_concluidoEm', (q) => q.gte('concluidoEm', inicio))
+							.collect()
+					: await ctx.db
+							.query('pedidos')
+							.withIndex('by_concluidoEm', (q) => q.lte('concluidoEm', fim as number))
+							.collect();
+
+		return dedupePedidos(byCriado.concat(byConcluido));
+	}
+
+	// 2) Se há statuses selecionados, usar o índice by_status
+	if (args.statuses && args.statuses.length > 0) {
+		let out: Doc<'pedidos'>[] = [];
+		for (const status of args.statuses) {
+			const part = await ctx.db
+				.query('pedidos')
+				.withIndex('by_status', (q) => q.eq('status', status))
+				.collect();
+			out = out.concat(part);
+		}
+		return dedupePedidos(out);
+	}
+
+	// 3) Se há criador, usar by_criadoPor
+	if (args.criadoPor) {
+		return await ctx.db
+			.query('pedidos')
+			.withIndex('by_criadoPor', (q) => q.eq('criadoPor', args.criadoPor!))
+			.collect();
+	}
+
+	// 4) Se há aceitoPor, usar by_aceitoPor
+	if (args.aceitoPor) {
+		return await ctx.db
+			.query('pedidos')
+			.withIndex('by_aceitoPor', (q) => q.eq('aceitoPor', args.aceitoPor!))
+			.collect();
+	}
+
+	// 5) fallback: varrer (caso sem índices úteis)
+	return await ctx.db.query('pedidos').collect();
+}
+
 async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx) {
 	const user = await getCurrentUserFunction(ctx);
 	if (!user) throw new Error('Unauthorized');
@@ -105,30 +250,55 @@ async function assertPodeGerenciarDocumentosDoPedido(
 // ========== QUERIES ==========
 
 export const list = query({
-	args: {},
+	args: {
+		statuses: v.optional(v.array(pedidoStatusValidator)),
+		numeroSei: v.optional(v.string()),
+		criadoPor: v.optional(v.id('usuarios')),
+		aceitoPor: v.optional(v.id('funcionarios')),
+		periodoInicio: v.optional(v.number()),
+		periodoFim: v.optional(v.number())
+	},
 	returns: v.array(
 		v.object({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
-			status: v.union(
-				v.literal('em_rascunho'),
-				v.literal('aguardando_aceite'),
-				v.literal('em_analise'),
-				v.literal('precisa_ajustes'),
-				v.literal('cancelado'),
-				v.literal('concluido')
-			),
+			status: pedidoStatusValidator,
 			// acaoId removed from return
 			criadoPor: v.id('usuarios'),
+			criadoPorNome: v.string(),
 			aceitoPor: v.optional(v.id('funcionarios')),
+			aceitoPorNome: v.optional(v.string()),
 			descricaoAjuste: v.optional(v.string()),
+			concluidoEm: v.optional(v.number()),
 			criadoEm: v.number(),
 			atualizadoEm: v.number()
 		})
 	),
-	handler: async (ctx) => {
-		return await ctx.db.query('pedidos').collect();
+	handler: async (ctx, args) => {
+		const base = await fetchPedidosBase(ctx, args);
+		const pedidos = applyPedidoFilters(base, args);
+
+		return await Promise.all(
+			pedidos.map(async (p) => {
+				const creator = await ctx.db.get(p.criadoPor);
+				const aceito = p.aceitoPor ? await ctx.db.get(p.aceitoPor) : null;
+				return {
+					_id: p._id,
+					_creationTime: p._creationTime,
+					numeroSei: p.numeroSei,
+					status: p.status,
+					criadoPor: p.criadoPor,
+					criadoPorNome: creator?.nome || 'Desconhecido',
+					aceitoPor: p.aceitoPor,
+					aceitoPorNome: aceito?.nome || undefined,
+					descricaoAjuste: p.descricaoAjuste,
+					concluidoEm: p.concluidoEm,
+					criadoEm: p.criadoEm,
+					atualizadoEm: p.atualizadoEm
+				};
+			})
+		);
 	}
 });
 
@@ -139,18 +309,12 @@ export const get = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
-			status: v.union(
-				v.literal('em_rascunho'),
-				v.literal('aguardando_aceite'),
-				v.literal('em_analise'),
-				v.literal('precisa_ajustes'),
-				v.literal('cancelado'),
-				v.literal('concluido')
-			),
+			status: pedidoStatusValidator,
 			acaoId: v.optional(v.id('acoes')),
 			criadoPor: v.id('usuarios'),
 			aceitoPor: v.optional(v.id('funcionarios')),
 			descricaoAjuste: v.optional(v.string()),
+			concluidoEm: v.optional(v.number()),
 			criadoEm: v.number(),
 			atualizadoEm: v.number()
 		}),
@@ -493,21 +657,31 @@ export const listMyAnalysis = query({
 });
 
 export const listByItemCreator = query({
-	args: {},
+	args: {
+		statuses: v.optional(v.array(pedidoStatusValidator)),
+		numeroSei: v.optional(v.string()),
+		criadoPor: v.optional(v.id('usuarios')),
+		aceitoPor: v.optional(v.id('funcionarios')),
+		periodoInicio: v.optional(v.number()),
+		periodoFim: v.optional(v.number())
+	},
 	returns: v.array(
 		v.object({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
-			status: v.string(),
+			status: pedidoStatusValidator,
 			aceitoPor: v.optional(v.id('funcionarios')),
 			criadoPor: v.id('usuarios'),
 			criadoPorNome: v.string(),
+			aceitoPorNome: v.optional(v.string()),
+			descricaoAjuste: v.optional(v.string()),
+			concluidoEm: v.optional(v.number()),
 			criadoEm: v.number(),
 			atualizadoEm: v.number()
 		})
 	),
-	handler: async (ctx) => {
+	handler: async (ctx, args) => {
 		const user = await getUsuarioAutenticado(ctx);
 		if (!user.funcionarioId) return [];
 
@@ -525,27 +699,320 @@ export const listByItemCreator = query({
 
 		// Filter out nulls and enrich
 		const validOrders = orders.filter((o) => o !== null);
+		const filtered = applyPedidoFilters(validOrders as Doc<'pedidos'>[], args);
 
 		return await Promise.all(
-			validOrders.map(async (o) => {
-				const creator = await ctx.db.get(o!.criadoPor);
+			filtered.map(async (o) => {
+				const creator = await ctx.db.get(o.criadoPor);
+				const aceito = o.aceitoPor ? await ctx.db.get(o.aceitoPor) : null;
 				return {
-					_id: o!._id,
-					_creationTime: o!._creationTime,
-					numeroSei: o!.numeroSei,
-					status: o!.status,
-					criadoPor: o!.criadoPor,
+					_id: o._id,
+					_creationTime: o._creationTime,
+					numeroSei: o.numeroSei,
+					status: o.status,
+					criadoPor: o.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
-					aceitoPor: o!.aceitoPor,
-					descricaoAjuste: o!.descricaoAjuste,
-					criadoEm: o!.criadoEm,
-					atualizadoEm: o!.atualizadoEm
+					aceitoPor: o.aceitoPor,
+					aceitoPorNome: aceito?.nome || undefined,
+					descricaoAjuste: o.descricaoAjuste,
+					concluidoEm: o.concluidoEm,
+					criadoEm: o.criadoEm,
+					atualizadoEm: o.atualizadoEm
 				};
 			})
 		);
 	}
 });
 
+export const gerarRelatorio = query({
+	args: {
+		statuses: v.optional(v.array(pedidoStatusValidator)),
+		numeroSei: v.optional(v.string()),
+		criadoPor: v.optional(v.id('usuarios')),
+		aceitoPor: v.optional(v.id('funcionarios')),
+		periodoInicio: v.optional(v.number()),
+		periodoFim: v.optional(v.number())
+	},
+	returns: v.object({
+		filtros: v.object({
+			statuses: v.optional(v.array(pedidoStatusValidator)),
+			numeroSei: v.optional(v.string()),
+			criadoPor: v.optional(v.id('usuarios')),
+			aceitoPor: v.optional(v.id('funcionarios')),
+			periodoInicio: v.optional(v.number()),
+			periodoFim: v.optional(v.number())
+		}),
+		resumo: v.object({
+			totalPedidos: v.number(),
+			totalItens: v.number(),
+			totalDocumentos: v.number(),
+			totalPorStatus: v.array(v.object({ status: pedidoStatusValidator, count: v.number() })),
+			totalValorEstimado: v.number(),
+			totalValorReal: v.number()
+		}),
+		pedidos: v.array(
+			v.object({
+				_id: v.id('pedidos'),
+				_creationTime: v.number(),
+				numeroSei: v.optional(v.string()),
+				status: pedidoStatusValidator,
+				criadoPor: v.id('usuarios'),
+				criadoPorNome: v.string(),
+				aceitoPor: v.optional(v.id('funcionarios')),
+				aceitoPorNome: v.optional(v.string()),
+				descricaoAjuste: v.optional(v.string()),
+				criadoEm: v.number(),
+				concluidoEm: v.optional(v.number()),
+				atualizadoEm: v.number(),
+				itensCount: v.number(),
+				documentosCount: v.number(),
+				valorEstimadoTotal: v.number(),
+				valorRealTotal: v.number()
+			})
+		),
+		itens: v.array(
+			v.object({
+				_id: v.id('objetoItems'),
+				pedidoId: v.id('pedidos'),
+				pedidoNumeroSei: v.optional(v.string()),
+				pedidoStatus: pedidoStatusValidator,
+				objetoId: v.id('objetos'),
+				objetoNome: v.optional(v.string()),
+				ataId: v.optional(v.id('atas')),
+				ataNumero: v.optional(v.string()),
+				acaoId: v.optional(v.id('acoes')),
+				acaoNome: v.optional(v.string()),
+				modalidade: v.union(
+					v.literal('dispensa'),
+					v.literal('inexgibilidade'),
+					v.literal('adesao'),
+					v.literal('consumo')
+				),
+				quantidade: v.number(),
+				valorEstimado: v.string(),
+				valorReal: v.optional(v.string()),
+				adicionadoPor: v.id('funcionarios'),
+				adicionadoPorNome: v.string(),
+				criadoEm: v.number()
+			})
+		)
+	}),
+	handler: async (ctx, args) => {
+		// Para relatório "por período", exigimos pelo menos um limite (início ou fim)
+		if (args.periodoInicio === undefined && args.periodoFim === undefined) {
+			throw new Error('Informe um período (início e/ou fim) para gerar o relatório.');
+		}
+
+		const base = await fetchPedidosBase(ctx, args);
+		const pedidosFiltrados = applyPedidoFilters(base, args);
+
+		// Guardrail para evitar timeouts/relatórios gigantescos
+		if (pedidosFiltrados.length > 500) {
+			throw new Error(
+				`Relatório muito grande (${pedidosFiltrados.length} pedidos). Reduza o período/filtros e tente novamente.`
+			);
+		}
+
+		// Cache para evitar múltiplos gets repetidos
+		const cacheUsuarios = new Map<string, Doc<'usuarios'> | null>();
+		const cacheFuncionarios = new Map<string, Doc<'funcionarios'> | null>();
+		const cacheObjetos = new Map<string, Doc<'objetos'> | null>();
+		const cacheAtas = new Map<string, Doc<'atas'> | null>();
+		const cacheAcoes = new Map<string, Doc<'acoes'> | null>();
+
+		async function getUsuario(id: Id<'usuarios'>): Promise<Doc<'usuarios'> | null> {
+			const k = String(id);
+			if (cacheUsuarios.has(k)) return cacheUsuarios.get(k) ?? null;
+			const doc = await ctx.db.get(id);
+			cacheUsuarios.set(k, doc);
+			return doc;
+		}
+		async function getFuncionario(id: Id<'funcionarios'>): Promise<Doc<'funcionarios'> | null> {
+			const k = String(id);
+			if (cacheFuncionarios.has(k)) return cacheFuncionarios.get(k) ?? null;
+			const doc = await ctx.db.get(id);
+			cacheFuncionarios.set(k, doc);
+			return doc;
+		}
+		async function getObjeto(id: Id<'objetos'>): Promise<Doc<'objetos'> | null> {
+			const k = String(id);
+			if (cacheObjetos.has(k)) return cacheObjetos.get(k) ?? null;
+			const doc = await ctx.db.get(id);
+			cacheObjetos.set(k, doc);
+			return doc;
+		}
+		async function getAta(id: Id<'atas'>): Promise<Doc<'atas'> | null> {
+			const k = String(id);
+			if (cacheAtas.has(k)) return cacheAtas.get(k) ?? null;
+			const doc = await ctx.db.get(id);
+			cacheAtas.set(k, doc);
+			return doc;
+		}
+		async function getAcao(id: Id<'acoes'>): Promise<Doc<'acoes'> | null> {
+			const k = String(id);
+			if (cacheAcoes.has(k)) return cacheAcoes.get(k) ?? null;
+			const doc = await ctx.db.get(id);
+			cacheAcoes.set(k, doc);
+			return doc;
+		}
+
+		function parseValorMoeda(input: string | undefined): number {
+			if (!input) return 0;
+			const s = input
+				.replace(/\s/g, '')
+				.replace(/[Rr]\$?/g, '')
+				.replace(/\./g, '')
+				.replace(',', '.')
+				.replace(/[^0-9.-]/g, '');
+			const n = Number(s);
+			return Number.isFinite(n) ? n : 0;
+		}
+
+		const itensOut: Array<{
+			_id: Id<'objetoItems'>;
+			pedidoId: Id<'pedidos'>;
+			pedidoNumeroSei?: string;
+			pedidoStatus: PedidoStatus;
+			objetoId: Id<'objetos'>;
+			objetoNome?: string;
+			ataId?: Id<'atas'>;
+			ataNumero?: string;
+			acaoId?: Id<'acoes'>;
+			acaoNome?: string;
+			modalidade: Doc<'objetoItems'>['modalidade'];
+			quantidade: number;
+			valorEstimado: string;
+			valorReal?: string;
+			adicionadoPor: Id<'funcionarios'>;
+			adicionadoPorNome: string;
+			criadoEm: number;
+		}> = [];
+
+		let totalItens = 0;
+		let totalDocumentos = 0;
+		let totalValorEstimado = 0;
+		let totalValorReal = 0;
+
+		const statusCounts = new Map<PedidoStatus, number>();
+		for (const s of [
+			'em_rascunho',
+			'aguardando_aceite',
+			'em_analise',
+			'precisa_ajustes',
+			'cancelado',
+			'concluido'
+		] as PedidoStatus[]) {
+			statusCounts.set(s, 0);
+		}
+
+		const pedidosOut = await Promise.all(
+			pedidosFiltrados.map(async (p) => {
+				statusCounts.set(p.status, (statusCounts.get(p.status) ?? 0) + 1);
+
+				const creator = await getUsuario(p.criadoPor);
+				const aceito = p.aceitoPor ? await getFuncionario(p.aceitoPor) : null;
+
+				const itens = await ctx.db
+					.query('objetoItems')
+					.withIndex('by_pedidoId', (q) => q.eq('pedidoId', p._id))
+					.collect();
+
+				const docs = await ctx.db
+					.query('pedidoDocumentos')
+					.withIndex('by_pedidoId', (q) => q.eq('pedidoId', p._id))
+					.collect();
+
+				totalItens += itens.length;
+				totalDocumentos += docs.length;
+
+				let valorEstimadoTotal = 0;
+				let valorRealTotal = 0;
+
+				for (const it of itens) {
+					valorEstimadoTotal += parseValorMoeda(it.valorEstimado);
+					valorRealTotal += parseValorMoeda(it.valorReal);
+
+					const funcionario = await getFuncionario(it.adicionadoPor);
+					const objeto = await getObjeto(it.objetoId);
+					const ata = it.ataId ? await getAta(it.ataId) : null;
+					const acao = it.acaoId ? await getAcao(it.acaoId) : null;
+
+					itensOut.push({
+						_id: it._id,
+						pedidoId: it.pedidoId,
+						pedidoNumeroSei: p.numeroSei,
+						pedidoStatus: p.status,
+						objetoId: it.objetoId,
+						objetoNome: objeto?.nome ?? undefined,
+						ataId: it.ataId,
+						ataNumero: ata?.numero ?? undefined,
+						acaoId: it.acaoId,
+						acaoNome: acao?.nome ?? undefined,
+						modalidade: it.modalidade,
+						quantidade: it.quantidade,
+						valorEstimado: it.valorEstimado,
+						valorReal: it.valorReal,
+						adicionadoPor: it.adicionadoPor,
+						adicionadoPorNome: funcionario?.nome || 'Desconhecido',
+						criadoEm: it.criadoEm
+					});
+				}
+
+				totalValorEstimado += valorEstimadoTotal;
+				totalValorReal += valorRealTotal;
+
+				return {
+					_id: p._id,
+					_creationTime: p._creationTime,
+					numeroSei: p.numeroSei,
+					status: p.status,
+					criadoPor: p.criadoPor,
+					criadoPorNome: creator?.nome || 'Desconhecido',
+					aceitoPor: p.aceitoPor,
+					aceitoPorNome: aceito?.nome || undefined,
+					descricaoAjuste: p.descricaoAjuste,
+					criadoEm: p.criadoEm,
+					concluidoEm: p.concluidoEm,
+					atualizadoEm: p.atualizadoEm,
+					itensCount: itens.length,
+					documentosCount: docs.length,
+					valorEstimadoTotal,
+					valorRealTotal
+				};
+			})
+		);
+
+		// Ordenar itens por data (mais recente primeiro)
+		itensOut.sort((a, b) => b.criadoEm - a.criadoEm);
+
+		const totalPorStatus = [...statusCounts.entries()].map(([status, count]) => ({
+			status,
+			count
+		}));
+
+		return {
+			filtros: {
+				statuses: args.statuses,
+				numeroSei: args.numeroSei,
+				criadoPor: args.criadoPor,
+				aceitoPor: args.aceitoPor,
+				periodoInicio: args.periodoInicio,
+				periodoFim: args.periodoFim
+			},
+			resumo: {
+				totalPedidos: pedidosFiltrados.length,
+				totalItens,
+				totalDocumentos,
+				totalPorStatus,
+				totalValorEstimado,
+				totalValorReal
+			},
+			pedidos: pedidosOut,
+			itens: itensOut
+		};
+	}
+});
+
 export const acceptOrder = mutation({
 	args: {
 		pedidoId: v.id('pedidos')
@@ -1380,6 +1847,7 @@ export const concluirPedido = mutation({
 
 		await ctx.db.patch(args.pedidoId, {
 			status: newStatus,
+			concluidoEm: Date.now(),
 			atualizadoEm: Date.now()
 		});
 
diff --git a/packages/backend/convex/tables/pedidos.ts b/packages/backend/convex/tables/pedidos.ts
index 0af34ff..a0d8b69 100644
--- a/packages/backend/convex/tables/pedidos.ts
+++ b/packages/backend/convex/tables/pedidos.ts
@@ -16,12 +16,16 @@ export const pedidosTables = {
 		criadoPor: v.id('usuarios'),
 		aceitoPor: v.optional(v.id('funcionarios')),
 		descricaoAjuste: v.optional(v.string()), // Required when status is 'precisa_ajustes'
+		concluidoEm: v.optional(v.number()),
 		criadoEm: v.number(),
 		atualizadoEm: v.number()
 	})
 		.index('by_numeroSei', ['numeroSei'])
 		.index('by_status', ['status'])
-		.index('by_criadoPor', ['criadoPor']),
+		.index('by_criadoPor', ['criadoPor'])
+		.index('by_aceitoPor', ['aceitoPor'])
+		.index('by_criadoEm', ['criadoEm'])
+		.index('by_concluidoEm', ['concluidoEm']),
 
 	objetoItems: defineTable({
 		pedidoId: v.id('pedidos'),

From f90b27648f08454a2c0f3ad78754835a459653e9 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Tue, 16 Dec 2025 14:20:31 -0300
Subject: [PATCH 05/13] feat: enhance ata and objeto management by adding
 configuration options for quantity limits and usage tracking, improving data
 integrity and user feedback in pedidos

---
 .../(dashboard)/compras/atas/+page.svelte     | 100 ++++++-
 .../(dashboard)/pedidos/[id]/+page.svelte     |  49 +++-
 .../(dashboard)/pedidos/novo/+page.svelte     |  47 ++--
 packages/backend/convex/atas.ts               | 134 +++++++++-
 packages/backend/convex/objetos.ts            |  88 +++++++
 packages/backend/convex/pedidos.ts            | 244 +++++++++++++++++-
 packages/backend/convex/tables/atas.ts        |  10 +-
 packages/backend/convex/tables/pedidos.ts     |   1 +
 8 files changed, 618 insertions(+), 55 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
index 9e9c107..999152d 100644
--- a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
@@ -44,6 +44,11 @@
 		dataFim: ''
 	});
 	let selectedObjetos = $state<Id<'objetos'>[]>([]);
+	type ObjetoAtaConfig = {
+		quantidadeTotal: number | undefined;
+		limitePercentual: number | undefined;
+	};
+	let objetosConfig = $state<Record<string, ObjetoAtaConfig>>({});
 	let searchObjeto = $state('');
 	let saving = $state(false);
 
@@ -73,6 +78,15 @@
 			const linkedObjetos = await client.query(api.atas.getObjetos, { id: ata._id });
 			selectedObjetos = linkedObjetos.map((o) => o._id);
 
+			const linkedConfigs = await client.query(api.atas.getObjetosConfig, { id: ata._id });
+			objetosConfig = {};
+			for (const cfg of linkedConfigs) {
+				objetosConfig[String(cfg.objetoId)] = {
+					quantidadeTotal: cfg.quantidadeTotal ?? undefined,
+					limitePercentual: cfg.limitePercentual ?? 50
+				};
+			}
+
 			// Fetch attachments
 			attachments = await client.query(api.atas.getDocumentos, { ataId: ata._id });
 		} else {
@@ -85,6 +99,7 @@
 				dataFim: ''
 			};
 			selectedObjetos = [];
+			objetosConfig = {};
 			attachments = [];
 		}
 		attachmentFiles = [];
@@ -97,11 +112,22 @@
 		editingId = null;
 	}
 
+	function getObjetoConfig(id: Id<'objetos'>): ObjetoAtaConfig {
+		const key = String(id);
+		if (!objetosConfig[key]) {
+			objetosConfig[key] = { quantidadeTotal: 1, limitePercentual: 50 };
+		}
+		return objetosConfig[key];
+	}
+
 	function toggleObjeto(id: Id<'objetos'>) {
+		const key = String(id);
 		if (selectedObjetos.includes(id)) {
 			selectedObjetos = selectedObjetos.filter((oid) => oid !== id);
+			delete objetosConfig[key];
 		} else {
 			selectedObjetos = [...selectedObjetos, id];
+			objetosConfig[key] = { quantidadeTotal: 1, limitePercentual: 50 };
 		}
 	}
 
@@ -124,13 +150,37 @@
 		}
 		saving = true;
 		try {
+			const objetos = selectedObjetos.map((objetoId) => {
+				const cfg = objetosConfig[String(objetoId)];
+				if (
+					!cfg ||
+					cfg.quantidadeTotal === undefined ||
+					!Number.isFinite(cfg.quantidadeTotal) ||
+					cfg.quantidadeTotal <= 0
+				) {
+					throw new Error(
+						'Informe a quantidade (maior que zero) para todos os objetos vinculados.'
+					);
+				}
+				const limitePercentual =
+					cfg.limitePercentual === undefined || !Number.isFinite(cfg.limitePercentual)
+						? 50
+						: cfg.limitePercentual;
+
+				return {
+					objetoId,
+					quantidadeTotal: cfg.quantidadeTotal,
+					limitePercentual
+				};
+			});
+
 			const payload = {
 				numero: formData.numero,
 				numeroSei: formData.numeroSei,
 				empresaId: formData.empresaId as Id<'empresas'>,
 				dataInicio: formData.dataInicio || undefined,
 				dataFim: formData.dataFim || undefined,
-				objetosIds: selectedObjetos
+				objetos
 			};
 
 			let ataId: Id<'atas'>;
@@ -537,6 +587,54 @@
 								{/if}
 							</div>
 
+							{#if selectedObjetos.length > 0}
+								<div class="border-base-300 border-t pt-4">
+									<div class="font-semibold">Configuração por objeto</div>
+									<p class="text-base-content/60 mt-1 text-xs">
+										Defina a quantidade total do objeto na ata e o limite de uso em % (padrão 50%).
+									</p>
+									<div class="mt-3 max-h-52 space-y-3 overflow-y-auto">
+										{#each selectedObjetos as objetoId (objetoId)}
+											{@const obj = objetos.find((o) => o._id === objetoId)}
+											{@const cfg = getObjetoConfig(objetoId)}
+											<div class="border-base-300 rounded-lg border p-3">
+												<div class="text-sm font-semibold">{obj?.nome || 'Objeto'}</div>
+												<div class="mt-3 grid grid-cols-1 gap-3 md:grid-cols-2">
+													<div class="form-control w-full">
+														<label class="label" for={`qtd_${objetoId}`}>
+															<span class="label-text text-xs font-semibold">Quantidade na ata</span
+															>
+														</label>
+														<input
+															id={`qtd_${objetoId}`}
+															class="input input-bordered input-sm focus:input-primary w-full"
+															type="number"
+															min="1"
+															required
+															bind:value={cfg.quantidadeTotal}
+														/>
+													</div>
+													<div class="form-control w-full">
+														<label class="label" for={`limite_${objetoId}`}>
+															<span class="label-text text-xs font-semibold">Limite (%)</span>
+														</label>
+														<input
+															id={`limite_${objetoId}`}
+															class="input input-bordered input-sm focus:input-primary w-full"
+															type="number"
+															min="0"
+															max="100"
+															placeholder="50"
+															bind:value={cfg.limitePercentual}
+														/>
+													</div>
+												</div>
+											</div>
+										{/each}
+									</div>
+								</div>
+							{/if}
+
 							<div class="border-base-300 border-t pt-4">
 								<div class="font-semibold">Anexos</div>
 								<div class="mt-2 space-y-2">
diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index a84366b..8b17615 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { FunctionReturnType } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { SvelteSet } from 'svelte/reactivity';
 	import { toast } from 'svelte-sonner';
@@ -54,7 +55,12 @@
 	type Modalidade = 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
 
 	function coerceModalidade(value: string): Modalidade {
-		if (value === 'dispensa' || value === 'inexgibilidade' || value === 'adesao' || value === 'consumo') {
+		if (
+			value === 'dispensa' ||
+			value === 'inexgibilidade' ||
+			value === 'adesao' ||
+			value === 'consumo'
+		) {
 			return value;
 		}
 		return 'consumo';
@@ -77,7 +83,8 @@
 	};
 
 	// Atas por objeto (carregadas sob demanda)
-	let atasPorObjeto = $state<Record<string, Array<Doc<'atas'>>>>({});
+	type AtasComLimite = FunctionReturnType<typeof api.objetos.getAtasComLimite>;
+	let atasPorObjeto = $state<Record<string, AtasComLimite>>({});
 
 	let editingItems = $state<Record<string, EditingItem>>({});
 
@@ -235,7 +242,9 @@
 	let solicitacaoDocsRequestId = $state<Id<'solicitacoesItens'> | null>(null);
 	let solicitacaoDocsSolicitadoPor = $state<Id<'funcionarios'> | null>(null);
 	let solicitacaoDocsTipo = $state<string | null>(null);
-	let solicitacaoDocs = $state<any[]>([]);
+	let solicitacaoDocs = $state<FunctionReturnType<typeof api.pedidos.listSolicitacaoDocumentos>>(
+		[]
+	);
 	let carregandoSolicitacaoDocs = $state(false);
 
 	let solicitacaoDocumentoDescricao = $state('');
@@ -651,19 +660,16 @@
 	async function loadAtasForObjeto(objetoId: string) {
 		if (atasPorObjeto[objetoId]) return;
 		try {
-			const linkedAtas = await client.query(api.objetos.getAtas, {
+			const linkedAtas = await client.query(api.objetos.getAtasComLimite, {
 				objetoId: objetoId as Id<'objetos'>
 			});
-			atasPorObjeto = {
-				...atasPorObjeto,
-				[objetoId]: linkedAtas
-			};
+			atasPorObjeto[objetoId] = linkedAtas;
 		} catch (e) {
 			console.error('Erro ao carregar atas para objeto', objetoId, e);
 		}
 	}
 
-	function getAtasForObjeto(objetoId: string): Array<Doc<'atas'>> {
+	function getAtasForObjeto(objetoId: string): AtasComLimite {
 		return atasPorObjeto[objetoId] || [];
 	}
 
@@ -1464,7 +1470,9 @@
 														<XCircle size={16} />
 													</button>
 												{:else}
-													<span class="ml-2 self-center text-xs text-gray-400">Aguardando Análise</span>
+													<span class="ml-2 self-center text-xs text-gray-400"
+														>Aguardando Análise</span
+													>
 												{/if}
 											</div>
 										</td>
@@ -1563,7 +1571,15 @@
 								>
 									<option value="">Nenhuma</option>
 									{#each getAtasForObjeto(newItem.objetoId) as ata (ata._id)}
-										<option value={ata._id}>Ata {ata.numero} (SEI: {ata.numeroSei})</option>
+										{@const isSelectedAta = String(ata._id) === newItem.ataId}
+										{@const reason = !ata.quantidadeTotal
+											? 'não configurada'
+											: ata.quantidadeUsada >= ata.limitePermitido
+												? 'limite atingido'
+												: null}
+										<option value={ata._id} disabled={ata.isLocked && !isSelectedAta}>
+											Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
+										</option>
 									{/each}
 								</select>
 							</div>
@@ -1810,7 +1826,16 @@
 												>
 													<option value="">Nenhuma</option>
 													{#each getAtasForObjeto(item.objetoId) as ata (ata._id)}
-														<option value={ata._id}>Ata {ata.numero} (SEI: {ata.numeroSei})</option>
+														{@const currentAtaId = ensureEditingItem(item).ataId}
+														{@const isSelectedAta = String(ata._id) === currentAtaId}
+														{@const reason = !ata.quantidadeTotal
+															? 'não configurada'
+															: ata.quantidadeUsada >= ata.limitePermitido
+																? 'limite atingido'
+																: null}
+														<option value={ata._id} disabled={ata.isLocked && !isSelectedAta}>
+															Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
+														</option>
 													{/each}
 												</select>
 											{:else if item.ataId}
diff --git a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
index eb4c9bb..23dc799 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { FunctionReturnType } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { Plus, Trash2, X, Info } from 'lucide-svelte';
 	import { goto } from '$app/navigation';
@@ -32,7 +33,7 @@
 		acaoId?: Id<'acoes'>;
 		ataId?: Id<'atas'>;
 		ataNumero?: string; // For display
-		ata?: Doc<'atas'>; // Full ata object for details
+		ata?: FunctionReturnType<typeof api.objetos.getAtasComLimite>[number]; // dados mínimos p/ exibir detalhes
 	};
 
 	let selectedItems = $state<SelectedItem[]>([]);
@@ -55,7 +56,8 @@
 		ataId: ''
 	});
 
-	let availableAtas = $state<Doc<'atas'>[]>([]);
+	type AtasComLimite = FunctionReturnType<typeof api.objetos.getAtasComLimite>;
+	let availableAtas = $state<AtasComLimite>([]);
 
 	// Item Details Modal
 	let showDetailsModal = $state(false);
@@ -73,7 +75,7 @@
 
 	async function openItemModal(objeto: Doc<'objetos'>) {
 		// Fetch linked Atas for this object
-		const linkedAtas = await client.query(api.objetos.getAtas, { objetoId: objeto._id });
+		const linkedAtas = await client.query(api.objetos.getAtasComLimite, { objetoId: objeto._id });
 		availableAtas = linkedAtas;
 
 		itemConfig = {
@@ -226,11 +228,11 @@
 		return null;
 	}
 
-	function buildPedidoHref(pedido: (typeof existingPedidos)[0]) {
+	function buildPedidoHref(pedido: (typeof existingPedidos)[0]): `/pedidos/${string}` {
 		const matchedItem = getFirstMatchingSelectedItem(pedido);
 
 		if (!matchedItem) {
-			return resolve(`/pedidos/${pedido._id}`);
+			return `/pedidos/${pedido._id}` as `/pedidos/${string}`;
 		}
 
 		const params = new URLSearchParams();
@@ -246,7 +248,7 @@
 			params.set('ata', matchedItem.ataId);
 		}
 
-		return resolve(`/pedidos/${pedido._id}?${params.toString()}`);
+		return `/pedidos/${pedido._id}?${params.toString()}` as `/pedidos/${string}`;
 	}
 
 	async function checkExisting() {
@@ -505,25 +507,21 @@
 					<p class="mb-3 font-semibold text-yellow-900">Pedidos similares encontrados:</p>
 					<ul class="space-y-2">
 						{#each existingPedidos as pedido (pedido._id)}
+							{@const first = getFirstMatchingSelectedItem(pedido)}
 							<li class="flex flex-col rounded-lg bg-white px-4 py-3 shadow-sm">
 								<div class="flex items-center justify-between gap-3">
 									<div class="space-y-1">
 										<p class="text-sm font-medium text-gray-900">
 											Pedido {pedido.numeroSei || 'sem número SEI'} — {formatStatus(pedido.status)}
 										</p>
-										{#if getFirstMatchingSelectedItem(pedido)}
-											{#key pedido._id}
-												{#if getFirstMatchingSelectedItem(pedido)}
-													<span
-														class={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${getModalidadeBadgeClasses(
-															getFirstMatchingSelectedItem(pedido).modalidade
-														)}`}
-													>
-														Modalidade:{' '}
-														{formatModalidade(getFirstMatchingSelectedItem(pedido).modalidade)}
-													</span>
-												{/if}
-											{/key}
+										{#if first}
+											<span
+												class={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${getModalidadeBadgeClasses(
+													first.modalidade
+												)}`}
+											>
+												Modalidade: {formatModalidade(first.modalidade)}
+											</span>
 										{/if}
 										{#if getMatchingInfo(pedido)}
 											<p class="mt-1 text-xs text-blue-700">
@@ -532,7 +530,7 @@
 										{/if}
 									</div>
 									<a
-										href={buildPedidoHref(pedido)}
+										href={resolve(buildPedidoHref(pedido))}
 										class="text-sm font-medium text-blue-600 hover:text-blue-800"
 									>
 										Abrir
@@ -637,7 +635,14 @@
 							>
 								<option value="">Nenhuma</option>
 								{#each availableAtas as ata (ata._id)}
-									<option value={ata._id}>Ata {ata.numero} (SEI: {ata.numeroSei})</option>
+									{@const reason = !ata.quantidadeTotal
+										? 'não configurada'
+										: ata.quantidadeUsada >= ata.limitePermitido
+											? 'limite atingido'
+											: null}
+									<option value={ata._id} disabled={ata.isLocked}>
+										Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
+									</option>
 								{/each}
 							</select>
 						</div>
diff --git a/packages/backend/convex/atas.ts b/packages/backend/convex/atas.ts
index e2701eb..2bfa112 100644
--- a/packages/backend/convex/atas.ts
+++ b/packages/backend/convex/atas.ts
@@ -4,6 +4,21 @@ import type { Id } from './_generated/dataModel';
 import { getCurrentUserFunction } from './auth';
 import { internal } from './_generated/api';
 
+function normalizeLimitePercentual(value: number | undefined): number {
+	const fallback = 50;
+	if (value === undefined) return fallback;
+	if (!Number.isFinite(value)) return fallback;
+	if (value < 0) return 0;
+	if (value > 100) return 100;
+	return value;
+}
+
+function assertQuantidadeTotalValida(value: number) {
+	if (!Number.isFinite(value) || value <= 0) {
+		throw new Error('Quantidade do produto na ata deve ser maior que zero.');
+	}
+}
+
 export const list = query({
 	args: {
 		periodoInicio: v.optional(v.string()),
@@ -71,6 +86,34 @@ export const getObjetos = query({
 	}
 });
 
+export const getObjetosConfig = query({
+	args: { id: v.id('atas') },
+	returns: v.array(
+		v.object({
+			objetoId: v.id('objetos'),
+			quantidadeTotal: v.union(v.number(), v.null()),
+			limitePercentual: v.union(v.number(), v.null())
+		})
+	),
+	handler: async (ctx, args) => {
+		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
+			recurso: 'atas',
+			acao: 'ver'
+		});
+
+		const links = await ctx.db
+			.query('atasObjetos')
+			.withIndex('by_ataId', (q) => q.eq('ataId', args.id))
+			.collect();
+
+		return links.map((l) => ({
+			objetoId: l.objetoId,
+			quantidadeTotal: l.quantidadeTotal ?? null,
+			limitePercentual: l.limitePercentual ?? null
+		}));
+	}
+});
+
 export const listByObjetoIds = query({
 	args: {
 		objetoIds: v.array(v.id('objetos'))
@@ -108,7 +151,13 @@ export const create = mutation({
 		dataFim: v.optional(v.string()),
 		empresaId: v.id('empresas'),
 		numeroSei: v.string(),
-		objetosIds: v.array(v.id('objetos'))
+		objetos: v.array(
+			v.object({
+				objetoId: v.id('objetos'),
+				quantidadeTotal: v.number(),
+				limitePercentual: v.optional(v.number())
+			})
+		)
 	},
 	handler: async (ctx, args) => {
 		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
@@ -131,10 +180,16 @@ export const create = mutation({
 		});
 
 		// Vincular objetos
-		for (const objetoId of args.objetosIds) {
+		for (const cfg of args.objetos) {
+			assertQuantidadeTotalValida(cfg.quantidadeTotal);
+			const limitePercentual = normalizeLimitePercentual(cfg.limitePercentual);
+
 			await ctx.db.insert('atasObjetos', {
 				ataId,
-				objetoId
+				objetoId: cfg.objetoId,
+				quantidadeTotal: cfg.quantidadeTotal,
+				limitePercentual,
+				quantidadeUsada: 0
 			});
 		}
 
@@ -150,7 +205,13 @@ export const update = mutation({
 		empresaId: v.id('empresas'),
 		dataInicio: v.optional(v.string()),
 		dataFim: v.optional(v.string()),
-		objetosIds: v.array(v.id('objetos'))
+		objetos: v.array(
+			v.object({
+				objetoId: v.id('objetos'),
+				quantidadeTotal: v.number(),
+				limitePercentual: v.optional(v.number())
+			})
+		)
 	},
 	handler: async (ctx, args) => {
 		await ctx.runQuery(internal.permissoesAcoes.assertPermissaoAcaoAtual, {
@@ -171,22 +232,71 @@ export const update = mutation({
 		});
 
 		// Atualizar objetos vinculados
-		// Primeiro remove todos os vínculos existentes
 		const existingLinks = await ctx.db
 			.query('atasObjetos')
 			.withIndex('by_ataId', (q) => q.eq('ataId', args.id))
 			.collect();
 
+		const existingByObjeto = new Map<Id<'objetos'>, (typeof existingLinks)[number]>();
 		for (const link of existingLinks) {
-			await ctx.db.delete(link._id);
+			existingByObjeto.set(link.objetoId, link);
 		}
 
-		// Adiciona os novos vínculos
-		for (const objetoId of args.objetosIds) {
-			await ctx.db.insert('atasObjetos', {
-				ataId: args.id,
-				objetoId
-			});
+		const desiredObjetoIds = new Set<Id<'objetos'>>(args.objetos.map((o) => o.objetoId));
+
+		// Upsert dos vínculos desejados (preserva quantidadeUsada quando já existe)
+		for (const cfg of args.objetos) {
+			assertQuantidadeTotalValida(cfg.quantidadeTotal);
+			const limitePercentual = normalizeLimitePercentual(cfg.limitePercentual);
+
+			const existing = existingByObjeto.get(cfg.objetoId);
+			if (existing) {
+				await ctx.db.patch(existing._id, {
+					quantidadeTotal: cfg.quantidadeTotal,
+					limitePercentual
+				});
+			} else {
+				await ctx.db.insert('atasObjetos', {
+					ataId: args.id,
+					objetoId: cfg.objetoId,
+					quantidadeTotal: cfg.quantidadeTotal,
+					limitePercentual,
+					quantidadeUsada: 0
+				});
+			}
+		}
+
+		// Remoção de vínculos não selecionados (somente se não houver uso em pedidos não-cancelados)
+		for (const link of existingLinks) {
+			if (desiredObjetoIds.has(link.objetoId)) continue;
+
+			const items = await ctx.db
+				.query('objetoItems')
+				.withIndex('by_ataId_and_objetoId', (q) =>
+					q.eq('ataId', args.id).eq('objetoId', link.objetoId)
+				)
+				.collect();
+
+			// Se existe qualquer item em pedido não cancelado, bloquear remoção do vínculo
+			let inUse = false;
+			const seenPedidos = new Set<Id<'pedidos'>>();
+			for (const item of items) {
+				if (seenPedidos.has(item.pedidoId)) continue;
+				seenPedidos.add(item.pedidoId);
+				const pedido = await ctx.db.get(item.pedidoId);
+				if (pedido && pedido.status !== 'cancelado') {
+					inUse = true;
+					break;
+				}
+			}
+
+			if (inUse) {
+				throw new Error(
+					'Não é possível remover este objeto da ata porque já existe uso em pedidos não cancelados.'
+				);
+			}
+
+			await ctx.db.delete(link._id);
 		}
 	}
 });
diff --git a/packages/backend/convex/objetos.ts b/packages/backend/convex/objetos.ts
index dda5421..87b4594 100644
--- a/packages/backend/convex/objetos.ts
+++ b/packages/backend/convex/objetos.ts
@@ -1,5 +1,6 @@
 import { v } from 'convex/values';
 import { mutation, query } from './_generated/server';
+import type { Id } from './_generated/dataModel';
 import { getCurrentUserFunction } from './auth';
 
 export const list = query({
@@ -145,6 +146,93 @@ export const getAtas = query({
 	}
 });
 
+export const getAtasComLimite = query({
+	args: { objetoId: v.id('objetos') },
+	returns: v.array(
+		v.object({
+			_id: v.id('atas'),
+			numero: v.string(),
+			numeroSei: v.string(),
+			dataInicio: v.union(v.string(), v.null()),
+			dataFim: v.union(v.string(), v.null()),
+			quantidadeTotal: v.union(v.number(), v.null()),
+			limitePercentual: v.number(),
+			quantidadeUsada: v.number(),
+			limitePermitido: v.number(),
+			restante: v.number(),
+			isLocked: v.boolean()
+		})
+	),
+	handler: async (ctx, args) => {
+		const links = await ctx.db
+			.query('atasObjetos')
+			.withIndex('by_objetoId', (q) => q.eq('objetoId', args.objetoId))
+			.collect();
+
+		const results = [];
+		for (const link of links) {
+			const ata = await ctx.db.get(link.ataId);
+			if (!ata) continue;
+
+			let quantidadeUsada = link.quantidadeUsada ?? 0;
+			if (link.quantidadeUsada === undefined) {
+				const items = await ctx.db
+					.query('objetoItems')
+					.withIndex('by_ataId_and_objetoId', (q) =>
+						q.eq('ataId', link.ataId).eq('objetoId', link.objetoId)
+					)
+					.collect();
+
+				const sumByPedidoId = new Map<Id<'pedidos'>, number>();
+				for (const item of items) {
+					const prev = sumByPedidoId.get(item.pedidoId) ?? 0;
+					sumByPedidoId.set(item.pedidoId, prev + item.quantidade);
+				}
+
+				let total = 0;
+				for (const [pedidoId, sum] of sumByPedidoId.entries()) {
+					const pedido = await ctx.db.get(pedidoId);
+					if (pedido && pedido.status !== 'cancelado') {
+						total += sum;
+					}
+				}
+				quantidadeUsada = total;
+			}
+
+			const quantidadeTotal = link.quantidadeTotal ?? null;
+			const limitePercentualRaw = link.limitePercentual ?? 50;
+			const limitePercentual = Number.isFinite(limitePercentualRaw)
+				? Math.min(100, Math.max(0, limitePercentualRaw))
+				: 50;
+
+			const limitePermitido =
+				quantidadeTotal && quantidadeTotal > 0
+					? Math.floor(quantidadeTotal * (limitePercentual / 100))
+					: 0;
+
+			const restante = Math.max(0, limitePermitido - quantidadeUsada);
+			const isLocked =
+				!quantidadeTotal || quantidadeTotal <= 0 || quantidadeUsada >= limitePermitido;
+
+			results.push({
+				_id: ata._id,
+				numero: ata.numero,
+				numeroSei: ata.numeroSei,
+				dataInicio: ata.dataInicio ?? null,
+				dataFim: ata.dataFim ?? null,
+				quantidadeTotal,
+				limitePercentual,
+				quantidadeUsada,
+				limitePermitido,
+				restante,
+				isLocked
+			});
+		}
+
+		return results;
+	}
+});
+
 export const remove = mutation({
 	args: {
 		id: v.id('objetos')
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index 241fd77..d678e3d 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -192,6 +192,152 @@ async function ensurePedidoModalidadeAtaConsistency(
 	}
 }
 
+type AtaObjetoUsageInfo = {
+	linkId: Id<'atasObjetos'>;
+	quantidadeTotal: number;
+	limitePercentual: number;
+	limitePermitido: number;
+	quantidadeUsada: number;
+	restante: number;
+};
+
+function normalizeLimitePercentual(value: number | undefined): number {
+	const fallback = 50;
+	if (value === undefined) return fallback;
+	if (!Number.isFinite(value)) return fallback;
+	// Normalizar para faixa 0..100
+	if (value < 0) return 0;
+	if (value > 100) return 100;
+	return value;
+}
+
+function computeLimitePermitido(quantidadeTotal: number, limitePercentual: number): number {
+	if (!Number.isFinite(quantidadeTotal) || quantidadeTotal <= 0) return 0;
+	const pct = normalizeLimitePercentual(limitePercentual);
+	return Math.floor(quantidadeTotal * (pct / 100));
+}
+
+async function getAtaObjetoLinkOrThrow(
+	ctx: MutationCtx,
+	ataId: Id<'atas'>,
+	objetoId: Id<'objetos'>
+): Promise<Doc<'atasObjetos'>> {
+	const link = await ctx.db
+		.query('atasObjetos')
+		.withIndex('by_ataId_and_objetoId', (q) => q.eq('ataId', ataId).eq('objetoId', objetoId))
+		.unique();
+
+	if (!link) {
+		throw new Error('Esta ata não está vinculada a este objeto.');
+	}
+	return link;
+}
+
+async function computeQuantidadeUsadaFromDb(
+	ctx: MutationCtx,
+	ataId: Id<'atas'>,
+	objetoId: Id<'objetos'>
+): Promise<number> {
+	const items = await ctx.db
+		.query('objetoItems')
+		.withIndex('by_ataId_and_objetoId', (q) => q.eq('ataId', ataId).eq('objetoId', objetoId))
+		.collect();
+
+	const sumByPedidoId = new Map<Id<'pedidos'>, number>();
+	for (const item of items) {
+		const prev = sumByPedidoId.get(item.pedidoId) ?? 0;
+		sumByPedidoId.set(item.pedidoId, prev + item.quantidade);
+	}
+
+	let total = 0;
+	for (const [pedidoId, sum] of sumByPedidoId.entries()) {
+		const pedido = await ctx.db.get(pedidoId);
+		if (pedido && pedido.status !== 'cancelado') {
+			total += sum;
+		}
+	}
+
+	return total;
+}
+
+async function getAtaObjetoUsageInfo(
+	ctx: MutationCtx,
+	ataId: Id<'atas'>,
+	objetoId: Id<'objetos'>,
+	requireConfigured: boolean
+): Promise<AtaObjetoUsageInfo> {
+	const link = await getAtaObjetoLinkOrThrow(ctx, ataId, objetoId);
+
+	const quantidadeTotalRaw = link.quantidadeTotal;
+	const hasQuantidadeTotal =
+		quantidadeTotalRaw !== undefined &&
+		Number.isFinite(quantidadeTotalRaw) &&
+		quantidadeTotalRaw > 0;
+
+	if (requireConfigured && !hasQuantidadeTotal) {
+		throw new Error(
+			'Esta ata está vinculada ao objeto, mas a quantidade do produto na ata não foi configurada. Configure a quantidade/limite antes de usar esta ata.'
+		);
+	}
+
+	const limitePercentual = normalizeLimitePercentual(link.limitePercentual);
+	const quantidadeTotal = hasQuantidadeTotal ? (quantidadeTotalRaw as number) : 0;
+	const limitePermitido = computeLimitePermitido(quantidadeTotal, limitePercentual);
+
+	let quantidadeUsada = link.quantidadeUsada;
+	if (quantidadeUsada === undefined) {
+		quantidadeUsada = await computeQuantidadeUsadaFromDb(ctx, ataId, objetoId);
+		await ctx.db.patch(link._id, { quantidadeUsada });
+	}
+
+	const restante = Math.max(0, limitePermitido - quantidadeUsada);
+
+	return {
+		linkId: link._id,
+		quantidadeTotal,
+		limitePercentual,
+		limitePermitido,
+		quantidadeUsada,
+		restante
+	};
+}
+
+async function assertAtaObjetoCanConsume(
+	ctx: MutationCtx,
+	ataId: Id<'atas'>,
+	objetoId: Id<'objetos'>,
+	delta: number
+) {
+	if (!Number.isFinite(delta) || delta <= 0) return;
+	const info = await getAtaObjetoUsageInfo(ctx, ataId, objetoId, true);
+	if (info.quantidadeUsada + delta > info.limitePermitido) {
+		throw new Error(
+			`Limite de uso da ata atingido para este objeto. Limite permitido: ${info.limitePermitido}. Usado: ${info.quantidadeUsada}. Tentativa de adicionar: ${delta}. Restante: ${info.restante}.`
+		);
+	}
+}
+
+async function applyAtaObjetoUsageDelta(
+	ctx: MutationCtx,
+	ataId: Id<'atas'>,
+	objetoId: Id<'objetos'>,
+	delta: number
+) {
+	if (!Number.isFinite(delta) || delta === 0) return;
+	const info = await getAtaObjetoUsageInfo(ctx, ataId, objetoId, delta > 0);
+
+	const novoUsadoRaw = info.quantidadeUsada + delta;
+	const novoUsado = Math.max(0, novoUsadoRaw);
+
+	if (delta > 0 && novoUsado > info.limitePermitido) {
+		throw new Error(
+			`Limite de uso da ata atingido para este objeto. Limite permitido: ${info.limitePermitido}. Usado: ${info.quantidadeUsada}. Tentativa de adicionar: ${delta}. Restante: ${info.restante}.`
+		);
+	}
+
+	await ctx.db.patch(info.linkId, { quantidadeUsada: novoUsado });
+}
+
 async function isFuncionarioInComprasSector(
 	ctx: QueryCtx | MutationCtx,
 	funcionarioId: Id<'funcionarios'>
@@ -1194,6 +1340,10 @@ export const addItem = mutation({
 		// Em pedidos em análise, a inclusão de itens deve passar por fluxo de aprovação.
 		// Em rascunho ou aguardando aceite, a inclusão é direta, sem necessidade de aprovação.
 		if (pedido.status === 'em_analise') {
+			if (args.ataId) {
+				// Não altera consumo aqui (ainda é só solicitação), mas valida limite/configuração.
+				await assertAtaObjetoCanConsume(ctx, args.ataId, args.objetoId, args.quantidade);
+			}
 			await ctx.db.insert('solicitacoesItens', {
 				pedidoId: args.pedidoId,
 				tipo: 'adicao',
@@ -1234,6 +1384,9 @@ export const addItem = mutation({
 		);
 
 		if (existingItem) {
+			if (args.ataId) {
+				await applyAtaObjetoUsageDelta(ctx, args.ataId, args.objetoId, args.quantidade);
+			}
 			// Increment quantity
 			const novaQuantidade = existingItem.quantidade + args.quantidade;
 			await ctx.db.patch(existingItem._id, { quantidade: novaQuantidade });
@@ -1250,6 +1403,9 @@ export const addItem = mutation({
 				data: Date.now()
 			});
 		} else {
+			if (args.ataId) {
+				await applyAtaObjetoUsageDelta(ctx, args.ataId, args.objetoId, args.quantidade);
+			}
 			// Insert new item
 			await ctx.db.insert('objetoItems', {
 				pedidoId: args.pedidoId,
@@ -1302,8 +1458,14 @@ export const updateItemQuantity = mutation({
 		const pedido = await ctx.db.get(item.pedidoId);
 		if (!pedido) throw new Error('Pedido não encontrado.');
 
+		const delta = args.novaQuantidade - item.quantidade;
+
 		// --- CHECK ANALYSIS / ACCEPTANCE MODE ---
 		if (pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite') {
+			if (delta > 0 && item.ataId) {
+				// Não altera consumo aqui (ainda é só solicitação), mas valida limite/configuração.
+				await assertAtaObjetoCanConsume(ctx, item.ataId, item.objetoId, delta);
+			}
 			await ctx.db.insert('solicitacoesItens', {
 				pedidoId: item.pedidoId,
 				tipo: 'alteracao_quantidade',
@@ -1324,6 +1486,11 @@ export const updateItemQuantity = mutation({
 			throw new Error('Apenas quem adicionou este item pode alterar a quantidade.');
 		}
 
+		// Atualiza consumo (ata+objeto) antes de persistir a nova quantidade
+		if (item.ataId) {
+			await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, delta);
+		}
+
 		// Update quantity
 		await ctx.db.patch(args.itemId, { quantidade: args.novaQuantidade });
 		await ctx.db.patch(item.pedidoId, { atualizadoEm: Date.now() });
@@ -1371,6 +1538,10 @@ export const removeItem = mutation({
 			return;
 		}
 
+		if (item.ataId) {
+			await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, -item.quantidade);
+		}
+
 		await ctx.db.delete(args.itemId);
 		await ctx.db.patch(item.pedidoId, { atualizadoEm: Date.now() });
 
@@ -1436,6 +1607,10 @@ export const removeItemsBatch = mutation({
 				throw new Error('Você só pode remover itens que você adicionou.');
 			}
 
+			if (item.ataId) {
+				await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, -item.quantidade);
+			}
+
 			await ctx.db.delete(itemId);
 
 			await ctx.db.insert('historicoPedidos', {
@@ -1596,6 +1771,13 @@ export const updateItem = mutation({
 
 		// Em pedidos em análise ou aguardando aceite, geramos uma solicitação em vez de alterar diretamente
 		if (pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite') {
+			const oldAtaId = oldValues.ataId;
+			const newAtaId = args.ataId;
+			if (newAtaId && newAtaId !== oldAtaId) {
+				// Não altera consumo aqui (ainda é só solicitação), mas valida limite/configuração.
+				await assertAtaObjetoCanConsume(ctx, newAtaId, item.objetoId, item.quantidade);
+			}
+
 			await ctx.db.insert('solicitacoesItens', {
 				pedidoId: item.pedidoId,
 				tipo: 'alteracao_detalhes',
@@ -1617,6 +1799,18 @@ export const updateItem = mutation({
 			return;
 		}
 
+		// Se a ata mudou, mover consumo entre vínculos (ata antiga -> nova ata)
+		const oldAtaId = oldValues.ataId;
+		const newAtaId = args.ataId;
+		if ((oldAtaId ?? null) !== (newAtaId ?? null)) {
+			if (newAtaId) {
+				await applyAtaObjetoUsageDelta(ctx, newAtaId, item.objetoId, item.quantidade);
+			}
+			if (oldAtaId) {
+				await applyAtaObjetoUsageDelta(ctx, oldAtaId, item.objetoId, -item.quantidade);
+			}
+		}
+
 		await ctx.db.patch(args.itemId, {
 			valorEstimado: args.valorEstimado,
 			modalidade: args.modalidade,
@@ -1696,8 +1890,7 @@ export const getPermissions = query({
 		const isCreator = pedido.criadoPor === user._id;
 
 		return {
-			canSendToAcceptance:
-				(pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes') && hasAddedItems,
+			canSendToAcceptance: pedido.status === 'em_rascunho' && hasAddedItems,
 			canStartAnalysis: pedido.status === 'aguardando_aceite' && isInComprasSector,
 			canConclude: pedido.status === 'em_analise' && isInComprasSector,
 			canRequestAdjustments:
@@ -1726,7 +1919,7 @@ export const enviarParaAceite = mutation({
 		const pedido = await ctx.db.get(args.pedidoId);
 		if (!pedido) throw new Error('Pedido não encontrado.');
 
-		if (pedido.status !== 'em_rascunho' && pedido.status !== 'precisa_ajustes') {
+		if (pedido.status !== 'em_rascunho') {
 			throw new Error('Status inválido para envio.');
 		}
 
@@ -2015,6 +2208,18 @@ export const cancelarPedido = mutation({
 		const oldStatus = pedido.status;
 		const newStatus = 'cancelado';
 
+		// Ao cancelar, liberar consumo de todas as combinações (ataId,objetoId) deste pedido
+		const items = await ctx.db
+			.query('objetoItems')
+			.withIndex('by_pedidoId', (q) => q.eq('pedidoId', args.pedidoId))
+			.collect();
+
+		for (const item of items) {
+			if (item.ataId) {
+				await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, -item.quantidade);
+			}
+		}
+
 		await ctx.db.patch(args.pedidoId, {
 			status: newStatus,
 			atualizadoEm: Date.now()
@@ -2253,6 +2458,10 @@ export const approveItemRequest = mutation({
 					i.modalidade === newItem.modalidade
 			);
 
+			if (newItem.ataId) {
+				await applyAtaObjetoUsageDelta(ctx, newItem.ataId, newItem.objetoId, newItem.quantidade);
+			}
+
 			if (existingItem) {
 				await ctx.db.patch(existingItem._id, {
 					quantidade: existingItem.quantidade + newItem.quantidade
@@ -2273,15 +2482,25 @@ export const approveItemRequest = mutation({
 				});
 			}
 		} else if (request.tipo === 'alteracao_quantidade') {
-			const { itemId, novaQuantidade } = data;
-			const item = await ctx.db.get(itemId);
+			const { itemId, novaQuantidade } = data as {
+				itemId: Id<'objetoItems'>;
+				novaQuantidade: number;
+			};
+			const item = (await ctx.db.get(itemId)) as Doc<'objetoItems'> | null;
 			if (item) {
+				const delta = novaQuantidade - item.quantidade;
+				if (item.ataId) {
+					await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, delta);
+				}
 				await ctx.db.patch(itemId, { quantidade: novaQuantidade });
 			}
 		} else if (request.tipo === 'exclusao') {
-			const { itemId } = data;
-			const item = await ctx.db.get(itemId);
+			const { itemId } = data as { itemId: Id<'objetoItems'> };
+			const item = (await ctx.db.get(itemId)) as Doc<'objetoItems'> | null;
 			if (item) {
+				if (item.ataId) {
+					await applyAtaObjetoUsageDelta(ctx, item.ataId, item.objetoId, -item.quantidade);
+				}
 				await ctx.db.delete(itemId);
 			}
 		} else if (request.tipo === 'alteracao_detalhes') {
@@ -2306,6 +2525,17 @@ export const approveItemRequest = mutation({
 					itemId
 				);
 
+				const oldAtaId = ('ataId' in item ? item.ataId : undefined) ?? undefined;
+				const newAtaId = para.ataId;
+				if ((oldAtaId ?? null) !== (newAtaId ?? null)) {
+					if (newAtaId) {
+						await applyAtaObjetoUsageDelta(ctx, newAtaId, item.objetoId, item.quantidade);
+					}
+					if (oldAtaId) {
+						await applyAtaObjetoUsageDelta(ctx, oldAtaId, item.objetoId, -item.quantidade);
+					}
+				}
+
 				await ctx.db.patch(itemId, {
 					valorEstimado: para.valorEstimado,
 					modalidade: para.modalidade,
diff --git a/packages/backend/convex/tables/atas.ts b/packages/backend/convex/tables/atas.ts
index b36c2e1..277962f 100644
--- a/packages/backend/convex/tables/atas.ts
+++ b/packages/backend/convex/tables/atas.ts
@@ -18,10 +18,16 @@ export const atasTables = {
 
 	atasObjetos: defineTable({
 		ataId: v.id('atas'),
-		objetoId: v.id('objetos')
+		objetoId: v.id('objetos'),
+		// Configuração de limite de uso por (ataId, objetoId)
+		quantidadeTotal: v.optional(v.number()),
+		limitePercentual: v.optional(v.number()), // padrão lógico: 50
+		// Controle transacional para evitar corrida; se ausente, pode ser inicializado via rebuild.
+		quantidadeUsada: v.optional(v.number())
 	})
 		.index('by_ataId', ['ataId'])
-		.index('by_objetoId', ['objetoId']),
+		.index('by_objetoId', ['objetoId'])
+		.index('by_ataId_and_objetoId', ['ataId', 'objetoId']),
 
 	atasDocumentos: defineTable({
 		ataId: v.id('atas'),
diff --git a/packages/backend/convex/tables/pedidos.ts b/packages/backend/convex/tables/pedidos.ts
index a0d8b69..69e9d78 100644
--- a/packages/backend/convex/tables/pedidos.ts
+++ b/packages/backend/convex/tables/pedidos.ts
@@ -46,6 +46,7 @@ export const pedidosTables = {
 	})
 		.index('by_pedidoId', ['pedidoId'])
 		.index('by_objetoId', ['objetoId'])
+		.index('by_ataId_and_objetoId', ['ataId', 'objetoId'])
 		.index('by_adicionadoPor', ['adicionadoPor'])
 		.index('by_acaoId', ['acaoId']),
 

From fbf00c824ed206d00bffd9b164f29e587205af1c Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Tue, 16 Dec 2025 14:58:35 -0300
Subject: [PATCH 06/13] feat: add DFD number management to pedidos, including
 editing functionality and validation for sending to acceptance, enhancing
 data integrity and user feedback

---
 .../(dashboard)/pedidos/[id]/+page.svelte     | 172 ++++++++++++++----
 packages/backend/convex/pedidos.ts            |  64 ++++++-
 packages/backend/convex/tables/pedidos.ts     |   2 +
 3 files changed, 196 insertions(+), 42 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index 8b17615..325f843 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -385,6 +385,11 @@
 	let seiValue = $state('');
 	let updatingSei = $state(false);
 
+	// Edit DFD State
+	let editingDfd = $state(false);
+	let dfdValue = $state('');
+	let updatingDfd = $state(false);
+
 	// Item Details Modal State
 	let showDetailsModal = $state(false);
 	let selectedObjeto = $state<Doc<'objetos'> | null>(null);
@@ -820,6 +825,36 @@
 		seiValue = '';
 	}
 
+	async function handleUpdateDfd() {
+		if (!dfdValue.trim()) {
+			toast.error('O número DFD não pode estar vazio.');
+			return;
+		}
+		updatingDfd = true;
+		try {
+			await client.mutation(api.pedidos.updateDfdNumber, {
+				pedidoId,
+				numeroDfd: dfdValue
+			});
+			editingDfd = false;
+			toast.success('Número DFD atualizado com sucesso!');
+		} catch (e) {
+			toast.error('Erro ao atualizar número DFD: ' + (e as Error).message);
+		} finally {
+			updatingDfd = false;
+		}
+	}
+
+	function startEditingDfd() {
+		dfdValue = pedido?.numeroDfd || '';
+		editingDfd = true;
+	}
+
+	function cancelEditingDfd() {
+		editingDfd = false;
+		dfdValue = '';
+	}
+
 	function getStatusColor(status: string) {
 		switch (status) {
 			case 'em_rascunho':
@@ -853,6 +888,8 @@
 				return '🔄';
 			case 'atualizacao_sei':
 				return '📋';
+			case 'atualizacao_dfd':
+				return '📋';
 			case 'edicao_item':
 				return '✏️';
 			case 'solicitacao_ajuste':
@@ -898,7 +935,9 @@
 				case 'alteracao_status':
 					return `${entry.usuarioNome} alterou o status para "${formatStatus(detalhes.novoStatus)}"`;
 				case 'atualizacao_sei':
-					return `${entry.usuarioNome} atualizou o número SEI para "${detalhes.numeroSei}"`;
+					return `${entry.usuarioNome} atualizou o número SEI para "${detalhes.para}"`;
+				case 'atualizacao_dfd':
+					return `${entry.usuarioNome} atualizou o número DFD para "${detalhes.para}"`;
 				case 'edicao_item': {
 					const objeto = objetos.find((o) => o._id === detalhes.objetoId);
 					const nomeObjeto = objeto?.nome || 'Objeto desconhecido';
@@ -1111,53 +1150,102 @@
 		<div class="mb-6 flex items-start justify-between">
 			<div>
 				<h1 class="flex items-center gap-3 text-2xl font-bold">
-					{#if editingSei}
-						<div class="flex items-center gap-2">
-							<input
-								type="text"
-								bind:value={seiValue}
-								class="rounded border px-2 py-1 text-sm"
-								placeholder="Número SEI"
-								disabled={updatingSei}
-							/>
-							<button
-								onclick={handleUpdateSei}
-								disabled={updatingSei}
-								class="rounded bg-green-600 p-1 text-white hover:bg-green-700 disabled:opacity-50"
-								title="Salvar"
-							>
-								<Save size={16} />
-							</button>
-							<button
-								onclick={cancelEditingSei}
-								disabled={updatingSei}
-								class="rounded bg-gray-400 p-1 text-white hover:bg-gray-500 disabled:opacity-50"
-								title="Cancelar"
-							>
-								<X size={16} />
-							</button>
-						</div>
-					{:else}
-						<div class="flex items-center gap-2">
-							<span>Pedido {pedido.numeroSei || 'sem número SEI'}</span>
-							{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes'}
+					<div class="flex items-center gap-4">
+						{#if editingSei}
+							<div class="flex items-center gap-2">
+								<input
+									type="text"
+									bind:value={seiValue}
+									class="rounded border px-2 py-1 text-sm"
+									placeholder="Número SEI"
+									disabled={updatingSei}
+								/>
 								<button
-									onclick={startEditingSei}
-									class="rounded bg-blue-100 p-1 text-blue-600 hover:bg-blue-200"
-									title="Editar número SEI"
+									onclick={handleUpdateSei}
+									disabled={updatingSei}
+									class="rounded bg-green-600 p-1 text-white hover:bg-green-700 disabled:opacity-50"
+									title="Salvar"
 								>
-									<Edit size={16} />
+									<Save size={16} />
 								</button>
-							{/if}
-						</div>
-					{/if}
+								<button
+									onclick={cancelEditingSei}
+									disabled={updatingSei}
+									class="rounded bg-gray-400 p-1 text-white hover:bg-gray-500 disabled:opacity-50"
+									title="Cancelar"
+								>
+									<X size={16} />
+								</button>
+							</div>
+						{:else}
+							<div class="flex items-center gap-2">
+								<span>SEI: {pedido.numeroSei || 'sem número SEI'}</span>
+								{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes'}
+									<button
+										onclick={startEditingSei}
+										class="rounded bg-blue-100 p-1 text-blue-600 hover:bg-blue-200"
+										title="Editar número SEI"
+									>
+										<Edit size={16} />
+									</button>
+								{/if}
+							</div>
+						{/if}
+						{#if editingDfd}
+							<div class="flex items-center gap-2">
+								<input
+									type="text"
+									bind:value={dfdValue}
+									class="rounded border px-2 py-1 text-sm"
+									placeholder="Número DFD"
+									disabled={updatingDfd}
+								/>
+								<button
+									onclick={handleUpdateDfd}
+									disabled={updatingDfd}
+									class="rounded bg-green-600 p-1 text-white hover:bg-green-700 disabled:opacity-50"
+									title="Salvar"
+								>
+									<Save size={16} />
+								</button>
+								<button
+									onclick={cancelEditingDfd}
+									disabled={updatingDfd}
+									class="rounded bg-gray-400 p-1 text-white hover:bg-gray-500 disabled:opacity-50"
+									title="Cancelar"
+								>
+									<X size={16} />
+								</button>
+							</div>
+						{:else}
+							<div class="flex items-center gap-2">
+								<span>DFD: {pedido.numeroDfd || 'sem número DFD'}</span>
+								{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes'}
+									<button
+										onclick={startEditingDfd}
+										class="rounded bg-blue-100 p-1 text-blue-600 hover:bg-blue-200"
+										title="Editar número DFD"
+									>
+										<Edit size={16} />
+									</button>
+								{/if}
+							</div>
+						{/if}
+					</div>
 					<span class="rounded-full px-3 py-1 text-sm font-medium {getStatusColor(pedido.status)}">
 						{formatStatus(pedido.status)}
 					</span>
 				</h1>
 				{#if !pedido.numeroSei}
 					<p class="mt-1 text-sm text-amber-600">
-						⚠️ Este pedido não possui número SEI. Adicione um número SEI quando disponível.
+						⚠️ Este pedido não possui número SEI. Um número SEI deve ser informado antes de enviar
+						para aceite.
+					</p>
+				{/if}
+				{#if !pedido.numeroDfd}
+					<p class="mt-1 text-sm text-amber-600">
+						⚠️ Este pedido não possui número DFD. Um número DFD deve ser informado antes de enviar
+						para aceite.
 					</p>
 				{/if}
 				{#if pedido.status === 'precisa_ajustes' && pedido.descricaoAjuste}
@@ -1174,7 +1262,11 @@
 				{#if permissions?.canSendToAcceptance}
 					<button
 						onclick={handleEnviarParaAceite}
-						class="flex items-center gap-2 rounded bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
+						disabled={!pedido.numeroSei || !pedido.numeroDfd}
+						class={[
+							'flex items-center gap-2 rounded bg-blue-600 px-4 py-2 text-white hover:bg-blue-700',
+							!pedido.numeroSei || !pedido.numeroDfd ? 'cursor-not-allowed opacity-50' : ''
+						]}
 					>
 						<Send size={18} /> Enviar para Aceite
 					</button>
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index d678e3d..ce930b9 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -409,6 +409,7 @@ export const list = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: pedidoStatusValidator,
 			// acaoId removed from return
 			criadoPor: v.id('usuarios'),
@@ -433,6 +434,7 @@ export const list = query({
 					_id: p._id,
 					_creationTime: p._creationTime,
 					numeroSei: p.numeroSei,
+					numeroDfd: p.numeroDfd,
 					status: p.status,
 					criadoPor: p.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
@@ -455,6 +457,7 @@ export const get = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: pedidoStatusValidator,
 			acaoId: v.optional(v.id('acoes')),
 			criadoPor: v.id('usuarios'),
@@ -568,6 +571,7 @@ export const checkExisting = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: v.union(
 				v.literal('em_rascunho'),
 				v.literal('aguardando_aceite'),
@@ -662,6 +666,7 @@ export const checkExisting = query({
 					_id: pedido._id,
 					_creationTime: pedido._creationTime,
 					numeroSei: pedido.numeroSei,
+					numeroDfd: pedido.numeroDfd,
 					status: pedido.status,
 					criadoPor: pedido.criadoPor,
 					aceitoPor: pedido.aceitoPor,
@@ -684,6 +689,7 @@ export const listForAcceptance = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: v.string(),
 			criadoPor: v.id('usuarios'),
 			criadoPorNome: v.string(),
@@ -722,6 +728,7 @@ export const listForAcceptance = query({
 					_id: o._id,
 					_creationTime: o._creationTime,
 					numeroSei: o.numeroSei,
+					numeroDfd: o.numeroDfd,
 					status: o.status,
 					criadoPor: o.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
@@ -742,6 +749,7 @@ export const listMyAnalysis = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: v.string(),
 			criadoPor: v.id('usuarios'),
 			criadoPorNome: v.string(),
@@ -789,6 +797,7 @@ export const listMyAnalysis = query({
 					_id: o._id,
 					_creationTime: o._creationTime,
 					numeroSei: o.numeroSei,
+					numeroDfd: o.numeroDfd,
 					status: o.status,
 					criadoPor: o.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
@@ -816,6 +825,7 @@ export const listByItemCreator = query({
 			_id: v.id('pedidos'),
 			_creationTime: v.number(),
 			numeroSei: v.optional(v.string()),
+			numeroDfd: v.optional(v.string()),
 			status: pedidoStatusValidator,
 			aceitoPor: v.optional(v.id('funcionarios')),
 			criadoPor: v.id('usuarios'),
@@ -855,6 +865,7 @@ export const listByItemCreator = query({
 					_id: o._id,
 					_creationTime: o._creationTime,
 					numeroSei: o.numeroSei,
+					numeroDfd: o.numeroDfd,
 					status: o.status,
 					criadoPor: o.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
@@ -901,6 +912,7 @@ export const gerarRelatorio = query({
 				_id: v.id('pedidos'),
 				_creationTime: v.number(),
 				numeroSei: v.optional(v.string()),
+				numeroDfd: v.optional(v.string()),
 				status: pedidoStatusValidator,
 				criadoPor: v.id('usuarios'),
 				criadoPorNome: v.string(),
@@ -1111,6 +1123,7 @@ export const gerarRelatorio = query({
 					_id: p._id,
 					_creationTime: p._creationTime,
 					numeroSei: p.numeroSei,
+					numeroDfd: p.numeroDfd,
 					status: p.status,
 					criadoPor: p.criadoPor,
 					criadoPorNome: creator?.nome || 'Desconhecido',
@@ -1228,7 +1241,8 @@ export const acceptOrder = mutation({
 
 export const create = mutation({
 	args: {
-		numeroSei: v.optional(v.string())
+		numeroSei: v.optional(v.string()),
+		numeroDfd: v.optional(v.string())
 		// acaoId removed
 	},
 	returns: v.id('pedidos'),
@@ -1246,6 +1260,7 @@ export const create = mutation({
 		// 3. Create Order
 		const pedidoId = await ctx.db.insert('pedidos', {
 			numeroSei: args.numeroSei,
+			numeroDfd: args.numeroDfd,
 			status: 'em_rascunho',
 			criadoPor: user._id,
 			criadoEm: Date.now(),
@@ -1305,6 +1320,41 @@ export const updateSeiNumber = mutation({
 	}
 });
 
+export const updateDfdNumber = mutation({
+	args: {
+		pedidoId: v.id('pedidos'),
+		numeroDfd: v.string()
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		const pedido = await ctx.db.get(args.pedidoId);
+		if (!pedido) throw new Error('Pedido não encontrado.');
+
+		// Verificar se o pedido está em um status que permite edição
+		if (pedido.status !== 'em_rascunho' && pedido.status !== 'precisa_ajustes') {
+			throw new Error(
+				'Apenas pedidos em rascunho ou que precisam de ajustes podem ter o número DFD atualizado.'
+			);
+		}
+
+		const oldDfd = pedido.numeroDfd;
+
+		await ctx.db.patch(args.pedidoId, {
+			numeroDfd: args.numeroDfd,
+			atualizadoEm: Date.now()
+		});
+
+		await ctx.db.insert('historicoPedidos', {
+			pedidoId: args.pedidoId,
+			usuarioId: user._id,
+			acao: 'atualizacao_dfd',
+			detalhes: JSON.stringify({ de: oldDfd, para: args.numeroDfd }),
+			data: Date.now()
+		});
+	}
+});
+
 export const addItem = mutation({
 	args: {
 		pedidoId: v.id('pedidos'),
@@ -1635,7 +1685,8 @@ export const splitPedido = mutation({
 	args: {
 		pedidoId: v.id('pedidos'),
 		itemIds: v.array(v.id('objetoItems')),
-		numeroSei: v.optional(v.string())
+		numeroSei: v.optional(v.string()),
+		numeroDfd: v.optional(v.string())
 	},
 	returns: v.id('pedidos'),
 	handler: async (ctx, args) => {
@@ -1679,6 +1730,7 @@ export const splitPedido = mutation({
 
 		const novoPedidoId = await ctx.db.insert('pedidos', {
 			numeroSei: args.numeroSei,
+			numeroDfd: args.numeroDfd,
 			status: 'em_rascunho',
 			criadoPor: user._id,
 			criadoEm: Date.now(),
@@ -1936,6 +1988,14 @@ export const enviarParaAceite = mutation({
 			);
 		}
 
+		// Validar que numeroSei e numeroDfd estão preenchidos
+		if (!pedido.numeroSei || !pedido.numeroSei.trim()) {
+			throw new Error('O número SEI deve ser informado antes de enviar o pedido para aceite.');
+		}
+		if (!pedido.numeroDfd || !pedido.numeroDfd.trim()) {
+			throw new Error('O número DFD deve ser informado antes de enviar o pedido para aceite.');
+		}
+
 		const oldStatus = pedido.status;
 		const newStatus = 'aguardando_aceite';
 
diff --git a/packages/backend/convex/tables/pedidos.ts b/packages/backend/convex/tables/pedidos.ts
index 69e9d78..c3f6685 100644
--- a/packages/backend/convex/tables/pedidos.ts
+++ b/packages/backend/convex/tables/pedidos.ts
@@ -4,6 +4,7 @@ import { v } from 'convex/values';
 export const pedidosTables = {
 	pedidos: defineTable({
 		numeroSei: v.optional(v.string()),
+		numeroDfd: v.optional(v.string()),
 		status: v.union(
 			v.literal('em_rascunho'),
 			v.literal('aguardando_aceite'),
@@ -21,6 +22,7 @@ export const pedidosTables = {
 		atualizadoEm: v.number()
 	})
 		.index('by_numeroSei', ['numeroSei'])
+		.index('by_numeroDfd', ['numeroDfd'])
 		.index('by_status', ['status'])
 		.index('by_criadoPor', ['criadoPor'])
 		.index('by_aceitoPor', ['aceitoPor'])

From 9072619e267da2061790e30ebd0392584e25dabd Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Wed, 17 Dec 2025 10:39:33 -0300
Subject: [PATCH 07/13] feat: enhance ata management by adding dataProrrogacao
 field and updating related logic for effective date handling, improving data
 integrity and user experience in pedidos

---
 .../(dashboard)/compras/atas/+page.svelte     |  32 ++-
 .../(dashboard)/pedidos/[id]/+page.svelte     |  85 ++++--
 .../(dashboard)/pedidos/novo/+page.svelte     |  25 +-
 packages/backend/convex/atas.ts               |  20 +-
 packages/backend/convex/objetos.ts            | 249 ++++++++++++------
 packages/backend/convex/pedidos.ts            |  19 ++
 packages/backend/convex/tables/atas.ts        |   1 +
 packages/backend/convex/utils/datas.ts        |  74 +++++-
 8 files changed, 390 insertions(+), 115 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
index 999152d..1fd3b9c 100644
--- a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
@@ -4,6 +4,7 @@
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { Pencil, Plus, Trash2, X, Search, Check, FileText } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
+	import { formatarDataBR } from '$lib/utils/datas';
 
 	const client = useConvexClient();
 
@@ -41,7 +42,8 @@
 		numeroSei: '',
 		empresaId: '' as Id<'empresas'> | '',
 		dataInicio: '',
-		dataFim: ''
+		dataFim: '',
+		dataProrrogacao: ''
 	});
 	let selectedObjetos = $state<Id<'objetos'>[]>([]);
 	type ObjetoAtaConfig = {
@@ -72,7 +74,8 @@
 				numeroSei: ata.numeroSei,
 				empresaId: ata.empresaId,
 				dataInicio: ata.dataInicio || '',
-				dataFim: ata.dataFim || ''
+				dataFim: ata.dataFim || '',
+				dataProrrogacao: ata.dataProrrogacao || ''
 			};
 			// Fetch linked objects
 			const linkedObjetos = await client.query(api.atas.getObjetos, { id: ata._id });
@@ -96,7 +99,8 @@
 				numeroSei: '',
 				empresaId: '',
 				dataInicio: '',
-				dataFim: ''
+				dataFim: '',
+				dataProrrogacao: ''
 			};
 			selectedObjetos = [];
 			objetosConfig = {};
@@ -180,6 +184,7 @@
 				empresaId: formData.empresaId as Id<'empresas'>,
 				dataInicio: formData.dataInicio || undefined,
 				dataFim: formData.dataFim || undefined,
+				dataProrrogacao: formData.dataProrrogacao || undefined,
 				objetos
 			};
 
@@ -416,7 +421,13 @@
 											{getEmpresaNome(ata.empresaId)}
 										</td>
 										<td class="text-base-content/70 whitespace-nowrap">
-											{ata.dataInicio || '-'} a {ata.dataFim || '-'}
+											{ata.dataInicio ? formatarDataBR(ata.dataInicio) : '-'} a
+											{ata.dataFim ? formatarDataBR(ata.dataFim) : '-'}
+											{#if ata.dataProrrogacao}
+												<span class="text-base-content/50">
+													(prorrogação: {formatarDataBR(ata.dataProrrogacao)})</span
+												>
+											{/if}
 										</td>
 										<td class="text-right whitespace-nowrap">
 											<div class="flex items-center justify-end gap-1">
@@ -508,7 +519,7 @@
 								</select>
 							</div>
 
-							<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+							<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
 								<div class="form-control w-full">
 									<label class="label" for="dataInicio">
 										<span class="label-text font-semibold">Data Início</span>
@@ -531,6 +542,17 @@
 										bind:value={formData.dataFim}
 									/>
 								</div>
+								<div class="form-control w-full">
+									<label class="label" for="dataProrrogacao">
+										<span class="label-text font-semibold">Data Prorrogação</span>
+									</label>
+									<input
+										id="dataProrrogacao"
+										class="input input-bordered focus:input-primary w-full"
+										type="date"
+										bind:value={formData.dataProrrogacao}
+									/>
+								</div>
 							</div>
 						</div>
 
diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index 325f843..af1cecf 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -24,6 +24,7 @@
 	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
 	import { maskCurrencyBRL } from '$lib/utils/masks';
+	import { formatarDataBR } from '$lib/utils/datas';
 
 	const pedidoId = $derived(page.params.id as Id<'pedidos'>);
 	const client = useConvexClient();
@@ -84,7 +85,7 @@
 
 	// Atas por objeto (carregadas sob demanda)
 	type AtasComLimite = FunctionReturnType<typeof api.objetos.getAtasComLimite>;
-	let atasPorObjeto = $state<Record<string, AtasComLimite>>({});
+	let atasPorObjetoExtra = $state<Record<string, AtasComLimite>>({});
 
 	let editingItems = $state<Record<string, EditingItem>>({});
 
@@ -110,14 +111,39 @@
 	let selectedCount = $derived(selectedItemIds.size);
 	let hasSelection = $derived(selectedCount > 0);
 
-	// Garante que, para todos os itens existentes, as atas do respectivo objeto
-	// sejam carregadas independentemente do formulário de criação.
-	$effect(() => {
-		for (const item of items as unknown as PedidoItemForEdit[]) {
-			if (!atasPorObjeto[item.objetoId]) {
-				void loadAtasForObjeto(item.objetoId);
+	// Pela regra do backend, um pedido só pode ter uma ata (quando houver).
+	// Usamos isso para “forçar incluir” a ata atual do pedido na listagem do objeto,
+	// mesmo que esteja fora da janela (ex.: vencida há mais de 3 meses).
+	let pedidoAtaId = $derived.by(() => {
+		const withAta = (items as unknown as PedidoItemForEdit[]).find((i) => i.ataId);
+		return (withAta?.ataId ?? null) as Id<'atas'> | null;
+	});
+
+	// Carrega atas (para itens existentes) via query batch, evitando efeitos que mutam estado.
+	const atasBatchQuery = $derived.by(() =>
+		useQuery(api.objetos.getAtasComLimiteBatch, () => {
+			const ids: Id<'objetos'>[] = [];
+			const seen: Record<string, true> = {};
+			for (const item of items as unknown as PedidoItemForEdit[]) {
+				const key = String(item.objetoId);
+				if (seen[key]) continue;
+				seen[key] = true;
+				ids.push(item.objetoId);
 			}
+			return {
+				objetoIds: ids,
+				includeAtaIds: pedidoAtaId ? [pedidoAtaId] : undefined
+			};
+		})
+	);
+
+	let atasPorObjetoFromBatch = $derived.by(() => {
+		const map: Record<string, AtasComLimite> = {};
+		const data = atasBatchQuery.data || [];
+		for (const row of data) {
+			map[String(row.objetoId)] = row.atas;
 		}
+		return map;
 	});
 
 	// Group items by user
@@ -663,19 +689,20 @@
 	}
 
 	async function loadAtasForObjeto(objetoId: string) {
-		if (atasPorObjeto[objetoId]) return;
+		if (atasPorObjetoExtra[objetoId]) return;
 		try {
 			const linkedAtas = await client.query(api.objetos.getAtasComLimite, {
-				objetoId: objetoId as Id<'objetos'>
+				objetoId: objetoId as Id<'objetos'>,
+				includeAtaIds: pedidoAtaId ? [pedidoAtaId] : undefined
 			});
-			atasPorObjeto[objetoId] = linkedAtas;
+			atasPorObjetoExtra[objetoId] = linkedAtas;
 		} catch (e) {
 			console.error('Erro ao carregar atas para objeto', objetoId, e);
 		}
 	}
 
 	function getAtasForObjeto(objetoId: string): AtasComLimite {
-		return atasPorObjeto[objetoId] || [];
+		return atasPorObjetoExtra[objetoId] || atasPorObjetoFromBatch[objetoId] || [];
 	}
 
 	function handleObjetoChange(id: string) {
@@ -1664,11 +1691,18 @@
 									<option value="">Nenhuma</option>
 									{#each getAtasForObjeto(newItem.objetoId) as ata (ata._id)}
 										{@const isSelectedAta = String(ata._id) === newItem.ataId}
-										{@const reason = !ata.quantidadeTotal
-											? 'não configurada'
-											: ata.quantidadeUsada >= ata.limitePermitido
-												? 'limite atingido'
-												: null}
+										{@const reason =
+											ata.lockReason === 'nao_configurada'
+												? 'não configurada'
+												: ata.lockReason === 'limite_atingido'
+													? 'limite atingido'
+													: ata.lockReason === 'vigencia_expirada'
+														? `vigência encerrada em ${
+																ata.dataFimEfetiva || ata.dataFim
+																	? formatarDataBR((ata.dataFimEfetiva || ata.dataFim) as string)
+																	: '-'
+															}`
+														: null}
 										<option value={ata._id} disabled={ata.isLocked && !isSelectedAta}>
 											Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
 										</option>
@@ -1920,11 +1954,20 @@
 													{#each getAtasForObjeto(item.objetoId) as ata (ata._id)}
 														{@const currentAtaId = ensureEditingItem(item).ataId}
 														{@const isSelectedAta = String(ata._id) === currentAtaId}
-														{@const reason = !ata.quantidadeTotal
-															? 'não configurada'
-															: ata.quantidadeUsada >= ata.limitePermitido
-																? 'limite atingido'
-																: null}
+														{@const reason =
+															ata.lockReason === 'nao_configurada'
+																? 'não configurada'
+																: ata.lockReason === 'limite_atingido'
+																	? 'limite atingido'
+																	: ata.lockReason === 'vigencia_expirada'
+																		? `vigência encerrada em ${
+																				ata.dataFimEfetiva || ata.dataFim
+																					? formatarDataBR(
+																							(ata.dataFimEfetiva || ata.dataFim) as string
+																						)
+																					: '-'
+																			}`
+																		: null}
 														<option value={ata._id} disabled={ata.isLocked && !isSelectedAta}>
 															Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
 														</option>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
index 23dc799..a8bfe63 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
@@ -6,6 +6,7 @@
 	import { Plus, Trash2, X, Info } from 'lucide-svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
+	import { formatarDataBR } from '$lib/utils/datas';
 
 	const client = useConvexClient();
 
@@ -635,11 +636,18 @@
 							>
 								<option value="">Nenhuma</option>
 								{#each availableAtas as ata (ata._id)}
-									{@const reason = !ata.quantidadeTotal
-										? 'não configurada'
-										: ata.quantidadeUsada >= ata.limitePermitido
-											? 'limite atingido'
-											: null}
+									{@const reason =
+										ata.lockReason === 'nao_configurada'
+											? 'não configurada'
+											: ata.lockReason === 'limite_atingido'
+												? 'limite atingido'
+												: ata.lockReason === 'vigencia_expirada'
+													? `vigência encerrada em ${
+															ata.dataFimEfetiva || ata.dataFim
+																? formatarDataBR((ata.dataFimEfetiva || ata.dataFim) as string)
+																: '-'
+														}`
+													: null}
 									<option value={ata._id} disabled={ata.isLocked}>
 										Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
 									</option>
@@ -735,7 +743,12 @@
 							{#if detailsItem.ata.dataInicio}
 								<p class="text-green-800">
 									<strong>Vigência:</strong>
-									{detailsItem.ata.dataInicio} até {detailsItem.ata.dataFim || 'Indefinido'}
+									{formatarDataBR(detailsItem.ata.dataInicio)} até {detailsItem.ata
+										.dataFimEfetiva || detailsItem.ata.dataFim
+										? formatarDataBR(
+												(detailsItem.ata.dataFimEfetiva || detailsItem.ata.dataFim) as string
+											)
+										: 'Indefinido'}
 								</p>
 							{/if}
 						</div>
diff --git a/packages/backend/convex/atas.ts b/packages/backend/convex/atas.ts
index 2bfa112..095b39d 100644
--- a/packages/backend/convex/atas.ts
+++ b/packages/backend/convex/atas.ts
@@ -45,12 +45,22 @@ export const list = query({
 			// Filtro por intervalo (range): retorna atas cuja vigência intersecta o período informado.
 			// Considera datas como strings "YYYY-MM-DD" (lexicograficamente comparáveis).
 			const ataInicio = ata.dataInicio ?? '0000-01-01';
-			const ataFim = ata.dataFim ?? '9999-12-31';
+			const ataFimEfetivo = (() => {
+				const a = ata.dataFim;
+				const b = (ata as { dataProrrogacao?: string }).dataProrrogacao;
+				if (!a && !b) return '9999-12-31';
+				if (!a) return b!;
+				if (!b) return a;
+				return a >= b ? a : b;
+			})();
 
 			const periodoOk =
 				(!periodoInicio && !periodoFim) ||
-				(periodoInicio && periodoFim && ataInicio <= periodoFim && ataFim >= periodoInicio) ||
-				(periodoInicio && !periodoFim && ataFim >= periodoInicio) ||
+				(periodoInicio &&
+					periodoFim &&
+					ataInicio <= periodoFim &&
+					ataFimEfetivo >= periodoInicio) ||
+				(periodoInicio && !periodoFim && ataFimEfetivo >= periodoInicio) ||
 				(!periodoInicio && periodoFim && ataInicio <= periodoFim);
 
 			return numeroOk && seiOk && periodoOk;
@@ -149,6 +159,7 @@ export const create = mutation({
 		numero: v.string(),
 		dataInicio: v.optional(v.string()),
 		dataFim: v.optional(v.string()),
+		dataProrrogacao: v.optional(v.string()),
 		empresaId: v.id('empresas'),
 		numeroSei: v.string(),
 		objetos: v.array(
@@ -174,6 +185,7 @@ export const create = mutation({
 			empresaId: args.empresaId,
 			dataInicio: args.dataInicio,
 			dataFim: args.dataFim,
+			dataProrrogacao: args.dataProrrogacao,
 			criadoPor: user._id,
 			criadoEm: Date.now(),
 			atualizadoEm: Date.now()
@@ -205,6 +217,7 @@ export const update = mutation({
 		empresaId: v.id('empresas'),
 		dataInicio: v.optional(v.string()),
 		dataFim: v.optional(v.string()),
+		dataProrrogacao: v.optional(v.string()),
 		objetos: v.array(
 			v.object({
 				objetoId: v.id('objetos'),
@@ -228,6 +241,7 @@ export const update = mutation({
 			empresaId: args.empresaId,
 			dataInicio: args.dataInicio,
 			dataFim: args.dataFim,
+			dataProrrogacao: args.dataProrrogacao,
 			atualizadoEm: Date.now()
 		});
 
diff --git a/packages/backend/convex/objetos.ts b/packages/backend/convex/objetos.ts
index 87b4594..0ea410c 100644
--- a/packages/backend/convex/objetos.ts
+++ b/packages/backend/convex/objetos.ts
@@ -1,7 +1,154 @@
 import { v } from 'convex/values';
 import { mutation, query } from './_generated/server';
 import type { Id } from './_generated/dataModel';
+import type { QueryCtx } from './_generated/server';
 import { getCurrentUserFunction } from './auth';
+import { addMonthsClampedYMD, getTodayYMD, isWithinRangeYMD, maxYMD } from './utils/datas';
+
+const ataComLimiteValidator = v.object({
+	_id: v.id('atas'),
+	numero: v.string(),
+	numeroSei: v.string(),
+	dataInicio: v.union(v.string(), v.null()),
+	dataFim: v.union(v.string(), v.null()),
+	dataProrrogacao: v.union(v.string(), v.null()),
+	dataFimEfetiva: v.union(v.string(), v.null()),
+	quantidadeTotal: v.union(v.number(), v.null()),
+	limitePercentual: v.number(),
+	quantidadeUsada: v.number(),
+	limitePermitido: v.number(),
+	restante: v.number(),
+	isLocked: v.boolean(),
+	isVencidaRecentemente: v.boolean(),
+	lockReason: v.union(
+		v.literal('vigencia_expirada'),
+		v.literal('limite_atingido'),
+		v.literal('nao_configurada'),
+		v.null()
+	)
+});
+
+async function computeAtasComLimiteForObjeto(
+	ctx: QueryCtx,
+	objetoId: Id<'objetos'>,
+	includeAtaIds?: Id<'atas'>[]
+) {
+	const today = getTodayYMD();
+	const threeMonthsAgo = addMonthsClampedYMD(today, -3);
+	const includeSet = new Set<Id<'atas'>>(includeAtaIds ?? []);
+
+	const links = await ctx.db
+		.query('atasObjetos')
+		.withIndex('by_objetoId', (q) => q.eq('objetoId', objetoId))
+		.collect();
+
+	const results: Array<{
+		_id: Id<'atas'>;
+		numero: string;
+		numeroSei: string;
+		dataInicio: string | null;
+		dataFim: string | null;
+		dataProrrogacao: string | null;
+		dataFimEfetiva: string | null;
+		quantidadeTotal: number | null;
+		limitePercentual: number;
+		quantidadeUsada: number;
+		limitePermitido: number;
+		restante: number;
+		isLocked: boolean;
+		isVencidaRecentemente: boolean;
+		lockReason: 'vigencia_expirada' | 'limite_atingido' | 'nao_configurada' | null;
+	}> = [];
+
+	for (const link of links) {
+		const ata = await ctx.db.get(link.ataId);
+		if (!ata) continue;
+
+		const dataProrrogacao = (ata as { dataProrrogacao?: string }).dataProrrogacao ?? null;
+		const dataFimEfetiva = maxYMD(ata.dataFim ?? null, dataProrrogacao);
+
+		const vigenteHoje = isWithinRangeYMD(today, ata.dataInicio ?? null, dataFimEfetiva);
+		const isVencidaRecentemente =
+			!!dataFimEfetiva && dataFimEfetiva < today && dataFimEfetiva >= threeMonthsAgo;
+
+		// Para seleção em pedidos: manter somente vigentes e vencidas recentemente,
+		// mas permitir incluir atas específicas (ex.: já selecionadas em pedido antigo).
+		const shouldForceInclude = includeSet.has(ata._id);
+		if (!shouldForceInclude && !vigenteHoje && !isVencidaRecentemente) {
+			continue;
+		}
+		const isForaDaVigencia = !vigenteHoje;
+
+		let quantidadeUsada = link.quantidadeUsada ?? 0;
+		if (link.quantidadeUsada === undefined) {
+			const items = await ctx.db
+				.query('objetoItems')
+				.withIndex('by_ataId_and_objetoId', (q) =>
+					q.eq('ataId', link.ataId).eq('objetoId', link.objetoId)
+				)
+				.collect();
+
+			const sumByPedidoId = new Map<Id<'pedidos'>, number>();
+			for (const item of items) {
+				const prev = sumByPedidoId.get(item.pedidoId) ?? 0;
+				sumByPedidoId.set(item.pedidoId, prev + item.quantidade);
+			}
+
+			let total = 0;
+			for (const [pedidoId, sum] of sumByPedidoId.entries()) {
+				const pedido = await ctx.db.get(pedidoId);
+				if (pedido && pedido.status !== 'cancelado') {
+					total += sum;
+				}
+			}
+			quantidadeUsada = total;
+		}
+
+		const quantidadeTotal = link.quantidadeTotal ?? null;
+		const limitePercentualRaw = link.limitePercentual ?? 50;
+		const limitePercentual = Number.isFinite(limitePercentualRaw)
+			? Math.min(100, Math.max(0, limitePercentualRaw))
+			: 50;
+
+		const limitePermitido =
+			quantidadeTotal && quantidadeTotal > 0
+				? Math.floor(quantidadeTotal * (limitePercentual / 100))
+				: 0;
+
+		const restante = Math.max(0, limitePermitido - quantidadeUsada);
+
+		const lockReason: 'nao_configurada' | 'limite_atingido' | 'vigencia_expirada' | null =
+			!quantidadeTotal || quantidadeTotal <= 0
+				? 'nao_configurada'
+				: quantidadeUsada >= limitePermitido
+					? 'limite_atingido'
+					: isForaDaVigencia
+						? 'vigencia_expirada'
+						: null;
+
+		const isLocked = lockReason !== null;
+
+		results.push({
+			_id: ata._id,
+			numero: ata.numero,
+			numeroSei: ata.numeroSei,
+			dataInicio: ata.dataInicio ?? null,
+			dataFim: ata.dataFim ?? null,
+			dataProrrogacao,
+			dataFimEfetiva,
+			quantidadeTotal,
+			limitePercentual,
+			quantidadeUsada,
+			limitePermitido,
+			restante,
+			isLocked,
+			isVencidaRecentemente,
+			lockReason
+		});
+	}
+
+	return results;
+}
 
 export const list = query({
 	args: {
@@ -147,89 +294,39 @@ export const getAtas = query({
 });
 
 export const getAtasComLimite = query({
-	args: { objetoId: v.id('objetos') },
+	args: {
+		objetoId: v.id('objetos'),
+		// Permite incluir atas específicas (ex.: já selecionadas em um pedido antigo),
+		// mesmo que não estejam vigentes ou não tenham vencido nos últimos 3 meses.
+		includeAtaIds: v.optional(v.array(v.id('atas')))
+	},
+	returns: v.array(ataComLimiteValidator),
+	handler: async (ctx, args) => {
+		return await computeAtasComLimiteForObjeto(ctx, args.objetoId, args.includeAtaIds);
+	}
+});
+
+export const getAtasComLimiteBatch = query({
+	args: {
+		objetoIds: v.array(v.id('objetos')),
+		includeAtaIds: v.optional(v.array(v.id('atas')))
+	},
 	returns: v.array(
 		v.object({
-			_id: v.id('atas'),
-			numero: v.string(),
-			numeroSei: v.string(),
-			dataInicio: v.union(v.string(), v.null()),
-			dataFim: v.union(v.string(), v.null()),
-			quantidadeTotal: v.union(v.number(), v.null()),
-			limitePercentual: v.number(),
-			quantidadeUsada: v.number(),
-			limitePermitido: v.number(),
-			restante: v.number(),
-			isLocked: v.boolean()
+			objetoId: v.id('objetos'),
+			atas: v.array(ataComLimiteValidator)
 		})
 	),
 	handler: async (ctx, args) => {
-		const links = await ctx.db
-			.query('atasObjetos')
-			.withIndex('by_objetoId', (q) => q.eq('objetoId', args.objetoId))
-			.collect();
+		if (args.objetoIds.length === 0) return [];
+		const include = args.includeAtaIds ?? [];
 
-		const results = [];
-		for (const link of links) {
-			const ata = await ctx.db.get(link.ataId);
-			if (!ata) continue;
-
-			let quantidadeUsada = link.quantidadeUsada ?? 0;
-			if (link.quantidadeUsada === undefined) {
-				const items = await ctx.db
-					.query('objetoItems')
-					.withIndex('by_ataId_and_objetoId', (q) =>
-						q.eq('ataId', link.ataId).eq('objetoId', link.objetoId)
-					)
-					.collect();
-
-				const sumByPedidoId = new Map<Id<'pedidos'>, number>();
-				for (const item of items) {
-					const prev = sumByPedidoId.get(item.pedidoId) ?? 0;
-					sumByPedidoId.set(item.pedidoId, prev + item.quantidade);
-				}
-
-				let total = 0;
-				for (const [pedidoId, sum] of sumByPedidoId.entries()) {
-					const pedido = await ctx.db.get(pedidoId);
-					if (pedido && pedido.status !== 'cancelado') {
-						total += sum;
-					}
-				}
-				quantidadeUsada = total;
-			}
-
-			const quantidadeTotal = link.quantidadeTotal ?? null;
-			const limitePercentualRaw = link.limitePercentual ?? 50;
-			const limitePercentual = Number.isFinite(limitePercentualRaw)
-				? Math.min(100, Math.max(0, limitePercentualRaw))
-				: 50;
-
-			const limitePermitido =
-				quantidadeTotal && quantidadeTotal > 0
-					? Math.floor(quantidadeTotal * (limitePercentual / 100))
-					: 0;
-
-			const restante = Math.max(0, limitePermitido - quantidadeUsada);
-			const isLocked =
-				!quantidadeTotal || quantidadeTotal <= 0 || quantidadeUsada >= limitePermitido;
-
-			results.push({
-				_id: ata._id,
-				numero: ata.numero,
-				numeroSei: ata.numeroSei,
-				dataInicio: ata.dataInicio ?? null,
-				dataFim: ata.dataFim ?? null,
-				quantidadeTotal,
-				limitePercentual,
-				quantidadeUsada,
-				limitePermitido,
-				restante,
-				isLocked
-			});
+		const out = [];
+		for (const objetoId of args.objetoIds) {
+			const atas = await computeAtasComLimiteForObjeto(ctx, objetoId, include);
+			out.push({ objetoId, atas });
 		}
-
-		return results;
+		return out;
 	}
 });
 
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index ce930b9..09f1cfc 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -4,6 +4,7 @@ import type { Doc, Id } from './_generated/dataModel';
 import type { MutationCtx, QueryCtx } from './_generated/server';
 import { internalMutation, mutation, query } from './_generated/server';
 import { getCurrentUserFunction } from './auth';
+import { getTodayYMD, isWithinRangeYMD, maxYMD } from './utils/datas';
 
 // ========== HELPERS ==========
 
@@ -309,6 +310,24 @@ async function assertAtaObjetoCanConsume(
 	delta: number
 ) {
 	if (!Number.isFinite(delta) || delta <= 0) return;
+
+	// Bloqueia consumo se a ata estiver fora da vigência (considerando prorrogação).
+	const ata = await ctx.db.get(ataId);
+	if (!ata) {
+		throw new Error('Ata não encontrada.');
+	}
+	const dataProrrogacao = (ata as { dataProrrogacao?: string }).dataProrrogacao ?? null;
+	const dataFimEfetiva = maxYMD(ata.dataFim ?? null, dataProrrogacao);
+	const today = getTodayYMD();
+	const vigenteHoje = isWithinRangeYMD(today, ata.dataInicio ?? null, dataFimEfetiva);
+	if (!vigenteHoje) {
+		const inicioLabel = ata.dataInicio ?? 'sem início';
+		const fimLabel = dataFimEfetiva ?? 'sem fim';
+		throw new Error(
+			`Não é possível consumir esta ata pois ela está fora da vigência. Vigência: ${inicioLabel} até ${fimLabel}.`
+		);
+	}
+
 	const info = await getAtaObjetoUsageInfo(ctx, ataId, objetoId, true);
 	if (info.quantidadeUsada + delta > info.limitePermitido) {
 		throw new Error(
diff --git a/packages/backend/convex/tables/atas.ts b/packages/backend/convex/tables/atas.ts
index 277962f..b1305e8 100644
--- a/packages/backend/convex/tables/atas.ts
+++ b/packages/backend/convex/tables/atas.ts
@@ -6,6 +6,7 @@ export const atasTables = {
 		numero: v.string(),
 		dataInicio: v.optional(v.string()),
 		dataFim: v.optional(v.string()),
+		dataProrrogacao: v.optional(v.string()),
 		empresaId: v.id('empresas'),
 		numeroSei: v.string(),
 		criadoPor: v.id('usuarios'),
diff --git a/packages/backend/convex/utils/datas.ts b/packages/backend/convex/utils/datas.ts
index 62515ea..9b5b9d8 100644
--- a/packages/backend/convex/utils/datas.ts
+++ b/packages/backend/convex/utils/datas.ts
@@ -7,10 +7,10 @@
  * Converte uma string de data no formato YYYY-MM-DD para um objeto Date local
  * No ambiente Convex, as datas são tratadas como UTC, então precisamos garantir
  * que a data seja interpretada corretamente.
- * 
+ *
  * @param dateString - String no formato YYYY-MM-DD
  * @returns Date objeto representando a data
- * 
+ *
  * @example
  * parseLocalDate('2024-01-15') // Retorna Date para 15/01/2024
  */
@@ -42,13 +42,13 @@ export function parseLocalDate(dateString: string): Date {
 
 /**
  * Formata uma data para o formato brasileiro (DD/MM/YYYY)
- * 
+ *
  * @param date - Date objeto ou string no formato YYYY-MM-DD
  * @returns String formatada no formato DD/MM/YYYY
  */
 export function formatarDataBR(date: Date | string): string {
 	let dateObj: Date;
-	
+
 	if (typeof date === 'string') {
 		dateObj = parseLocalDate(date);
 	} else {
@@ -63,3 +63,69 @@ export function formatarDataBR(date: Date | string): string {
 	return `${day}/${month}/${year}`;
 }
 
+function pad2(n: number): string {
+	return String(n).padStart(2, '0');
+}
+
+/**
+ * Retorna a data atual (UTC) no formato YYYY-MM-DD.
+ * Útil para comparações lexicográficas com strings YYYY-MM-DD persistidas no banco.
+ */
+export function getTodayYMD(): string {
+	const now = new Date();
+	const y = now.getUTCFullYear();
+	const m = now.getUTCMonth() + 1;
+	const d = now.getUTCDate();
+	return `${y}-${pad2(m)}-${pad2(d)}`;
+}
+
+/**
+ * Soma meses (calendário) a uma data YYYY-MM-DD, mantendo o dia quando possível,
+ * e fazendo clamp para o último dia do mês quando necessário.
+ *
+ * Ex.: 2025-03-31 + (-1) mês => 2025-02-28 (ou 29 em ano bissexto)
+ */
+export function addMonthsClampedYMD(dateString: string, deltaMonths: number): string {
+	const base = parseLocalDate(dateString); // UTC midnight
+	const year = base.getUTCFullYear();
+	const monthIndex = base.getUTCMonth(); // 0..11
+	const day = base.getUTCDate();
+
+	const totalMonths = monthIndex + deltaMonths;
+	const newYear = year + Math.floor(totalMonths / 12);
+	let newMonthIndex = totalMonths % 12;
+	if (newMonthIndex < 0) {
+		newMonthIndex += 12;
+	}
+
+	// Último dia do mês alvo
+	const lastDay = new Date(Date.UTC(newYear, newMonthIndex + 1, 0)).getUTCDate();
+	const newDay = Math.min(day, lastDay);
+
+	return `${newYear}-${pad2(newMonthIndex + 1)}-${pad2(newDay)}`;
+}
+
+/**
+ * Retorna o maior (mais recente) entre duas datas YYYY-MM-DD (lexicograficamente).
+ * Se uma delas for null/undefined, retorna a outra.
+ */
+export function maxYMD(a?: string | null, b?: string | null): string | null {
+	if (!a && !b) return null;
+	if (!a) return b ?? null;
+	if (!b) return a;
+	return a >= b ? a : b;
+}
+
+/**
+ * Checa se `date` está dentro do intervalo [inicio..fim], onde
+ * `inicio` e `fim` são YYYY-MM-DD (ou null para aberto).
+ */
+export function isWithinRangeYMD(
+	date: string,
+	inicio?: string | null,
+	fim?: string | null
+): boolean {
+	const start = inicio ?? '0000-01-01';
+	const end = fim ?? '9999-12-31';
+	return start <= date && date <= end;
+}

From 551a2fed0009e043bc60886a82e701e635107da9 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Wed, 17 Dec 2025 11:28:08 -0300
Subject: [PATCH 08/13] refactor: streamline authentication logic in dashboard
 and login routes by removing unnecessary error handling and improving user
 session validation, enhancing code clarity and maintainability

---
 .../src/routes/(dashboard)/+layout.server.ts  | 18 +++++------
 .../src/routes/(public)/login/+page.server.ts | 30 +++++++++----------
 packages/backend/convex/auth.ts               |  2 --
 3 files changed, 21 insertions(+), 29 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/+layout.server.ts b/apps/web/src/routes/(dashboard)/+layout.server.ts
index af4e7b3..8d58958 100644
--- a/apps/web/src/routes/(dashboard)/+layout.server.ts
+++ b/apps/web/src/routes/(dashboard)/+layout.server.ts
@@ -1,21 +1,17 @@
 import { createConvexHttpClient } from '@mmailaender/convex-better-auth-svelte/sveltekit';
 import { api } from '@sgse-app/backend/convex/_generated/api';
-import { error, redirect } from '@sveltejs/kit';
-import type { FunctionReference } from 'convex/server';
+import { redirect } from '@sveltejs/kit';
 
 export const load = async ({ locals, url }) => {
 	if (!locals.token) {
 		throw redirect(302, '/login?redirect=' + url.pathname);
 	}
-	try {
-		const client = createConvexHttpClient({ token: locals.token });
-		const currentUser = await client.query(api.auth.getCurrentUser as FunctionReference<'query'>);
 
-		if (!currentUser) {
-			throw redirect(302, '/login?redirect=' + url.pathname);
-		}
-		return { currentUser };
-	} catch {
-		return error(500, 'Ops! Ocorreu um erro, tente novamente mais tarde.');
+	const client = createConvexHttpClient({ token: locals.token });
+	const currentUser = await client.query(api.auth.getCurrentUser);
+
+	if (!currentUser) {
+		throw redirect(302, '/login?redirect=' + url.pathname);
 	}
+	return { currentUser };
 };
diff --git a/apps/web/src/routes/(public)/login/+page.server.ts b/apps/web/src/routes/(public)/login/+page.server.ts
index 6a7a227..34144a4 100644
--- a/apps/web/src/routes/(public)/login/+page.server.ts
+++ b/apps/web/src/routes/(public)/login/+page.server.ts
@@ -1,24 +1,22 @@
 import { createConvexHttpClient } from '@mmailaender/convex-better-auth-svelte/sveltekit';
 import { api } from '@sgse-app/backend/convex/_generated/api';
 import { redirect } from '@sveltejs/kit';
-import type { FunctionReference } from 'convex/server';
 
 export const load = async ({ locals, url }) => {
-	try {
-		const client = createConvexHttpClient({ token: locals.token });
-		const currentUser = await client.query(api.auth.getCurrentUser as FunctionReference<'query'>);
-
-		if (currentUser) {
-			const redirectTo = url.searchParams.get('redirect');
-			if (redirectTo && redirectTo.startsWith('/')) {
-				throw redirect(302, redirectTo);
-			}
-			throw redirect(302, '/');
-		}
-	} catch (error) {
-		// Se houver falha transitória na API/auth, ainda assim permitir renderizar a página de login.
-		console.error('Erro ao validar sessão na página de login:', error);
+	if (!locals.token) {
+		return { currentUser: null };
 	}
 
-	return {};
+	const client = createConvexHttpClient({ token: locals.token });
+	const currentUser = await client.query(api.auth.getCurrentUser);
+
+	if (currentUser) {
+		const redirectTo = url.searchParams.get('redirect');
+		if (redirectTo && redirectTo.startsWith('/')) {
+			throw redirect(302, redirectTo);
+		}
+		throw redirect(302, '/');
+	}
+
+	return { currentUser };
 };
diff --git a/packages/backend/convex/auth.ts b/packages/backend/convex/auth.ts
index 74bcde5..76bd874 100644
--- a/packages/backend/convex/auth.ts
+++ b/packages/backend/convex/auth.ts
@@ -8,8 +8,6 @@ import { type MutationCtx, type QueryCtx, query } from './_generated/server';
 // Usar SITE_URL se disponível, caso contrário usar CONVEX_SITE_URL ou um valor padrão
 const siteUrl = process.env.SITE_URL || process.env.CONVEX_SITE_URL || 'http://localhost:5173';
 
-console.log('siteUrl:', siteUrl);
-
 // The component client has methods needed for integrating Convex with Better Auth,
 // as well as helper methods for general use.
 export const authComponent = createClient<DataModel>(components.betterAuth);

From 69914170bf9c48acb1c4923924aeeb46c75784a5 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Wed, 17 Dec 2025 21:42:35 -0300
Subject: [PATCH 09/13] feat: enhance pedidos functionality by adding new
 submenu options for creating and planning orders, improving user navigation
 and access control in the sidebar; also implement URL-based prefill for
 adding items, ensuring a smoother user experience when creating pedidos

---
 apps/web/src/lib/components/Sidebar.svelte    |  17 +-
 .../(dashboard)/pedidos/[id]/+page.svelte     |  97 +-
 .../pedidos/planejamento/+page.server.ts      |   3 +
 .../pedidos/planejamento/+page.svelte         | 305 ++++++
 .../pedidos/planejamento/[id]/+page.server.ts |   3 +
 .../pedidos/planejamento/[id]/+page.svelte    | 875 ++++++++++++++++++
 packages/backend/convex/_generated/api.d.ts   |   4 +
 packages/backend/convex/pedidos.ts            | 115 ++-
 packages/backend/convex/planejamentos.ts      | 514 ++++++++++
 packages/backend/convex/schema.ts             |   2 +
 packages/backend/convex/tables/pedidos.ts     |  13 +-
 .../backend/convex/tables/planejamentos.ts    |  45 +
 12 files changed, 1896 insertions(+), 97 deletions(-)
 create mode 100644 apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.server.ts
 create mode 100644 apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
 create mode 100644 apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.server.ts
 create mode 100644 apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
 create mode 100644 packages/backend/convex/planejamentos.ts
 create mode 100644 packages/backend/convex/tables/planejamentos.ts

diff --git a/apps/web/src/lib/components/Sidebar.svelte b/apps/web/src/lib/components/Sidebar.svelte
index d040a3f..a13dcb0 100644
--- a/apps/web/src/lib/components/Sidebar.svelte
+++ b/apps/web/src/lib/components/Sidebar.svelte
@@ -108,11 +108,26 @@
 			link: '/pedidos',
 			permission: { recurso: 'pedidos', acao: 'listar' },
 			submenus: [
+				{
+					label: 'Novo Pedido',
+					link: '/pedidos/novo',
+					permission: { recurso: 'pedidos', acao: 'criar' }
+				},
+				{
+					label: 'Planejamentos',
+					link: '/pedidos/planejamento',
+					permission: { recurso: 'pedidos', acao: 'listar' }
+				},
 				{
 					label: 'Meus Pedidos',
 					link: '/pedidos',
 					permission: { recurso: 'pedidos', acao: 'listar' },
-					excludePaths: ['/pedidos/aceite', '/pedidos/minhas-analises']
+					excludePaths: [
+						'/pedidos/aceite',
+						'/pedidos/minhas-analises',
+						'/pedidos/novo',
+						'/pedidos/planejamento'
+					]
 				},
 				{
 					label: 'Pedidos para Aceite',
diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index af1cecf..7bdba57 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -20,9 +20,10 @@
 		X,
 		XCircle
 	} from 'lucide-svelte';
-	import { goto } from '$app/navigation';
+	import { afterNavigate, goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
+	import { onMount } from 'svelte';
 	import { maskCurrencyBRL } from '$lib/utils/masks';
 	import { formatarDataBR } from '$lib/utils/datas';
 
@@ -167,7 +168,6 @@
 			itemsQuery.isLoading ||
 			historyQuery.isLoading ||
 			objetosQuery.isLoading ||
-			objetosQuery.isLoading ||
 			acoesQuery.isLoading ||
 			permissionsQuery.isLoading ||
 			requestsQuery.isLoading ||
@@ -394,6 +394,7 @@
 
 	// Add Item State
 	let showAddItem = $state(false);
+	let hasAppliedAddItemPrefill = $state(false);
 	let newItem = $state({
 		objetoId: '' as string,
 		valorEstimado: '',
@@ -404,7 +405,46 @@
 	});
 	let addingItem = $state(false);
 
-	let hasAppliedPrefill = $state(false);
+	function applyAddItemPrefillFromUrl() {
+		if (hasAppliedAddItemPrefill) return;
+
+		const obj = page.url.searchParams.get('obj');
+		if (!obj) return;
+
+		const qtdRaw = page.url.searchParams.get('qtd');
+		const qtd = qtdRaw ? Number.parseInt(qtdRaw, 10) : 1;
+
+		const mod = page.url.searchParams.get('mod') ?? '';
+		const acao = page.url.searchParams.get('acao') ?? '';
+		const ata = page.url.searchParams.get('ata') ?? '';
+
+		showAddItem = true;
+		newItem.objetoId = obj;
+		newItem.quantidade = Number.isFinite(qtd) && qtd > 0 ? qtd : 1;
+		newItem.modalidade = coerceModalidade(mod);
+		newItem.acaoId = acao;
+		newItem.ataId = ata;
+
+		const objeto = objetos.find((o: Doc<'objetos'>) => o._id === obj);
+		newItem.valorEstimado = maskCurrencyBRL(objeto?.valorEstimado || '');
+
+		void loadAtasForObjeto(obj);
+
+		hasAppliedAddItemPrefill = true;
+		void goto(resolve(`/pedidos/${pedidoId}`), {
+			replaceState: true,
+			noScroll: true,
+			keepFocus: true
+		});
+	}
+
+	onMount(() => {
+		applyAddItemPrefillFromUrl();
+	});
+
+	afterNavigate(() => {
+		applyAddItemPrefillFromUrl();
+	});
 
 	// Edit SEI State
 	let editingSei = $state(false);
@@ -470,47 +510,6 @@
 		selectedObjeto = null;
 	}
 
-	$effect(() => {
-		if (hasAppliedPrefill) return;
-		if (objetosQuery.isLoading || acoesQuery.isLoading) return;
-
-		const url = page.url;
-		const obj = url.searchParams.get('obj');
-		const qtdStr = url.searchParams.get('qtd');
-		const mod = url.searchParams.get('mod') as Modalidade | null;
-		const acao = url.searchParams.get('acao');
-		const ata = url.searchParams.get('ata');
-
-		if (!obj) return;
-
-		const objeto = objetos.find((o) => o._id === obj);
-		if (!objeto) return;
-
-		let quantidade = parseInt(qtdStr || '1', 10);
-		if (!Number.isFinite(quantidade) || quantidade <= 0) {
-			quantidade = 1;
-		}
-
-		const modalidade: Modalidade =
-			mod === 'dispensa' || mod === 'inexgibilidade' || mod === 'adesao' || mod === 'consumo'
-				? mod
-				: 'consumo';
-
-		showAddItem = true;
-		newItem = {
-			objetoId: obj,
-			valorEstimado: maskCurrencyBRL(objeto.valorEstimado || ''),
-			quantidade,
-			modalidade,
-			acaoId: acao || '',
-			ataId: ata || ''
-		};
-
-		void loadAtasForObjeto(obj);
-
-		hasAppliedPrefill = true;
-	});
-
 	async function handleAddItem() {
 		if (!pedido || !newItem.objetoId || !newItem.valorEstimado) return;
 
@@ -519,17 +518,19 @@
 		if (items.length > 0) {
 			const referenceItem = items[0];
 
-			const referenceModalidade = referenceItem.modalidade as Modalidade;
+			const referenceModalidade = (referenceItem.modalidade as Modalidade | undefined) ?? undefined;
 			const referenceAtaId = (('ataId' in referenceItem ? referenceItem.ataId : undefined) ??
 				null) as string | null;
 
 			const newAtaId = newItem.ataId || null;
 
-			const sameModalidade = newItem.modalidade === referenceModalidade;
+			const sameModalidade = !referenceModalidade || newItem.modalidade === referenceModalidade;
 			const sameAta = referenceAtaId === newAtaId;
 
 			if (!sameModalidade || !sameAta) {
-				const refModalidadeLabel = formatModalidade(referenceModalidade);
+				const refModalidadeLabel = referenceModalidade
+					? formatModalidade(referenceModalidade)
+					: 'Não definida';
 				const refAtaLabel =
 					referenceAtaId === null ? 'sem Ata vinculada' : 'com uma Ata específica';
 
@@ -740,7 +741,7 @@
 
 		return {
 			valorEstimado: maskCurrencyBRL(item.valorEstimado || ''),
-			modalidade: item.modalidade,
+			modalidade: coerceModalidade((item.modalidade as string | undefined) ?? 'consumo'),
 			acaoId: item.acaoId ?? '',
 			ataId: item.ataId ?? ''
 		};
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.server.ts b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.server.ts
new file mode 100644
index 0000000..166f51d
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.server.ts
@@ -0,0 +1,3 @@
+export const load = async ({ parent }) => {
+	await parent();
+};
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
new file mode 100644
index 0000000..dc78d70
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
@@ -0,0 +1,305 @@
+<script lang="ts">
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { Plus, Eye, X } from 'lucide-svelte';
+	import { resolve } from '$app/paths';
+	import { goto } from '$app/navigation';
+	import { toast } from 'svelte-sonner';
+
+	const client = useConvexClient();
+
+	const planejamentosQuery = useQuery(api.planejamentos.list, {});
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+	const acoesQuery = useQuery(api.acoes.list, {});
+
+	let planejamentos = $derived(planejamentosQuery.data || []);
+
+	function formatStatus(status: string) {
+		switch (status) {
+			case 'rascunho':
+				return 'Rascunho';
+			case 'gerado':
+				return 'Gerado';
+			case 'cancelado':
+				return 'Cancelado';
+			default:
+				return status;
+		}
+	}
+
+	function getStatusColor(status: string) {
+		switch (status) {
+			case 'rascunho':
+				return 'bg-gray-100 text-gray-800';
+			case 'gerado':
+				return 'bg-green-100 text-green-800';
+			case 'cancelado':
+				return 'bg-red-100 text-red-800';
+			default:
+				return 'bg-gray-100 text-gray-800';
+		}
+	}
+
+	function formatDateYMD(ymd: string) {
+		// ymd: yyyy-MM-dd
+		const [y, m, d] = ymd.split('-');
+		if (!y || !m || !d) return ymd;
+		return `${d}/${m}/${y}`;
+	}
+
+	// Create modal
+	let showCreate = $state(false);
+	let creating = $state(false);
+	let form = $state({
+		titulo: '',
+		descricao: '',
+		data: '',
+		responsavelId: '' as string,
+		acaoId: '' as string
+	});
+
+	function openCreate() {
+		form = { titulo: '', descricao: '', data: '', responsavelId: '', acaoId: '' };
+		showCreate = true;
+	}
+
+	function closeCreate() {
+		showCreate = false;
+	}
+
+	async function handleCreate() {
+		if (!form.titulo.trim()) return toast.error('Informe um título.');
+		if (!form.descricao.trim()) return toast.error('Informe uma descrição.');
+		if (!form.data.trim()) return toast.error('Informe uma data.');
+		if (!form.responsavelId) return toast.error('Selecione um responsável.');
+
+		creating = true;
+		try {
+			const id = await client.mutation(api.planejamentos.create, {
+				titulo: form.titulo,
+				descricao: form.descricao,
+				data: form.data,
+				responsavelId: form.responsavelId as Id<'funcionarios'>,
+				acaoId: form.acaoId ? (form.acaoId as Id<'acoes'>) : undefined
+			});
+			toast.success('Planejamento criado.');
+			showCreate = false;
+			await goto(resolve(`/pedidos/planejamento/${id}`));
+		} catch (e) {
+			toast.error((e as Error).message);
+		} finally {
+			creating = false;
+		}
+	}
+</script>
+
+<div class="container mx-auto p-6">
+	<div class="mb-6 flex items-center justify-between">
+		<h1 class="text-2xl font-bold">Planejamento de Pedidos</h1>
+		<button
+			type="button"
+			class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
+			onclick={openCreate}
+		>
+			<Plus size={20} />
+			Novo planejamento
+		</button>
+	</div>
+
+	{#if planejamentosQuery.isLoading}
+		<div class="flex flex-col gap-4">
+			{#each Array(3)}
+				<div class="skeleton h-16 w-full rounded-lg"></div>
+			{/each}
+		</div>
+	{:else if planejamentosQuery.error}
+		<div class="alert alert-error">
+			<span>{planejamentosQuery.error.message}</span>
+		</div>
+	{:else}
+		<div class="overflow-hidden rounded-lg bg-white shadow-md">
+			<table class="min-w-full divide-y divide-gray-200">
+				<thead class="bg-gray-50">
+					<tr>
+						<th
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Título
+						</th>
+						<th
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Data
+						</th>
+						<th
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Responsável
+						</th>
+						<th
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Ação
+						</th>
+						<th
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Status
+						</th>
+						<th
+							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
+						>
+							Ações
+						</th>
+					</tr>
+				</thead>
+				<tbody class="divide-y divide-gray-200 bg-white">
+					{#each planejamentos as p (p._id)}
+						<tr class="hover:bg-gray-50">
+							<td class="px-6 py-4 font-medium whitespace-nowrap">{p.titulo}</td>
+							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{formatDateYMD(p.data)}</td>
+							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{p.responsavelNome}</td>
+							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{p.acaoNome || '-'}</td>
+							<td class="px-6 py-4 whitespace-nowrap">
+								<span
+									class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getStatusColor(
+										p.status
+									)}"
+								>
+									{formatStatus(p.status)}
+								</span>
+							</td>
+							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
+								<a
+									href={resolve(`/pedidos/planejamento/${p._id}`)}
+									class="inline-flex items-center gap-1 text-indigo-600 hover:text-indigo-900"
+								>
+									<Eye size={18} />
+									Abrir
+								</a>
+							</td>
+						</tr>
+					{/each}
+					{#if planejamentos.length === 0}
+						<tr>
+							<td colspan="6" class="px-6 py-4 text-center text-gray-500"
+								>Nenhum planejamento encontrado.</td
+							>
+						</tr>
+					{/if}
+				</tbody>
+			</table>
+		</div>
+	{/if}
+
+	{#if showCreate}
+		<div
+			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
+		>
+			<div class="relative w-full max-w-2xl rounded-xl bg-white p-6 shadow-2xl">
+				<button
+					type="button"
+					onclick={closeCreate}
+					class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
+					aria-label="Fechar"
+					disabled={creating}
+				>
+					<X size={24} />
+				</button>
+
+				<h2 class="mb-4 text-xl font-bold text-gray-900">Novo planejamento</h2>
+
+				<div class="grid gap-4 md:grid-cols-2">
+					<div class="md:col-span-2">
+						<label class="mb-1 block text-sm font-medium text-gray-700" for="titulo">Título</label>
+						<input
+							id="titulo"
+							type="text"
+							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							bind:value={form.titulo}
+							disabled={creating}
+						/>
+					</div>
+
+					<div class="md:col-span-2">
+						<label class="mb-1 block text-sm font-medium text-gray-700" for="descricao"
+							>Descrição</label
+						>
+						<textarea
+							id="descricao"
+							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							rows="4"
+							bind:value={form.descricao}
+							disabled={creating}
+						></textarea>
+					</div>
+
+					<div>
+						<label class="mb-1 block text-sm font-medium text-gray-700" for="data">Data</label>
+						<input
+							id="data"
+							type="date"
+							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							bind:value={form.data}
+							disabled={creating}
+						/>
+					</div>
+
+					<div>
+						<label class="mb-1 block text-sm font-medium text-gray-700" for="responsavel"
+							>Responsável</label
+						>
+						<select
+							id="responsavel"
+							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							bind:value={form.responsavelId}
+							disabled={creating || funcionariosQuery.isLoading}
+						>
+							<option value="">Selecione...</option>
+							{#each funcionariosQuery.data || [] as f (f._id)}
+								<option value={f._id}>{f.nome}</option>
+							{/each}
+						</select>
+					</div>
+
+					<div class="md:col-span-2">
+						<label class="mb-1 block text-sm font-medium text-gray-700" for="acao"
+							>Ação (opcional)</label
+						>
+						<select
+							id="acao"
+							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							bind:value={form.acaoId}
+							disabled={creating || acoesQuery.isLoading}
+						>
+							<option value="">Nenhuma</option>
+							{#each acoesQuery.data || [] as a (a._id)}
+								<option value={a._id}>{a.nome}</option>
+							{/each}
+						</select>
+					</div>
+				</div>
+
+				<div class="mt-6 flex justify-end gap-2">
+					<button
+						type="button"
+						class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 transition hover:bg-gray-300"
+						onclick={closeCreate}
+						disabled={creating}
+					>
+						Cancelar
+					</button>
+					<button
+						type="button"
+						class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700 disabled:opacity-50"
+						onclick={handleCreate}
+						disabled={creating}
+					>
+						{creating ? 'Criando...' : 'Criar'}
+					</button>
+				</div>
+			</div>
+		</div>
+	{/if}
+</div>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.server.ts b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.server.ts
new file mode 100644
index 0000000..166f51d
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.server.ts
@@ -0,0 +1,3 @@
+export const load = async ({ parent }) => {
+	await parent();
+};
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
new file mode 100644
index 0000000..febbc21
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
@@ -0,0 +1,875 @@
+<script lang="ts">
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { page } from '$app/state';
+	import { resolve } from '$app/paths';
+	import { toast } from 'svelte-sonner';
+	import { Plus, Trash2, X, Save, Edit } from 'lucide-svelte';
+
+	const client = useConvexClient();
+	const planejamentoId = $derived(page.params.id as Id<'planejamentosPedidos'>);
+
+	const planejamentoQuery = $derived.by(() =>
+		useQuery(api.planejamentos.get, { id: planejamentoId })
+	);
+	const itemsQuery = $derived.by(() => useQuery(api.planejamentos.listItems, { planejamentoId }));
+	const pedidosQuery = $derived.by(() =>
+		useQuery(api.planejamentos.listPedidos, { planejamentoId })
+	);
+
+	const funcionariosQuery = useQuery(api.funcionarios.getAll, {});
+	const acoesQuery = useQuery(api.acoes.list, {});
+
+	let planejamento = $derived(planejamentoQuery.data);
+	let items = $derived(itemsQuery.data || []);
+	let pedidosLinks = $derived(pedidosQuery.data || []);
+
+	const isRascunho = $derived(planejamento?.status === 'rascunho');
+
+	function formatStatus(status: string) {
+		switch (status) {
+			case 'rascunho':
+				return 'Rascunho';
+			case 'gerado':
+				return 'Gerado';
+			case 'cancelado':
+				return 'Cancelado';
+			default:
+				return status;
+		}
+	}
+
+	function getStatusColor(status: string) {
+		switch (status) {
+			case 'rascunho':
+				return 'bg-gray-100 text-gray-800';
+			case 'gerado':
+				return 'bg-green-100 text-green-800';
+			case 'cancelado':
+				return 'bg-red-100 text-red-800';
+			default:
+				return 'bg-gray-100 text-gray-800';
+		}
+	}
+
+	function formatPedidoStatus(status: string) {
+		switch (status) {
+			case 'em_rascunho':
+				return 'Rascunho';
+			case 'aguardando_aceite':
+				return 'Aguardando Aceite';
+			case 'em_analise':
+				return 'Em Análise';
+			case 'precisa_ajustes':
+				return 'Precisa de Ajustes';
+			case 'concluido':
+				return 'Concluído';
+			case 'cancelado':
+				return 'Cancelado';
+			default:
+				return status;
+		}
+	}
+
+	function getPedidoStatusColor(status: string) {
+		switch (status) {
+			case 'em_rascunho':
+				return 'bg-gray-100 text-gray-800';
+			case 'aguardando_aceite':
+				return 'bg-yellow-100 text-yellow-800';
+			case 'em_analise':
+				return 'bg-blue-100 text-blue-800';
+			case 'precisa_ajustes':
+				return 'bg-orange-100 text-orange-800';
+			case 'concluido':
+				return 'bg-green-100 text-green-800';
+			case 'cancelado':
+				return 'bg-red-100 text-red-800';
+			default:
+				return 'bg-gray-100 text-gray-800';
+		}
+	}
+
+	// --- Header editing ---
+	let editingHeader = $state(false);
+	let headerForm = $state({
+		titulo: '',
+		descricao: '',
+		data: '',
+		responsavelId: '' as string,
+		acaoId: '' as string
+	});
+	let savingHeader = $state(false);
+
+	function syncHeaderFormFromPlanejamento() {
+		if (!planejamento) return;
+		headerForm = {
+			titulo: planejamento.titulo,
+			descricao: planejamento.descricao,
+			data: planejamento.data,
+			responsavelId: planejamento.responsavelId as unknown as string,
+			acaoId: planejamento.acaoId ? (planejamento.acaoId as unknown as string) : ''
+		};
+	}
+
+	function startEditHeader() {
+		if (!isRascunho) return;
+		syncHeaderFormFromPlanejamento();
+		editingHeader = true;
+	}
+
+	function cancelEditHeader() {
+		editingHeader = false;
+		syncHeaderFormFromPlanejamento();
+	}
+
+	async function saveHeader() {
+		if (!planejamento) return;
+		if (!headerForm.titulo.trim()) return toast.error('Informe um título.');
+		if (!headerForm.descricao.trim()) return toast.error('Informe uma descrição.');
+		if (!headerForm.data.trim()) return toast.error('Informe uma data.');
+		if (!headerForm.responsavelId) return toast.error('Selecione um responsável.');
+
+		savingHeader = true;
+		try {
+			await client.mutation(api.planejamentos.update, {
+				id: planejamentoId,
+				titulo: headerForm.titulo,
+				descricao: headerForm.descricao,
+				data: headerForm.data,
+				responsavelId: headerForm.responsavelId as Id<'funcionarios'>,
+				acaoId: headerForm.acaoId ? (headerForm.acaoId as Id<'acoes'>) : null
+			});
+			toast.success('Planejamento atualizado.');
+			editingHeader = false;
+		} catch (e) {
+			toast.error((e as Error).message);
+		} finally {
+			savingHeader = false;
+		}
+	}
+
+	// --- Add item (search + modal) ---
+	let searchQuery = $state('');
+	const searchResultsQuery = useQuery(api.objetos.search, () => ({ query: searchQuery }));
+	let searchResults = $derived(searchResultsQuery.data || []);
+
+	type SelectedObjeto = Doc<'objetos'>;
+	let showAddItemModal = $state(false);
+	let addItemConfig = $state<{
+		objeto: SelectedObjeto | null;
+		quantidade: number;
+		valorEstimado: string;
+		numeroDfd: string;
+	}>({
+		objeto: null,
+		quantidade: 1,
+		valorEstimado: '',
+		numeroDfd: ''
+	});
+	let addingItem = $state(false);
+
+	function openAddItemModal(objeto: SelectedObjeto) {
+		addItemConfig = {
+			objeto,
+			quantidade: 1,
+			valorEstimado: objeto.valorEstimado,
+			numeroDfd: ''
+		};
+		showAddItemModal = true;
+		searchQuery = '';
+	}
+
+	function closeAddItemModal() {
+		showAddItemModal = false;
+		addItemConfig.objeto = null;
+	}
+
+	async function confirmAddItem() {
+		if (!addItemConfig.objeto) return;
+		if (!isRascunho)
+			return toast.error('Não é possível adicionar itens em um planejamento não rascunho.');
+		if (!Number.isFinite(addItemConfig.quantidade) || addItemConfig.quantidade <= 0) {
+			return toast.error('Quantidade inválida.');
+		}
+		if (!addItemConfig.valorEstimado.trim()) return toast.error('Informe o valor estimado.');
+
+		addingItem = true;
+		try {
+			await client.mutation(api.planejamentos.addItem, {
+				planejamentoId,
+				objetoId: addItemConfig.objeto._id,
+				quantidade: addItemConfig.quantidade,
+				valorEstimado: addItemConfig.valorEstimado,
+				numeroDfd: addItemConfig.numeroDfd.trim() || undefined
+			});
+			toast.success('Item adicionado.');
+			closeAddItemModal();
+		} catch (e) {
+			toast.error((e as Error).message);
+		} finally {
+			addingItem = false;
+		}
+	}
+
+	// --- Inline item edits ---
+	async function updateItemField(
+		itemId: Id<'planejamentoItens'>,
+		patch: { numeroDfd?: string | null; quantidade?: number; valorEstimado?: string }
+	) {
+		if (!isRascunho) return;
+		try {
+			await client.mutation(api.planejamentos.updateItem, { itemId, ...patch });
+		} catch (e) {
+			toast.error((e as Error).message);
+		}
+	}
+
+	async function removeItem(itemId: Id<'planejamentoItens'>) {
+		if (!isRascunho) return;
+		try {
+			await client.mutation(api.planejamentos.removeItem, { itemId });
+			toast.success('Item removido.');
+		} catch (e) {
+			toast.error((e as Error).message);
+		}
+	}
+
+	// --- Grouping ---
+	let pedidosByDfd = $derived.by(() => {
+		const map: Record<string, (typeof pedidosLinks)[number]> = {};
+		for (const p of pedidosLinks) map[p.numeroDfd] = p;
+		return map;
+	});
+
+	let grouped = $derived.by(() => {
+		const groups: Record<string, typeof items> = {};
+		const semDfd: typeof items = [];
+
+		for (const it of items) {
+			const dfd = (it.numeroDfd || '').trim();
+			if (!dfd) {
+				semDfd.push(it);
+				continue;
+			}
+			if (!groups[dfd]) groups[dfd] = [];
+			groups[dfd].push(it);
+		}
+
+		const out: Array<{ key: string; label: string; items: typeof items; isSemDfd: boolean }> = [];
+		if (semDfd.length > 0)
+			out.push({ key: '__sem_dfd__', label: 'Sem DFD', items: semDfd, isSemDfd: true });
+
+		const keys = Object.keys(groups).sort((a, b) => a.localeCompare(b));
+		for (const k of keys) {
+			out.push({ key: k, label: `DFD ${k}`, items: groups[k], isSemDfd: false });
+		}
+
+		return out;
+	});
+
+	let itensSemDfdCount = $derived(grouped.find((g) => g.isSemDfd)?.items.length ?? 0);
+	let dfdsParaGerar = $derived.by(() => grouped.filter((g) => !g.isSemDfd).map((g) => g.key));
+
+	// --- Gerar pedidos modal ---
+	let showGerarModal = $state(false);
+	let seiByDfd = $state<Record<string, string>>({});
+	let gerando = $state(false);
+
+	const canGerar = $derived(
+		isRascunho && items.length > 0 && itensSemDfdCount === 0 && dfdsParaGerar.length > 0
+	);
+
+	function openGerarModal() {
+		if (!canGerar) {
+			if (items.length === 0) toast.error('Adicione itens antes de gerar pedidos.');
+			else if (itensSemDfdCount > 0) toast.error('Atribua um DFD a todos os itens antes de gerar.');
+			return;
+		}
+		const initial: Record<string, string> = {};
+		for (const dfd of dfdsParaGerar) initial[dfd] = '';
+		seiByDfd = initial;
+		showGerarModal = true;
+	}
+
+	function closeGerarModal() {
+		showGerarModal = false;
+		seiByDfd = {};
+	}
+
+	async function confirmarGeracao() {
+		if (!canGerar) return;
+		for (const dfd of dfdsParaGerar) {
+			if (!seiByDfd[dfd]?.trim()) {
+				return toast.error(`Informe o número SEI para o DFD ${dfd}.`);
+			}
+		}
+
+		gerando = true;
+		try {
+			await client.mutation(api.planejamentos.gerarPedidosPorDfd, {
+				planejamentoId,
+				dfds: dfdsParaGerar.map((dfd) => ({ numeroDfd: dfd, numeroSei: seiByDfd[dfd] }))
+			});
+			toast.success('Pedidos gerados.');
+			closeGerarModal();
+		} catch (e) {
+			toast.error((e as Error).message);
+		} finally {
+			gerando = false;
+		}
+	}
+</script>
+
+<div class="container mx-auto p-6">
+	{#if planejamentoQuery.isLoading}
+		<p>Carregando...</p>
+	{:else if planejamentoQuery.error}
+		<p class="text-red-600">{planejamentoQuery.error.message}</p>
+	{:else if planejamento}
+		<div class="mb-6 overflow-hidden rounded-lg bg-white p-6 shadow-md">
+			<div class="flex items-start justify-between gap-4">
+				<div class="min-w-0 flex-1">
+					<div class="flex items-center gap-3">
+						<h1 class="truncate text-2xl font-bold text-gray-900">{planejamento.titulo}</h1>
+						<span
+							class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getStatusColor(
+								planejamento.status
+							)}"
+						>
+							{formatStatus(planejamento.status)}
+						</span>
+					</div>
+
+					<p class="mt-2 text-sm whitespace-pre-wrap text-gray-700">{planejamento.descricao}</p>
+
+					<div class="mt-4 grid gap-3 md:grid-cols-3">
+						<div class="rounded-lg bg-gray-50 p-3">
+							<div class="text-xs font-semibold text-gray-500">Data</div>
+							<div class="text-sm text-gray-900">{planejamento.data}</div>
+						</div>
+						<div class="rounded-lg bg-gray-50 p-3">
+							<div class="text-xs font-semibold text-gray-500">Responsável</div>
+							<div class="text-sm text-gray-900">{planejamento.responsavelNome}</div>
+						</div>
+						<div class="rounded-lg bg-gray-50 p-3">
+							<div class="text-xs font-semibold text-gray-500">Ação</div>
+							<div class="text-sm text-gray-900">{planejamento.acaoNome || '-'}</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="flex shrink-0 flex-col items-end gap-2">
+					{#if isRascunho}
+						{#if editingHeader}
+							<div class="flex gap-2">
+								<button
+									type="button"
+									class="flex items-center gap-2 rounded bg-green-600 px-3 py-2 text-sm text-white hover:bg-green-700 disabled:opacity-50"
+									onclick={saveHeader}
+									disabled={savingHeader}
+								>
+									<Save size={16} />
+									Salvar
+								</button>
+								<button
+									type="button"
+									class="rounded bg-gray-200 px-3 py-2 text-sm text-gray-800 hover:bg-gray-300"
+									onclick={cancelEditHeader}
+									disabled={savingHeader}
+								>
+									Cancelar
+								</button>
+							</div>
+						{:else}
+							<button
+								type="button"
+								class="flex items-center gap-2 rounded bg-gray-100 px-3 py-2 text-sm text-gray-800 hover:bg-gray-200"
+								onclick={startEditHeader}
+							>
+								<Edit size={16} />
+								Editar
+							</button>
+						{/if}
+					{/if}
+				</div>
+			</div>
+
+			{#if editingHeader}
+				<div class="mt-5 rounded-lg border border-gray-200 bg-white p-4">
+					<div class="grid gap-4 md:grid-cols-2">
+						<div class="md:col-span-2">
+							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_titulo"
+								>Título</label
+							>
+							<input
+								id="eh_titulo"
+								type="text"
+								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								bind:value={headerForm.titulo}
+								disabled={savingHeader}
+							/>
+						</div>
+						<div class="md:col-span-2">
+							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_descricao"
+								>Descrição</label
+							>
+							<textarea
+								id="eh_descricao"
+								rows="4"
+								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								bind:value={headerForm.descricao}
+								disabled={savingHeader}
+							></textarea>
+						</div>
+						<div>
+							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_data">Data</label>
+							<input
+								id="eh_data"
+								type="date"
+								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								bind:value={headerForm.data}
+								disabled={savingHeader}
+							/>
+						</div>
+						<div>
+							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_resp"
+								>Responsável</label
+							>
+							<select
+								id="eh_resp"
+								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								bind:value={headerForm.responsavelId}
+								disabled={savingHeader || funcionariosQuery.isLoading}
+							>
+								<option value="">Selecione...</option>
+								{#each funcionariosQuery.data || [] as f (f._id)}
+									<option value={f._id}>{f.nome}</option>
+								{/each}
+							</select>
+						</div>
+						<div class="md:col-span-2">
+							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_acao"
+								>Ação (opcional)</label
+							>
+							<select
+								id="eh_acao"
+								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								bind:value={headerForm.acaoId}
+								disabled={savingHeader || acoesQuery.isLoading}
+							>
+								<option value="">Nenhuma</option>
+								{#each acoesQuery.data || [] as a (a._id)}
+									<option value={a._id}>{a.nome}</option>
+								{/each}
+							</select>
+						</div>
+					</div>
+				</div>
+			{/if}
+		</div>
+
+		<!-- Itens -->
+		<div class="mb-6 overflow-hidden rounded-lg bg-white shadow-md">
+			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
+				<div>
+					<h2 class="text-lg font-semibold">Itens</h2>
+					{#if itensSemDfdCount > 0}
+						<p class="mt-1 text-xs text-amber-700">
+							{itensSemDfdCount} item(ns) sem DFD. Para gerar pedidos, todos os itens precisam ter DFD.
+						</p>
+					{/if}
+				</div>
+				<div class="flex items-center gap-2">
+					{#if isRascunho}
+						<button
+							type="button"
+							onclick={openGerarModal}
+							disabled={!canGerar}
+							class="rounded bg-indigo-600 px-3 py-2 text-sm text-white hover:bg-indigo-700 disabled:opacity-50"
+						>
+							Gerar pedidos
+						</button>
+					{/if}
+					{#if isRascunho}
+						<div class="relative">
+							<input
+								type="text"
+								class="w-64 rounded-md border border-gray-300 px-3 py-2 text-sm"
+								placeholder="Buscar objetos..."
+								bind:value={searchQuery}
+							/>
+							{#if searchQuery.length > 0}
+								<div
+									class="absolute z-10 mt-2 w-full rounded-lg border border-gray-200 bg-white shadow-xl"
+								>
+									{#if searchResultsQuery.isLoading}
+										<div class="p-3 text-sm text-gray-500">Buscando...</div>
+									{:else if searchResults.length === 0}
+										<div class="p-3 text-sm text-gray-500">Nenhum objeto encontrado.</div>
+									{:else}
+										<ul class="max-h-64 overflow-y-auto">
+											{#each searchResults as o (o._id)}
+												<li>
+													<button
+														type="button"
+														class="flex w-full items-center justify-between px-4 py-3 text-left transition hover:bg-blue-50"
+														onclick={() => openAddItemModal(o)}
+													>
+														<span class="font-medium text-gray-800">{o.nome}</span>
+														<Plus size={16} class="text-blue-600" />
+													</button>
+												</li>
+											{/each}
+										</ul>
+									{/if}
+								</div>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			</div>
+
+			<div class="p-6">
+				{#if itemsQuery.isLoading}
+					<p class="text-sm text-gray-500">Carregando itens...</p>
+				{:else if items.length === 0}
+					<p class="text-sm text-gray-500">Nenhum item adicionado.</p>
+				{:else}
+					<div class="space-y-4">
+						{#each grouped as group (group.key)}
+							{@const dfd = group.isSemDfd ? null : group.key}
+							{@const pedidoLink = dfd ? pedidosByDfd[dfd] : null}
+							<div class="rounded-lg border border-gray-200">
+								<div class="flex items-center justify-between bg-gray-50 px-4 py-3">
+									<div class="flex flex-col gap-1">
+										<div class="font-semibold text-gray-900">{group.label}</div>
+										{#if pedidoLink?.pedido}
+											<a
+												href={resolve(`/pedidos/${pedidoLink.pedido._id}`)}
+												class="text-xs text-blue-700 hover:underline"
+											>
+												Pedido: {pedidoLink.pedido.numeroSei || pedidoLink.pedido._id} — {formatPedidoStatus(
+													pedidoLink.pedido.status
+												)}
+											</a>
+										{/if}
+									</div>
+									<div class="text-xs text-gray-500">{group.items.length} item(ns)</div>
+								</div>
+
+								<div class="overflow-x-auto">
+									<table class="min-w-full divide-y divide-gray-200">
+										<thead class="bg-white">
+											<tr>
+												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+													>Objeto</th
+												>
+												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+													>Qtd</th
+												>
+												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+													>Valor Est.</th
+												>
+												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+													>DFD</th
+												>
+												<th class="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase"
+													>Ações</th
+												>
+											</tr>
+										</thead>
+										<tbody class="divide-y divide-gray-200 bg-white">
+											{#each group.items as it (it._id)}
+												<tr class="hover:bg-gray-50">
+													<td class="px-4 py-2 text-sm text-gray-900">
+														{it.objetoNome}
+														{#if it.objetoUnidade}
+															<span class="ml-2 text-xs text-gray-400">({it.objetoUnidade})</span>
+														{/if}
+													</td>
+													<td class="px-4 py-2 text-sm text-gray-700">
+														{#if isRascunho}
+															<input
+																type="number"
+																min="1"
+																class="w-24 rounded border px-2 py-1 text-sm"
+																value={it.quantidade}
+																onchange={(e) =>
+																	updateItemField(it._id, {
+																		quantidade: parseInt(e.currentTarget.value, 10) || 1
+																	})}
+															/>
+														{:else}
+															{it.quantidade}
+														{/if}
+													</td>
+													<td class="px-4 py-2 text-sm text-gray-700">
+														{#if isRascunho}
+															<input
+																type="text"
+																class="w-40 rounded border px-2 py-1 text-sm"
+																value={it.valorEstimado}
+																onblur={(e) =>
+																	updateItemField(it._id, { valorEstimado: e.currentTarget.value })}
+															/>
+														{:else}
+															{it.valorEstimado}
+														{/if}
+													</td>
+													<td class="px-4 py-2 text-sm text-gray-700">
+														{#if isRascunho}
+															<input
+																type="text"
+																class="w-32 rounded border px-2 py-1 text-sm"
+																value={it.numeroDfd || ''}
+																placeholder="(opcional)"
+																onblur={(e) => {
+																	const v = e.currentTarget.value.trim();
+																	updateItemField(it._id, { numeroDfd: v ? v : null });
+																}}
+															/>
+														{:else}
+															{it.numeroDfd || '-'}
+														{/if}
+													</td>
+													<td class="px-4 py-2 text-right">
+														{#if isRascunho}
+															<button
+																type="button"
+																class="rounded bg-red-100 p-2 text-red-700 hover:bg-red-200"
+																onclick={() => removeItem(it._id)}
+																title="Remover item"
+															>
+																<Trash2 size={16} />
+															</button>
+														{:else}
+															<span class="text-xs text-gray-400">—</span>
+														{/if}
+													</td>
+												</tr>
+											{/each}
+										</tbody>
+									</table>
+								</div>
+							</div>
+						{/each}
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<!-- Pedidos -->
+		<div class="overflow-hidden rounded-lg bg-white shadow-md">
+			<div class="border-b border-gray-200 px-6 py-4">
+				<h2 class="text-lg font-semibold">Pedidos gerados</h2>
+			</div>
+			<div class="p-6">
+				{#if pedidosQuery.isLoading}
+					<p class="text-sm text-gray-500">Carregando pedidos...</p>
+				{:else if pedidosLinks.length === 0}
+					<p class="text-sm text-gray-500">Nenhum pedido gerado ainda.</p>
+				{:else}
+					<div class="space-y-4">
+						{#each pedidosLinks as row (row._id)}
+							<div class="rounded-lg border border-gray-200 p-4">
+								<div class="flex flex-wrap items-center justify-between gap-3">
+									<div class="space-y-1">
+										<div class="text-sm font-semibold text-gray-900">DFD: {row.numeroDfd}</div>
+										{#if row.pedido}
+											<a
+												class="text-sm text-blue-700 hover:underline"
+												href={resolve(`/pedidos/${row.pedido._id}`)}
+											>
+												Pedido: {row.pedido.numeroSei || row.pedido._id}
+											</a>
+										{/if}
+									</div>
+									{#if row.pedido}
+										<span
+											class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getPedidoStatusColor(
+												row.pedido.status
+											)}"
+										>
+											{formatPedidoStatus(row.pedido.status)}
+										</span>
+									{/if}
+								</div>
+
+								{#if row.lastHistory && row.lastHistory.length > 0}
+									<div class="mt-3">
+										<div class="mb-2 text-xs font-semibold text-gray-500">Últimas ações</div>
+										<ul class="space-y-1 text-xs text-gray-700">
+											{#each row.lastHistory as h (h._id)}
+												<li class="flex items-center justify-between gap-2">
+													<span class="truncate">{h.usuarioNome}: {h.acao}</span>
+													<span class="shrink-0 text-gray-400"
+														>{new Date(h.data).toLocaleString('pt-BR')}</span
+													>
+												</li>
+											{/each}
+										</ul>
+									</div>
+								{/if}
+							</div>
+						{/each}
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<!-- Add item modal -->
+		{#if showAddItemModal && addItemConfig.objeto}
+			<div
+				class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
+			>
+				<div class="relative w-full max-w-lg rounded-xl bg-white p-6 shadow-2xl">
+					<button
+						type="button"
+						onclick={closeAddItemModal}
+						class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
+						aria-label="Fechar"
+						disabled={addingItem}
+					>
+						<X size={24} />
+					</button>
+
+					<h3 class="mb-4 text-xl font-bold text-gray-900">Adicionar item</h3>
+
+					<div class="mb-4 rounded-lg bg-blue-50 p-4">
+						<p class="font-semibold text-gray-900">{addItemConfig.objeto.nome}</p>
+						<p class="text-sm text-gray-600">Unidade: {addItemConfig.objeto.unidade}</p>
+					</div>
+
+					<div class="space-y-4">
+						<div>
+							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_qtd"
+								>Quantidade</label
+							>
+							<input
+								id="ai_qtd"
+								type="number"
+								min="1"
+								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								bind:value={addItemConfig.quantidade}
+								disabled={addingItem}
+							/>
+						</div>
+						<div>
+							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_valor"
+								>Valor estimado</label
+							>
+							<input
+								id="ai_valor"
+								type="text"
+								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								bind:value={addItemConfig.valorEstimado}
+								disabled={addingItem}
+							/>
+						</div>
+						<div>
+							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_dfd"
+								>Número DFD (opcional)</label
+							>
+							<input
+								id="ai_dfd"
+								type="text"
+								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								bind:value={addItemConfig.numeroDfd}
+								disabled={addingItem}
+								placeholder="Ex: 123/2025"
+							/>
+						</div>
+					</div>
+
+					<div class="mt-6 flex justify-end gap-3">
+						<button
+							type="button"
+							onclick={closeAddItemModal}
+							class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 hover:bg-gray-300"
+							disabled={addingItem}
+						>
+							Cancelar
+						</button>
+						<button
+							type="button"
+							onclick={confirmAddItem}
+							class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white hover:bg-blue-700 disabled:opacity-50"
+							disabled={addingItem}
+						>
+							{addingItem ? 'Adicionando...' : 'Adicionar'}
+						</button>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<!-- Gerar pedidos modal -->
+		{#if showGerarModal}
+			<div
+				class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
+			>
+				<div class="relative w-full max-w-2xl rounded-xl bg-white p-6 shadow-2xl">
+					<button
+						type="button"
+						onclick={closeGerarModal}
+						class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
+						aria-label="Fechar"
+						disabled={gerando}
+					>
+						<X size={24} />
+					</button>
+
+					<h3 class="mb-2 text-xl font-bold text-gray-900">Gerar pedidos</h3>
+					<p class="mb-4 text-sm text-gray-600">
+						Será criado <strong>1 pedido por DFD</strong>. Informe o número SEI de cada pedido.
+					</p>
+
+					<div class="space-y-3">
+						{#each dfdsParaGerar as dfd (dfd)}
+							<div class="grid gap-3 rounded-lg border border-gray-200 p-4 md:grid-cols-3">
+								<div class="md:col-span-1">
+									<div class="text-xs font-semibold text-gray-500">DFD</div>
+									<div class="text-sm font-semibold text-gray-900">{dfd}</div>
+								</div>
+								<div class="md:col-span-2">
+									<label class="mb-1 block text-xs font-semibold text-gray-500" for={`sei_${dfd}`}
+										>Número SEI</label
+									>
+									<input
+										id={`sei_${dfd}`}
+										type="text"
+										class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+										bind:value={seiByDfd[dfd]}
+										disabled={gerando}
+										placeholder="Ex: 12345.000000/2025-00"
+									/>
+								</div>
+							</div>
+						{/each}
+					</div>
+
+					<div class="mt-6 flex justify-end gap-2">
+						<button
+							type="button"
+							onclick={closeGerarModal}
+							class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 hover:bg-gray-300"
+							disabled={gerando}
+						>
+							Cancelar
+						</button>
+						<button
+							type="button"
+							onclick={confirmarGeracao}
+							class="rounded-lg bg-indigo-600 px-5 py-2.5 font-semibold text-white hover:bg-indigo-700 disabled:opacity-50"
+							disabled={gerando}
+						>
+							{gerando ? 'Gerando...' : 'Confirmar e gerar'}
+						</button>
+					</div>
+				</div>
+			</div>
+		{/if}
+	{/if}
+</div>
diff --git a/packages/backend/convex/_generated/api.d.ts b/packages/backend/convex/_generated/api.d.ts
index 1b5ac8d..f2a86ce 100644
--- a/packages/backend/convex/_generated/api.d.ts
+++ b/packages/backend/convex/_generated/api.d.ts
@@ -52,6 +52,7 @@ import type * as monitoramento from "../monitoramento.js";
 import type * as objetos from "../objetos.js";
 import type * as pedidos from "../pedidos.js";
 import type * as permissoesAcoes from "../permissoesAcoes.js";
+import type * as planejamentos from "../planejamentos.js";
 import type * as pontos from "../pontos.js";
 import type * as preferenciasNotificacao from "../preferenciasNotificacao.js";
 import type * as pushNotifications from "../pushNotifications.js";
@@ -77,6 +78,7 @@ import type * as tables_lgpdTables from "../tables/lgpdTables.js";
 import type * as tables_licencas from "../tables/licencas.js";
 import type * as tables_objetos from "../tables/objetos.js";
 import type * as tables_pedidos from "../tables/pedidos.js";
+import type * as tables_planejamentos from "../tables/planejamentos.js";
 import type * as tables_ponto from "../tables/ponto.js";
 import type * as tables_security from "../tables/security.js";
 import type * as tables_setores from "../tables/setores.js";
@@ -144,6 +146,7 @@ declare const fullApi: ApiFromModules<{
   objetos: typeof objetos;
   pedidos: typeof pedidos;
   permissoesAcoes: typeof permissoesAcoes;
+  planejamentos: typeof planejamentos;
   pontos: typeof pontos;
   preferenciasNotificacao: typeof preferenciasNotificacao;
   pushNotifications: typeof pushNotifications;
@@ -169,6 +172,7 @@ declare const fullApi: ApiFromModules<{
   "tables/licencas": typeof tables_licencas;
   "tables/objetos": typeof tables_objetos;
   "tables/pedidos": typeof tables_pedidos;
+  "tables/planejamentos": typeof tables_planejamentos;
   "tables/ponto": typeof tables_ponto;
   "tables/security": typeof tables_security;
   "tables/setores": typeof tables_setores;
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index 09f1cfc..8781225 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -185,7 +185,10 @@ async function ensurePedidoModalidadeAtaConsistency(
 		const normalizedItemAtaId = (('ataId' in item ? item.ataId : undefined) ??
 			null) as Id<'atas'> | null;
 
-		if (item.modalidade !== modalidade || normalizedItemAtaId !== normalizedNewAtaId) {
+		const modalidadeMismatch = !!item.modalidade && !!modalidade && item.modalidade !== modalidade;
+		const ataMismatch = normalizedItemAtaId !== normalizedNewAtaId;
+
+		if (modalidadeMismatch || ataMismatch) {
 			throw new Error(
 				'Todos os itens do pedido devem usar a mesma modalidade e a mesma ata (quando houver). Ajuste os itens existentes ou crie um novo pedido para a nova combinação.'
 			);
@@ -529,6 +532,12 @@ export const getItems = query({
 				const funcionario = await ctx.db.get(item.adicionadoPor);
 				return {
 					...item,
+					// Se a modalidade ainda não foi definida, expõe como "consumo" para manter compatibilidade com UI existente
+					modalidade: (item.modalidade ?? 'consumo') as
+						| 'dispensa'
+						| 'inexgibilidade'
+						| 'adesao'
+						| 'consumo',
 					adicionadoPorNome: funcionario?.nome || 'Desconhecido'
 				};
 			})
@@ -654,7 +663,7 @@ export const checkExisting = query({
 			let include = true;
 			let matchingItems: {
 				objetoId: Id<'objetos'>;
-				modalidade: Doc<'objetoItems'>['modalidade'];
+				modalidade: NonNullable<Doc<'objetoItems'>['modalidade']>;
 				quantidade: number;
 			}[] = [];
 
@@ -666,13 +675,19 @@ export const checkExisting = query({
 					.collect();
 
 				const matching = items.filter((i) =>
-					itensFiltro.some((f) => f.objetoId === i.objetoId && f.modalidade === i.modalidade)
+					itensFiltro.some(
+						(f) => f.objetoId === i.objetoId && f.modalidade === (i.modalidade ?? 'consumo')
+					)
 				);
 
 				if (matching.length > 0) {
 					matchingItems = matching.map((i) => ({
 						objetoId: i.objetoId,
-						modalidade: i.modalidade,
+						modalidade: (i.modalidade ?? 'consumo') as
+							| 'dispensa'
+							| 'inexgibilidade'
+							| 'adesao'
+							| 'consumo',
 						quantidade: i.quantidade
 					}));
 				} else {
@@ -959,11 +974,13 @@ export const gerarRelatorio = query({
 				ataNumero: v.optional(v.string()),
 				acaoId: v.optional(v.id('acoes')),
 				acaoNome: v.optional(v.string()),
-				modalidade: v.union(
-					v.literal('dispensa'),
-					v.literal('inexgibilidade'),
-					v.literal('adesao'),
-					v.literal('consumo')
+				modalidade: v.optional(
+					v.union(
+						v.literal('dispensa'),
+						v.literal('inexgibilidade'),
+						v.literal('adesao'),
+						v.literal('consumo')
+					)
 				),
 				quantidade: v.number(),
 				valorEstimado: v.string(),
@@ -1125,7 +1142,11 @@ export const gerarRelatorio = query({
 						ataNumero: ata?.numero ?? undefined,
 						acaoId: it.acaoId,
 						acaoNome: acao?.nome ?? undefined,
-						modalidade: it.modalidade,
+						modalidade: (it.modalidade ?? 'consumo') as
+							| 'dispensa'
+							| 'inexgibilidade'
+							| 'adesao'
+							| 'consumo',
 						quantidade: it.quantidade,
 						valorEstimado: it.valorEstimado,
 						valorReal: it.valorReal,
@@ -1380,11 +1401,14 @@ export const addItem = mutation({
 		objetoId: v.id('objetos'),
 		ataId: v.optional(v.id('atas')),
 		acaoId: v.optional(v.id('acoes')),
-		modalidade: v.union(
-			v.literal('dispensa'),
-			v.literal('inexgibilidade'),
-			v.literal('adesao'),
-			v.literal('consumo')
+		// Opcional: permite criar itens sem definir modalidade upfront (ex: geração via planejamento).
+		modalidade: v.optional(
+			v.union(
+				v.literal('dispensa'),
+				v.literal('inexgibilidade'),
+				v.literal('adesao'),
+				v.literal('consumo')
+			)
 		),
 		valorEstimado: v.string(),
 		quantidade: v.number()
@@ -1401,30 +1425,6 @@ export const addItem = mutation({
 		const pedido = await ctx.db.get(args.pedidoId);
 		if (!pedido) throw new Error('Pedido não encontrado.');
 
-		// Regra global: todos os itens do pedido devem ter a mesma
-		// modalidade e a mesma ata (quando houver).
-		await ensurePedidoModalidadeAtaConsistency(ctx, args.pedidoId, args.modalidade, args.ataId);
-
-		// --- CHECK ANALYSIS MODE ---
-		// Em pedidos em análise, a inclusão de itens deve passar por fluxo de aprovação.
-		// Em rascunho ou aguardando aceite, a inclusão é direta, sem necessidade de aprovação.
-		if (pedido.status === 'em_analise') {
-			if (args.ataId) {
-				// Não altera consumo aqui (ainda é só solicitação), mas valida limite/configuração.
-				await assertAtaObjetoCanConsume(ctx, args.ataId, args.objetoId, args.quantidade);
-			}
-			await ctx.db.insert('solicitacoesItens', {
-				pedidoId: args.pedidoId,
-				tipo: 'adicao',
-				dados: JSON.stringify(args),
-				status: 'pendente',
-				solicitadoPor: user.funcionarioId,
-				criadoEm: Date.now()
-			});
-			return;
-		}
-
-		// --- CHECK DUPLICATES (Same Product + User, Different Config) ---
 		// Get all items of this product added by this user in this order
 		const userProductItems = await ctx.db
 			.query('objetoItems')
@@ -1437,8 +1437,37 @@ export const addItem = mutation({
 			)
 			.collect();
 
+		// Se não foi informada, tenta inferir a modalidade a partir de itens já adicionados por este usuário
+		// (evita conflito de "mesmo produto com outra combinação" quando modalidade estiver vazia).
+		const modalidade =
+			args.modalidade ?? userProductItems.find((i) => !!i.modalidade)?.modalidade ?? undefined;
+
+		// Regra global: todos os itens do pedido devem ter a mesma
+		// modalidade e a mesma ata (quando houver).
+		await ensurePedidoModalidadeAtaConsistency(ctx, args.pedidoId, modalidade, args.ataId);
+
+		// --- CHECK ANALYSIS MODE ---
+		// Em pedidos em análise, a inclusão de itens deve passar por fluxo de aprovação.
+		// Em rascunho ou aguardando aceite, a inclusão é direta, sem necessidade de aprovação.
+		if (pedido.status === 'em_analise') {
+			if (args.ataId) {
+				// Não altera consumo aqui (ainda é só solicitação), mas valida limite/configuração.
+				await assertAtaObjetoCanConsume(ctx, args.ataId, args.objetoId, args.quantidade);
+			}
+			await ctx.db.insert('solicitacoesItens', {
+				pedidoId: args.pedidoId,
+				tipo: 'adicao',
+				dados: JSON.stringify({ ...args, modalidade }),
+				status: 'pendente',
+				solicitadoPor: user.funcionarioId,
+				criadoEm: Date.now()
+			});
+			return;
+		}
+
+		// --- CHECK DUPLICATES (Same Product + User, Different Config) ---
 		const conflict = userProductItems.find(
-			(i) => i.modalidade !== args.modalidade || i.ataId !== args.ataId
+			(i) => i.modalidade !== modalidade || i.ataId !== args.ataId
 		);
 
 		if (conflict) {
@@ -1449,7 +1478,7 @@ export const addItem = mutation({
 
 		// Check if item already exists with SAME parameters (exact match) to increment
 		const existingItem = userProductItems.find(
-			(i) => i.acaoId === args.acaoId && i.ataId === args.ataId && i.modalidade === args.modalidade
+			(i) => i.acaoId === args.acaoId && i.ataId === args.ataId && i.modalidade === modalidade
 		);
 
 		if (existingItem) {
@@ -1481,7 +1510,7 @@ export const addItem = mutation({
 				objetoId: args.objetoId,
 				ataId: args.ataId,
 				acaoId: args.acaoId,
-				modalidade: args.modalidade,
+				...(modalidade ? { modalidade } : {}),
 				valorEstimado: args.valorEstimado,
 				quantidade: args.quantidade,
 				adicionadoPor: user.funcionarioId,
@@ -1498,7 +1527,7 @@ export const addItem = mutation({
 					quantidade: args.quantidade,
 					acaoId: args.acaoId,
 					ataId: args.ataId,
-					modalidade: args.modalidade
+					modalidade: modalidade ?? null
 				}),
 				data: Date.now()
 			});
diff --git a/packages/backend/convex/planejamentos.ts b/packages/backend/convex/planejamentos.ts
new file mode 100644
index 0000000..e00f272
--- /dev/null
+++ b/packages/backend/convex/planejamentos.ts
@@ -0,0 +1,514 @@
+import { v } from 'convex/values';
+import type { Doc, Id } from './_generated/dataModel';
+import { mutation, query } from './_generated/server';
+import { getCurrentUserFunction } from './auth';
+
+async function getUsuarioAutenticado(ctx: Parameters<typeof getCurrentUserFunction>[0]) {
+	const user = await getCurrentUserFunction(ctx);
+	if (!user) throw new Error('Unauthorized');
+	return user;
+}
+
+function normalizeOptionalString(value: string | undefined): string | undefined {
+	const trimmed = value?.trim();
+	return trimmed ? trimmed : undefined;
+}
+
+// ========== QUERIES ==========
+
+export const list = query({
+	args: {
+		status: v.optional(v.union(v.literal('rascunho'), v.literal('gerado'), v.literal('cancelado'))),
+		responsavelId: v.optional(v.id('funcionarios'))
+	},
+	handler: async (ctx, args) => {
+		const status = args.status;
+		const responsavelId = args.responsavelId;
+
+		let base: Doc<'planejamentosPedidos'>[] = [];
+
+		if (responsavelId) {
+			base = await ctx.db
+				.query('planejamentosPedidos')
+				.withIndex('by_responsavelId', (q) => q.eq('responsavelId', responsavelId))
+				.collect();
+		} else if (status) {
+			base = await ctx.db
+				.query('planejamentosPedidos')
+				.withIndex('by_status', (q) => q.eq('status', status))
+				.collect();
+		} else {
+			base = await ctx.db.query('planejamentosPedidos').collect();
+		}
+
+		base.sort((a, b) => b.criadoEm - a.criadoEm);
+
+		return await Promise.all(
+			base.map(async (p) => {
+				const [responsavel, acao] = await Promise.all([
+					ctx.db.get(p.responsavelId),
+					p.acaoId ? ctx.db.get(p.acaoId) : Promise.resolve(null)
+				]);
+				return {
+					...p,
+					responsavelNome: responsavel?.nome ?? 'Desconhecido',
+					acaoNome: acao?.nome ?? undefined
+				};
+			})
+		);
+	}
+});
+
+export const get = query({
+	args: { id: v.id('planejamentosPedidos') },
+	handler: async (ctx, args) => {
+		const p = await ctx.db.get(args.id);
+		if (!p) return null;
+
+		const [responsavel, acao] = await Promise.all([
+			ctx.db.get(p.responsavelId),
+			p.acaoId ? ctx.db.get(p.acaoId) : Promise.resolve(null)
+		]);
+
+		return {
+			...p,
+			responsavelNome: responsavel?.nome ?? 'Desconhecido',
+			acaoNome: acao?.nome ?? undefined
+		};
+	}
+});
+
+export const listItems = query({
+	args: { planejamentoId: v.id('planejamentosPedidos') },
+	handler: async (ctx, args) => {
+		const items = await ctx.db
+			.query('planejamentoItens')
+			.withIndex('by_planejamentoId', (q) => q.eq('planejamentoId', args.planejamentoId))
+			.collect();
+
+		// Ordenação útil: primeiro sem pedido, depois por numeroDfd, depois por criadoEm
+		items.sort((a, b) => {
+			const ap = a.pedidoId ? 1 : 0;
+			const bp = b.pedidoId ? 1 : 0;
+			if (ap !== bp) return ap - bp;
+			const ad = (a.numeroDfd ?? '').localeCompare(b.numeroDfd ?? '');
+			if (ad !== 0) return ad;
+			return a.criadoEm - b.criadoEm;
+		});
+
+		return await Promise.all(
+			items.map(async (it) => {
+				const [objeto, pedido] = await Promise.all([
+					ctx.db.get(it.objetoId),
+					it.pedidoId ? ctx.db.get(it.pedidoId) : Promise.resolve(null)
+				]);
+
+				return {
+					...it,
+					objetoNome: objeto?.nome ?? 'Objeto desconhecido',
+					objetoUnidade: objeto?.unidade ?? '',
+					pedidoNumeroSei: pedido?.numeroSei ?? undefined,
+					pedidoStatus: pedido?.status ?? undefined
+				};
+			})
+		);
+	}
+});
+
+export const listPedidos = query({
+	args: { planejamentoId: v.id('planejamentosPedidos') },
+	handler: async (ctx, args) => {
+		const links = await ctx.db
+			.query('planejamentoPedidosLinks')
+			.withIndex('by_planejamentoId', (q) => q.eq('planejamentoId', args.planejamentoId))
+			.collect();
+
+		links.sort((a, b) => a.numeroDfd.localeCompare(b.numeroDfd));
+
+		return await Promise.all(
+			links.map(async (link) => {
+				const pedido = await ctx.db.get(link.pedidoId);
+				if (!pedido) {
+					return {
+						...link,
+						pedido: null,
+						lastHistory: []
+					};
+				}
+
+				const history = await ctx.db
+					.query('historicoPedidos')
+					.withIndex('by_pedidoId', (q) => q.eq('pedidoId', link.pedidoId))
+					.order('desc')
+					.take(3);
+
+				const historyWithNames = await Promise.all(
+					history.map(async (h) => {
+						const usuario = await ctx.db.get(h.usuarioId);
+						return {
+							...h,
+							usuarioNome: usuario?.nome ?? 'Desconhecido'
+						};
+					})
+				);
+
+				return {
+					...link,
+					pedido: {
+						_id: pedido._id,
+						numeroSei: pedido.numeroSei,
+						numeroDfd: pedido.numeroDfd,
+						status: pedido.status,
+						criadoEm: pedido.criadoEm,
+						atualizadoEm: pedido.atualizadoEm
+					},
+					lastHistory: historyWithNames
+				};
+			})
+		);
+	}
+});
+
+// ========== MUTATIONS ==========
+
+export const create = mutation({
+	args: {
+		titulo: v.string(),
+		descricao: v.string(),
+		data: v.string(),
+		responsavelId: v.id('funcionarios'),
+		acaoId: v.optional(v.id('acoes'))
+	},
+	returns: v.id('planejamentosPedidos'),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		const now = Date.now();
+
+		const titulo = args.titulo.trim();
+		const descricao = args.descricao.trim();
+		const data = args.data.trim();
+
+		if (!titulo) throw new Error('Informe um título.');
+		if (!descricao) throw new Error('Informe uma descrição.');
+		if (!data) throw new Error('Informe uma data.');
+
+		return await ctx.db.insert('planejamentosPedidos', {
+			titulo,
+			descricao,
+			data,
+			responsavelId: args.responsavelId,
+			acaoId: args.acaoId,
+			status: 'rascunho',
+			criadoPor: user._id,
+			criadoEm: now,
+			atualizadoEm: now
+		});
+	}
+});
+
+export const update = mutation({
+	args: {
+		id: v.id('planejamentosPedidos'),
+		titulo: v.optional(v.string()),
+		descricao: v.optional(v.string()),
+		data: v.optional(v.string()),
+		responsavelId: v.optional(v.id('funcionarios')),
+		acaoId: v.optional(v.union(v.id('acoes'), v.null()))
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		await getUsuarioAutenticado(ctx);
+		const p = await ctx.db.get(args.id);
+		if (!p) throw new Error('Planejamento não encontrado.');
+		if (p.status !== 'rascunho')
+			throw new Error('Apenas planejamentos em rascunho podem ser editados.');
+
+		const patch: Partial<Doc<'planejamentosPedidos'>> & { acaoId?: Id<'acoes'> | undefined } = {};
+
+		if (args.titulo !== undefined) {
+			const t = args.titulo.trim();
+			if (!t) throw new Error('Título não pode ficar vazio.');
+			patch.titulo = t;
+		}
+		if (args.descricao !== undefined) {
+			const d = args.descricao.trim();
+			if (!d) throw new Error('Descrição não pode ficar vazia.');
+			patch.descricao = d;
+		}
+		if (args.data !== undefined) {
+			const dt = args.data.trim();
+			if (!dt) throw new Error('Data não pode ficar vazia.');
+			patch.data = dt;
+		}
+		if (args.responsavelId !== undefined) {
+			patch.responsavelId = args.responsavelId;
+		}
+		if (args.acaoId !== undefined) {
+			patch.acaoId = args.acaoId === null ? undefined : args.acaoId;
+		}
+
+		patch.atualizadoEm = Date.now();
+		await ctx.db.patch(args.id, patch);
+		return null;
+	}
+});
+
+export const addItem = mutation({
+	args: {
+		planejamentoId: v.id('planejamentosPedidos'),
+		objetoId: v.id('objetos'),
+		quantidade: v.number(),
+		valorEstimado: v.string(),
+		numeroDfd: v.optional(v.string())
+	},
+	returns: v.id('planejamentoItens'),
+	handler: async (ctx, args) => {
+		await getUsuarioAutenticado(ctx);
+		const p = await ctx.db.get(args.planejamentoId);
+		if (!p) throw new Error('Planejamento não encontrado.');
+		if (p.status !== 'rascunho')
+			throw new Error('Apenas planejamentos em rascunho podem ser editados.');
+
+		if (!Number.isFinite(args.quantidade) || args.quantidade <= 0) {
+			throw new Error('Quantidade inválida.');
+		}
+
+		const now = Date.now();
+		const numeroDfd = normalizeOptionalString(args.numeroDfd);
+		const valorEstimado = args.valorEstimado.trim();
+		if (!valorEstimado) throw new Error('Valor estimado inválido.');
+
+		const itemId = await ctx.db.insert('planejamentoItens', {
+			planejamentoId: args.planejamentoId,
+			numeroDfd,
+			objetoId: args.objetoId,
+			quantidade: args.quantidade,
+			valorEstimado,
+			criadoEm: now,
+			atualizadoEm: now
+		});
+		await ctx.db.patch(args.planejamentoId, { atualizadoEm: Date.now() });
+		return itemId;
+	}
+});
+
+export const updateItem = mutation({
+	args: {
+		itemId: v.id('planejamentoItens'),
+		numeroDfd: v.optional(v.union(v.string(), v.null())),
+		quantidade: v.optional(v.number()),
+		valorEstimado: v.optional(v.string())
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		await getUsuarioAutenticado(ctx);
+		const it = await ctx.db.get(args.itemId);
+		if (!it) throw new Error('Item não encontrado.');
+
+		const p = await ctx.db.get(it.planejamentoId);
+		if (!p) throw new Error('Planejamento não encontrado.');
+		if (p.status !== 'rascunho')
+			throw new Error('Apenas planejamentos em rascunho podem ser editados.');
+
+		const patch: Partial<Doc<'planejamentoItens'>> = { atualizadoEm: Date.now() };
+
+		if (args.numeroDfd !== undefined) {
+			patch.numeroDfd =
+				args.numeroDfd === null
+					? undefined
+					: (normalizeOptionalString(args.numeroDfd) ?? undefined);
+		}
+		if (args.quantidade !== undefined) {
+			if (!Number.isFinite(args.quantidade) || args.quantidade <= 0) {
+				throw new Error('Quantidade inválida.');
+			}
+			patch.quantidade = args.quantidade;
+		}
+		if (args.valorEstimado !== undefined) {
+			const vEst = args.valorEstimado.trim();
+			if (!vEst) throw new Error('Valor estimado inválido.');
+			patch.valorEstimado = vEst;
+		}
+
+		await ctx.db.patch(args.itemId, patch);
+		await ctx.db.patch(it.planejamentoId, { atualizadoEm: Date.now() });
+		return null;
+	}
+});
+
+export const removeItem = mutation({
+	args: { itemId: v.id('planejamentoItens') },
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		await getUsuarioAutenticado(ctx);
+		const it = await ctx.db.get(args.itemId);
+		if (!it) return null;
+		const p = await ctx.db.get(it.planejamentoId);
+		if (!p) throw new Error('Planejamento não encontrado.');
+		if (p.status !== 'rascunho')
+			throw new Error('Apenas planejamentos em rascunho podem ser editados.');
+		await ctx.db.delete(args.itemId);
+		await ctx.db.patch(it.planejamentoId, { atualizadoEm: Date.now() });
+		return null;
+	}
+});
+
+export const gerarPedidosPorDfd = mutation({
+	args: {
+		planejamentoId: v.id('planejamentosPedidos'),
+		dfds: v.array(
+			v.object({
+				numeroDfd: v.string(),
+				numeroSei: v.string()
+			})
+		)
+	},
+	returns: v.array(v.id('pedidos')),
+	handler: async (ctx, args) => {
+		const user = await getUsuarioAutenticado(ctx);
+		if (!user.funcionarioId) {
+			throw new Error('Usuário não vinculado a um funcionário.');
+		}
+
+		const planejamento = await ctx.db.get(args.planejamentoId);
+		if (!planejamento) throw new Error('Planejamento não encontrado.');
+		if (planejamento.status !== 'rascunho') {
+			throw new Error('Este planejamento não está em rascunho.');
+		}
+
+		const items = await ctx.db
+			.query('planejamentoItens')
+			.withIndex('by_planejamentoId', (q) => q.eq('planejamentoId', args.planejamentoId))
+			.collect();
+
+		if (items.length === 0) {
+			throw new Error('Adicione ao menos um item antes de gerar pedidos.');
+		}
+
+		const itensSemDfd = items.filter((i) => !i.numeroDfd || !i.numeroDfd.trim());
+		if (itensSemDfd.length > 0) {
+			throw new Error(
+				`Existem ${itensSemDfd.length} item(ns) sem DFD. Atribua um DFD a todos os itens antes de gerar pedidos.`
+			);
+		}
+
+		const dfdsPayload = args.dfds.map((d) => ({
+			numeroDfd: d.numeroDfd.trim(),
+			numeroSei: d.numeroSei.trim()
+		}));
+
+		if (dfdsPayload.length === 0) {
+			throw new Error('Informe ao menos um DFD para gerar.');
+		}
+
+		for (const d of dfdsPayload) {
+			if (!d.numeroDfd) throw new Error('DFD inválido.');
+			if (!d.numeroSei) throw new Error(`Informe o número SEI para o DFD ${d.numeroDfd}.`);
+		}
+
+		// Validar que todos os DFDs existem nos itens
+		const dfdsFromItems = new Set(items.map((i) => (i.numeroDfd as string).trim()));
+		for (const d of dfdsPayload) {
+			if (!dfdsFromItems.has(d.numeroDfd)) {
+				throw new Error(`DFD ${d.numeroDfd} não existe nos itens do planejamento.`);
+			}
+		}
+
+		// Evitar duplicidade de DFD no payload
+		const payloadSet = new Set<string>();
+		for (const d of dfdsPayload) {
+			if (payloadSet.has(d.numeroDfd)) throw new Error(`DFD duplicado no envio: ${d.numeroDfd}.`);
+			payloadSet.add(d.numeroDfd);
+		}
+
+		// Garantir que será gerado 1 pedido para CADA DFD existente nos itens
+		if (payloadSet.size !== dfdsFromItems.size) {
+			const missing = [...dfdsFromItems].filter((d) => !payloadSet.has(d));
+			throw new Error(`Informe o número SEI para todos os DFDs. Faltando: ${missing.join(', ')}.`);
+		}
+
+		// Não permitir gerar se algum item já tiver sido movido para pedido
+		const jaMovidos = items.filter((i) => i.pedidoId);
+		if (jaMovidos.length > 0) {
+			throw new Error('Este planejamento já possui itens vinculados a pedidos.');
+		}
+
+		const now = Date.now();
+		const pedidoIds: Id<'pedidos'>[] = [];
+
+		for (const dfd of dfdsPayload) {
+			// Criar pedido em rascunho (similar a pedidos.create)
+			const pedidoId = await ctx.db.insert('pedidos', {
+				numeroSei: dfd.numeroSei,
+				numeroDfd: dfd.numeroDfd,
+				status: 'em_rascunho',
+				criadoPor: user._id,
+				criadoEm: now,
+				atualizadoEm: now
+			});
+
+			pedidoIds.push(pedidoId);
+
+			await ctx.db.insert('historicoPedidos', {
+				pedidoId,
+				usuarioId: user._id,
+				acao: 'criacao',
+				detalhes: JSON.stringify({ numeroSei: dfd.numeroSei, numeroDfd: dfd.numeroDfd }),
+				data: now
+			});
+
+			await ctx.db.insert('historicoPedidos', {
+				pedidoId,
+				usuarioId: user._id,
+				acao: 'gerado_de_planejamento',
+				detalhes: JSON.stringify({ planejamentoId: args.planejamentoId, numeroDfd: dfd.numeroDfd }),
+				data: now
+			});
+
+			await ctx.db.insert('planejamentoPedidosLinks', {
+				planejamentoId: args.planejamentoId,
+				numeroDfd: dfd.numeroDfd,
+				pedidoId,
+				criadoEm: now
+			});
+
+			// Mover itens deste DFD para o pedido
+			const itensDfd = items.filter((i) => (i.numeroDfd as string).trim() === dfd.numeroDfd);
+			for (const it of itensDfd) {
+				// Criar item real diretamente no pedido (sem etapa de conversão)
+				await ctx.db.insert('objetoItems', {
+					pedidoId,
+					objetoId: it.objetoId,
+					ataId: undefined,
+					acaoId: undefined,
+					valorEstimado: it.valorEstimado,
+					quantidade: it.quantidade,
+					adicionadoPor: user.funcionarioId,
+					criadoEm: now
+				});
+
+				await ctx.db.insert('historicoPedidos', {
+					pedidoId,
+					usuarioId: user._id,
+					acao: 'adicao_item',
+					detalhes: JSON.stringify({
+						objetoId: it.objetoId,
+						valor: it.valorEstimado,
+						quantidade: it.quantidade,
+						acaoId: null,
+						ataId: null,
+						modalidade: null,
+						origem: { planejamentoId: args.planejamentoId }
+					}),
+					data: now
+				});
+
+				await ctx.db.patch(it._id, { pedidoId, atualizadoEm: Date.now() });
+			}
+		}
+
+		await ctx.db.patch(args.planejamentoId, { status: 'gerado', atualizadoEm: Date.now() });
+
+		return pedidoIds;
+	}
+});
diff --git a/packages/backend/convex/schema.ts b/packages/backend/convex/schema.ts
index 6607f42..2dec986 100644
--- a/packages/backend/convex/schema.ts
+++ b/packages/backend/convex/schema.ts
@@ -14,6 +14,7 @@ import { funcionariosTables } from './tables/funcionarios';
 import { licencasTables } from './tables/licencas';
 import { objetosTables } from './tables/objetos';
 import { pedidosTables } from './tables/pedidos';
+import { planejamentosTables } from './tables/planejamentos';
 import { pontoTables } from './tables/ponto';
 import { securityTables } from './tables/security';
 import { setoresTables } from './tables/setores';
@@ -42,6 +43,7 @@ export default defineSchema({
 	...securityTables,
 	...pontoTables,
 	...pedidosTables,
+	...planejamentosTables,
 	...objetosTables,
 	...atasTables,
 	...lgpdTables
diff --git a/packages/backend/convex/tables/pedidos.ts b/packages/backend/convex/tables/pedidos.ts
index c3f6685..bc849ec 100644
--- a/packages/backend/convex/tables/pedidos.ts
+++ b/packages/backend/convex/tables/pedidos.ts
@@ -34,11 +34,14 @@ export const pedidosTables = {
 		objetoId: v.id('objetos'), // was produtoId
 		ataId: v.optional(v.id('atas')),
 		acaoId: v.optional(v.id('acoes')), // Moved from pedidos
-		modalidade: v.union(
-			v.literal('dispensa'),
-			v.literal('inexgibilidade'),
-			v.literal('adesao'),
-			v.literal('consumo')
+		// Opcional: permite criar itens sem definir modalidade upfront (ex: geração via planejamento)
+		modalidade: v.optional(
+			v.union(
+				v.literal('dispensa'),
+				v.literal('inexgibilidade'),
+				v.literal('adesao'),
+				v.literal('consumo')
+			)
 		),
 		valorEstimado: v.string(),
 		valorReal: v.optional(v.string()),
diff --git a/packages/backend/convex/tables/planejamentos.ts b/packages/backend/convex/tables/planejamentos.ts
new file mode 100644
index 0000000..1366b38
--- /dev/null
+++ b/packages/backend/convex/tables/planejamentos.ts
@@ -0,0 +1,45 @@
+import { defineTable } from 'convex/server';
+import { v } from 'convex/values';
+
+export const planejamentosTables = {
+	planejamentosPedidos: defineTable({
+		titulo: v.string(),
+		descricao: v.string(),
+		// Armazenar como yyyy-MM-dd para facilitar input type="date" no frontend.
+		data: v.string(),
+		responsavelId: v.id('funcionarios'),
+		acaoId: v.optional(v.id('acoes')),
+		status: v.union(v.literal('rascunho'), v.literal('gerado'), v.literal('cancelado')),
+		criadoPor: v.id('usuarios'),
+		criadoEm: v.number(),
+		atualizadoEm: v.number()
+	})
+		.index('by_responsavelId', ['responsavelId'])
+		.index('by_status', ['status'])
+		.index('by_criadoEm', ['criadoEm']),
+
+	planejamentoItens: defineTable({
+		planejamentoId: v.id('planejamentosPedidos'),
+		// Opcional no cadastro; obrigatório para gerar pedidos.
+		numeroDfd: v.optional(v.string()),
+		objetoId: v.id('objetos'),
+		quantidade: v.number(),
+		valorEstimado: v.string(),
+		// Preenchido após a geração (itens foram materializados no pedido).
+		pedidoId: v.optional(v.id('pedidos')),
+		criadoEm: v.number(),
+		atualizadoEm: v.number()
+	})
+		.index('by_planejamentoId', ['planejamentoId'])
+		.index('by_planejamentoId_and_numeroDfd', ['planejamentoId', 'numeroDfd']),
+
+	planejamentoPedidosLinks: defineTable({
+		planejamentoId: v.id('planejamentosPedidos'),
+		numeroDfd: v.string(),
+		pedidoId: v.id('pedidos'),
+		criadoEm: v.number()
+	})
+		.index('by_planejamentoId', ['planejamentoId'])
+		.index('by_pedidoId', ['pedidoId'])
+		.index('by_planejamentoId_and_numeroDfd', ['planejamentoId', 'numeroDfd'])
+};

From 94373c6b942f40173504181b889d9b4580920c31 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Thu, 18 Dec 2025 08:48:40 -0300
Subject: [PATCH 10/13] refactor: simplify pedidos item management by removing
 modalidade from item configuration and validation, ensuring all items use the
 same ata while enhancing code clarity and maintainability

---
 .../(dashboard)/pedidos/[id]/+page.svelte     |  42 +---
 .../(dashboard)/pedidos/novo/+page.svelte     | 213 +-----------------
 packages/backend/convex/pedidos.ts            | 131 ++++++-----
 3 files changed, 91 insertions(+), 295 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index 7bdba57..c2735e0 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -514,30 +514,23 @@
 		if (!pedido || !newItem.objetoId || !newItem.valorEstimado) return;
 
 		// Validação no front: garantir que todos os itens existentes do pedido
-		// utilizem a mesma combinação de modalidade e ata (quando houver).
+		// utilizem a mesma ata (quando houver).
 		if (items.length > 0) {
 			const referenceItem = items[0];
-
-			const referenceModalidade = (referenceItem.modalidade as Modalidade | undefined) ?? undefined;
 			const referenceAtaId = (('ataId' in referenceItem ? referenceItem.ataId : undefined) ??
 				null) as string | null;
 
 			const newAtaId = newItem.ataId || null;
-
-			const sameModalidade = !referenceModalidade || newItem.modalidade === referenceModalidade;
 			const sameAta = referenceAtaId === newAtaId;
 
-			if (!sameModalidade || !sameAta) {
-				const refModalidadeLabel = referenceModalidade
-					? formatModalidade(referenceModalidade)
-					: 'Não definida';
+			if (!sameAta) {
 				const refAtaLabel =
 					referenceAtaId === null ? 'sem Ata vinculada' : 'com uma Ata específica';
 
 				toast.error(
-					`Não é possível adicionar este item com esta combinação de modalidade e ata.\n\n` +
-						`Este pedido já está utilizando Modalidade: ${refModalidadeLabel} e está ${refAtaLabel}.\n` +
-						`Todos os itens do pedido devem usar a mesma modalidade e a mesma ata (quando houver).`
+					`Não é possível adicionar este item com esta ata.\n\n` +
+						`Este pedido já está vinculado a: ${refAtaLabel}.\n` +
+						`Todos os itens do pedido devem usar a mesma ata (quando houver).`
 				);
 				return;
 			}
@@ -550,7 +543,6 @@
 				objetoId: newItem.objetoId as Id<'objetos'>,
 				valorEstimado: newItem.valorEstimado,
 				quantidade: newItem.quantidade,
-				modalidade: newItem.modalidade,
 				acaoId: newItem.acaoId ? (newItem.acaoId as Id<'acoes'>) : undefined,
 				ataId: newItem.ataId ? (newItem.ataId as Id<'atas'>) : undefined
 			});
@@ -1664,22 +1656,8 @@
 								placeholder="R$ 0,00"
 							/>
 						</div>
-						<div>
-							<label for="modalidade-select" class="mb-1 block text-xs font-medium text-gray-500"
-								>Modalidade</label
-							>
-							<select
-								id="modalidade-select"
-								bind:value={newItem.modalidade}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
-							>
-								<option value="consumo">Consumo</option>
-								<option value="dispensa">Dispensa</option>
-								<option value="inexgibilidade">Inexigibilidade</option>
-								<option value="adesao">Adesão</option>
-							</select>
-						</div>
-						{#if newItem.objetoId}
+
+						{#if newItem.objetoId && permissions?.canEditAta}
 							<div>
 								<label for="ata-select" class="mb-1 block text-xs font-medium text-gray-500"
 									>Ata (Opcional)</label
@@ -1900,7 +1878,7 @@
 											{/if}
 										</td>
 										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
-											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
+											{#if permissions?.canEditModalidade}
 												<select
 													class="rounded border px-2 py-1 text-xs"
 													value={ensureEditingItem(item).modalidade}
@@ -1919,7 +1897,7 @@
 													<option value="adesao">Adesão</option>
 												</select>
 											{:else}
-												{item.modalidade}
+												{formatModalidade(item.modalidade as Modalidade) || '-'}
 											{/if}
 										</td>
 										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
@@ -1942,7 +1920,7 @@
 											{/if}
 										</td>
 										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
-											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
+											{#if permissions?.canEditAta}
 												<select
 													class="rounded border px-2 py-1 text-xs"
 													value={ensureEditingItem(item).ataId}
diff --git a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
index a8bfe63..73a8a4a 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
-	import type { FunctionReturnType } from 'convex/server';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { Plus, Trash2, X, Info } from 'lucide-svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
-	import { formatarDataBR } from '$lib/utils/datas';
 
 	const client = useConvexClient();
 
@@ -27,40 +25,28 @@
 	let warning = $state<string | null>(null);
 
 	// Item selection state
+	// Nota: modalidade é opcional aqui pois será definida pelo Setor de Compras posteriormente
 	type SelectedItem = {
 		objeto: Doc<'objetos'>;
 		quantidade: number;
-		modalidade: 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
 		acaoId?: Id<'acoes'>;
-		ataId?: Id<'atas'>;
-		ataNumero?: string; // For display
-		ata?: FunctionReturnType<typeof api.objetos.getAtasComLimite>[number]; // dados mínimos p/ exibir detalhes
 	};
 
 	let selectedItems = $state<SelectedItem[]>([]);
 	let selectedObjetoIds = $derived(selectedItems.map((i) => i.objeto._id));
-	let hasMixedModalidades = $derived(new Set(selectedItems.map((i) => i.modalidade)).size > 1);
 
 	// Item configuration modal
 	let showItemModal = $state(false);
 	let itemConfig = $state<{
 		objeto: Doc<'objetos'> | null;
 		quantidade: number;
-		modalidade: 'dispensa' | 'inexgibilidade' | 'adesao' | 'consumo';
 		acaoId: string; // using string to handle empty select
-		ataId: string; // using string to handle empty select
 	}>({
 		objeto: null,
 		quantidade: 1,
-		modalidade: 'consumo',
-		acaoId: '',
-		ataId: ''
+		acaoId: ''
 	});
 
-	type AtasComLimite = FunctionReturnType<typeof api.objetos.getAtasComLimite>;
-	let availableAtas = $state<AtasComLimite>([]);
-
-	// Item Details Modal
 	let showDetailsModal = $state(false);
 	let detailsItem = $state<SelectedItem | null>(null);
 
@@ -75,16 +61,10 @@
 	}
 
 	async function openItemModal(objeto: Doc<'objetos'>) {
-		// Fetch linked Atas for this object
-		const linkedAtas = await client.query(api.objetos.getAtasComLimite, { objetoId: objeto._id });
-		availableAtas = linkedAtas;
-
 		itemConfig = {
 			objeto,
 			quantidade: 1,
-			modalidade: 'consumo',
-			acaoId: '',
-			ataId: ''
+			acaoId: ''
 		};
 		showItemModal = true;
 		searchQuery = ''; // Clear search
@@ -93,24 +73,17 @@
 	function closeItemModal() {
 		showItemModal = false;
 		itemConfig.objeto = null;
-		availableAtas = [];
 	}
 
 	function confirmAddItem() {
 		if (!itemConfig.objeto) return;
 
-		const selectedAta = availableAtas.find((a) => a._id === itemConfig.ataId);
-
 		selectedItems = [
 			...selectedItems,
 			{
 				objeto: itemConfig.objeto,
 				quantidade: itemConfig.quantidade,
-				modalidade: itemConfig.modalidade,
-				acaoId: itemConfig.acaoId ? (itemConfig.acaoId as Id<'acoes'>) : undefined,
-				ataId: itemConfig.ataId ? (itemConfig.ataId as Id<'atas'>) : undefined,
-				ataNumero: selectedAta?.numero,
-				ata: selectedAta
+				acaoId: itemConfig.acaoId ? (itemConfig.acaoId as Id<'acoes'>) : undefined
 			}
 		];
 		checkExisting();
@@ -131,7 +104,6 @@
 			criadoEm: number;
 			matchingItems?: {
 				objetoId: Id<'objetos'>;
-				modalidade: SelectedItem['modalidade'];
 				quantidade: number;
 			}[];
 		}[]
@@ -157,36 +129,6 @@
 		}
 	}
 
-	function formatModalidade(modalidade: SelectedItem['modalidade']) {
-		switch (modalidade) {
-			case 'consumo':
-				return 'Consumo';
-			case 'dispensa':
-				return 'Dispensa';
-			case 'inexgibilidade':
-				return 'Inexigibilidade';
-			case 'adesao':
-				return 'Adesão';
-			default:
-				return modalidade;
-		}
-	}
-
-	function getModalidadeBadgeClasses(modalidade: SelectedItem['modalidade']) {
-		switch (modalidade) {
-			case 'consumo':
-				return 'bg-blue-100 text-blue-800';
-			case 'dispensa':
-				return 'bg-yellow-100 text-yellow-800';
-			case 'inexgibilidade':
-				return 'bg-purple-100 text-purple-800';
-			case 'adesao':
-				return 'bg-green-100 text-green-800';
-			default:
-				return 'bg-gray-100 text-gray-800';
-		}
-	}
-
 	function getAcaoNome(acaoId: Id<'acoes'> | undefined) {
 		if (!acaoId) return '-';
 		const acao = acoes.find((a) => a._id === acaoId);
@@ -206,8 +148,7 @@
 			.map((match) => {
 				// Find name from selected items (might be multiple with same object, just pick one name)
 				const item = selectedItems.find((p) => p.objeto._id === match.objetoId);
-				const modalidadeLabel = formatModalidade(match.modalidade);
-				return `${item?.objeto.nome} (${modalidadeLabel}): ${match.quantidade} un.`;
+				return `${item?.objeto.nome}: ${match.quantidade} un.`;
 			})
 			.join(', ');
 
@@ -218,9 +159,7 @@
 		if (!pedido.matchingItems || pedido.matchingItems.length === 0) return null;
 
 		for (const match of pedido.matchingItems) {
-			const item = selectedItems.find(
-				(p) => p.objeto._id === match.objetoId && p.modalidade === match.modalidade
-			);
+			const item = selectedItems.find((p) => p.objeto._id === match.objetoId);
 			if (item) {
 				return item;
 			}
@@ -239,16 +178,11 @@
 		const params = new URLSearchParams();
 		params.set('obj', matchedItem.objeto._id);
 		params.set('qtd', String(matchedItem.quantidade));
-		params.set('mod', matchedItem.modalidade);
 
 		if (matchedItem.acaoId) {
 			params.set('acao', matchedItem.acaoId);
 		}
 
-		if (matchedItem.ataId) {
-			params.set('ata', matchedItem.ataId);
-		}
-
 		return `/pedidos/${pedido._id}?${params.toString()}` as `/pedidos/${string}`;
 	}
 
@@ -261,13 +195,11 @@
 
 		checking = true;
 		try {
-			// Importante: ação (acaoId) NÃO entra no filtro de similaridade.
-			// O filtro considera apenas combinação de objeto + modalidade.
+			// Importante: O filtro considera apenas objetoId (modalidade não é mais usada na criação).
 			const itensFiltro =
 				selectedItems.length > 0
 					? selectedItems.map((item) => ({
-							objetoId: item.objeto._id,
-							modalidade: item.modalidade
+							objetoId: item.objeto._id
 						}))
 					: undefined;
 
@@ -292,11 +224,6 @@
 
 	async function handleSubmit(e: Event) {
 		e.preventDefault();
-		if (hasMixedModalidades) {
-			error =
-				'Não é possível criar o pedido com itens de modalidades diferentes. Ajuste os itens antes de continuar.';
-			return;
-		}
 		creating = true;
 		error = null;
 		try {
@@ -312,9 +239,7 @@
 							objetoId: item.objeto._id,
 							valorEstimado: item.objeto.valorEstimado,
 							quantidade: item.quantidade,
-							modalidade: item.modalidade,
-							acaoId: item.acaoId,
-							ataId: item.ataId
+							acaoId: item.acaoId
 						})
 					)
 				);
@@ -417,20 +342,6 @@
 										<div class="flex-1 space-y-2">
 											<div class="flex flex-wrap items-center gap-2">
 												<p class="font-semibold text-gray-900">{item.objeto.nome}</p>
-												<span
-													class={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${getModalidadeBadgeClasses(
-														item.modalidade
-													)}`}
-												>
-													{formatModalidade(item.modalidade)}
-												</span>
-												{#if item.ataNumero}
-													<span
-														class="inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800"
-													>
-														Ata {item.ataNumero}
-													</span>
-												{/if}
 												{#if item.acaoId}
 													<span
 														class="inline-flex items-center rounded-full bg-indigo-100 px-2.5 py-0.5 text-xs font-medium text-indigo-800"
@@ -480,15 +391,6 @@
 			</div>
 
 			<!-- Warnings Section -->
-			{#if hasMixedModalidades}
-				<div class="mb-3 rounded-lg border border-red-400 bg-red-50 px-4 py-3 text-sm text-red-800">
-					<p class="font-semibold">Modalidades diferentes detectadas</p>
-					<p>
-						Não é possível criar o pedido com itens de modalidades diferentes. Ajuste os itens para
-						usar uma única modalidade.
-					</p>
-				</div>
-			{/if}
 
 			{#if warning}
 				<div
@@ -508,22 +410,13 @@
 					<p class="mb-3 font-semibold text-yellow-900">Pedidos similares encontrados:</p>
 					<ul class="space-y-2">
 						{#each existingPedidos as pedido (pedido._id)}
-							{@const first = getFirstMatchingSelectedItem(pedido)}
 							<li class="flex flex-col rounded-lg bg-white px-4 py-3 shadow-sm">
 								<div class="flex items-center justify-between gap-3">
 									<div class="space-y-1">
 										<p class="text-sm font-medium text-gray-900">
 											Pedido {pedido.numeroSei || 'sem número SEI'} — {formatStatus(pedido.status)}
 										</p>
-										{#if first}
-											<span
-												class={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${getModalidadeBadgeClasses(
-													first.modalidade
-												)}`}
-											>
-												Modalidade: {formatModalidade(first.modalidade)}
-											</span>
-										{/if}
+
 										{#if getMatchingInfo(pedido)}
 											<p class="mt-1 text-xs text-blue-700">
 												{getMatchingInfo(pedido)}
@@ -553,7 +446,7 @@
 				</a>
 				<button
 					type="submit"
-					disabled={creating || selectedItems.length === 0 || hasMixedModalidades}
+					disabled={creating || selectedItems.length === 0}
 					class="rounded-lg bg-blue-600 px-6 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
 				>
 					{creating ? 'Criando...' : 'Criar Pedido'}
@@ -600,62 +493,6 @@
 						/>
 					</div>
 
-					<div>
-						<label class="mb-2 block text-sm font-medium text-gray-700" for="modalidade">
-							Modalidade
-						</label>
-						<select
-							id="modalidade"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
-							bind:value={itemConfig.modalidade}
-						>
-							<option value="consumo">Consumo</option>
-							<option value="dispensa">Dispensa</option>
-							<option value="inexgibilidade">Inexigibilidade</option>
-							<option value="adesao">Adesão</option>
-						</select>
-					</div>
-
-					{#if availableAtas.length > 0}
-						<div class="rounded-lg border-2 border-green-200 bg-green-50 p-4">
-							<div class="mb-2 flex items-center gap-2">
-								<span class="rounded-full bg-green-600 px-2 py-0.5 text-xs font-bold text-white">
-									{availableAtas.length}
-									{availableAtas.length === 1 ? 'Ata' : 'Atas'}
-								</span>
-								<span class="text-sm font-semibold text-green-900">disponível para este objeto</span
-								>
-							</div>
-							<label class="mb-2 block text-sm font-medium text-gray-700" for="itemAta">
-								Selecionar Ata (Opcional)
-							</label>
-							<select
-								id="itemAta"
-								class="w-full rounded-lg border border-green-300 bg-white px-4 py-2.5 transition focus:border-green-500 focus:ring-2 focus:ring-green-200 focus:outline-none"
-								bind:value={itemConfig.ataId}
-							>
-								<option value="">Nenhuma</option>
-								{#each availableAtas as ata (ata._id)}
-									{@const reason =
-										ata.lockReason === 'nao_configurada'
-											? 'não configurada'
-											: ata.lockReason === 'limite_atingido'
-												? 'limite atingido'
-												: ata.lockReason === 'vigencia_expirada'
-													? `vigência encerrada em ${
-															ata.dataFimEfetiva || ata.dataFim
-																? formatarDataBR((ata.dataFimEfetiva || ata.dataFim) as string)
-																: '-'
-														}`
-													: null}
-									<option value={ata._id} disabled={ata.isLocked}>
-										Ata {ata.numero} (SEI: {ata.numeroSei}){reason ? ` (${reason})` : ''}
-									</option>
-								{/each}
-							</select>
-						</div>
-					{/if}
-
 					<div>
 						<label class="mb-2 block text-sm font-medium text-gray-700" for="itemAcao">
 							Ação (Opcional)
@@ -723,7 +560,7 @@
 					<div class="rounded-lg bg-gray-50 p-4">
 						<h4 class="mb-2 font-semibold text-gray-800">Pedido</h4>
 						<p class="text-gray-700"><strong>Quantidade:</strong> {detailsItem.quantidade}</p>
-						<p class="text-gray-700"><strong>Modalidade:</strong> {detailsItem.modalidade}</p>
+
 						{#if detailsItem.acaoId}
 							<p class="text-gray-700">
 								<strong>Ação:</strong>
@@ -731,32 +568,6 @@
 							</p>
 						{/if}
 					</div>
-
-					{#if detailsItem.ata}
-						<div class="rounded-lg border border-green-100 bg-green-50 p-4">
-							<h4 class="mb-2 font-semibold text-green-900">Ata de Registro de Preços</h4>
-							<p class="text-green-800"><strong>Número:</strong> {detailsItem.ata.numero}</p>
-							<p class="text-green-800">
-								<strong>Processo SEI:</strong>
-								{detailsItem.ata.numeroSei}
-							</p>
-							{#if detailsItem.ata.dataInicio}
-								<p class="text-green-800">
-									<strong>Vigência:</strong>
-									{formatarDataBR(detailsItem.ata.dataInicio)} até {detailsItem.ata
-										.dataFimEfetiva || detailsItem.ata.dataFim
-										? formatarDataBR(
-												(detailsItem.ata.dataFimEfetiva || detailsItem.ata.dataFim) as string
-											)
-										: 'Indefinido'}
-								</p>
-							{/if}
-						</div>
-					{:else}
-						<div class="rounded-lg bg-gray-50 p-4">
-							<p class="text-sm text-gray-500 italic">Nenhuma Ata vinculada a este item.</p>
-						</div>
-					{/if}
 				</div>
 
 				<div class="mt-6 flex justify-end">
diff --git a/packages/backend/convex/pedidos.ts b/packages/backend/convex/pedidos.ts
index 8781225..f7159d5 100644
--- a/packages/backend/convex/pedidos.ts
+++ b/packages/backend/convex/pedidos.ts
@@ -159,12 +159,11 @@ async function getUsuarioAutenticado(ctx: QueryCtx | MutationCtx) {
 	return user;
 }
 
-// Garante que todos os itens de um pedido utilizem a mesma
-// combinação de modalidade e ata (quando houver).
-async function ensurePedidoModalidadeAtaConsistency(
+// Garante que todos os itens de um pedido utilizem a mesma ata (quando houver).
+// Nota: Modalidade não é mais validada aqui, pois é definida apenas pelo Setor de Compras.
+async function ensurePedidoAtaConsistency(
 	ctx: MutationCtx,
 	pedidoId: Id<'pedidos'>,
-	modalidade: Doc<'objetoItems'>['modalidade'],
 	ataId: Id<'atas'> | undefined,
 	ignoreItemId?: Id<'objetoItems'>
 ) {
@@ -185,12 +184,11 @@ async function ensurePedidoModalidadeAtaConsistency(
 		const normalizedItemAtaId = (('ataId' in item ? item.ataId : undefined) ??
 			null) as Id<'atas'> | null;
 
-		const modalidadeMismatch = !!item.modalidade && !!modalidade && item.modalidade !== modalidade;
 		const ataMismatch = normalizedItemAtaId !== normalizedNewAtaId;
 
-		if (modalidadeMismatch || ataMismatch) {
+		if (ataMismatch) {
 			throw new Error(
-				'Todos os itens do pedido devem usar a mesma modalidade e a mesma ata (quando houver). Ajuste os itens existentes ou crie um novo pedido para a nova combinação.'
+				'Todos os itens do pedido devem usar a mesma ata (quando houver). Ajuste os itens existentes ou crie um novo pedido para a nova ata.'
 			);
 		}
 	}
@@ -580,16 +578,11 @@ export const getHistory = query({
 export const checkExisting = query({
 	args: {
 		numeroSei: v.optional(v.string()),
+		// Modalidade removida do filtro - agora busca apenas por objetoId
 		itensFiltro: v.optional(
 			v.array(
 				v.object({
-					objetoId: v.id('objetos'),
-					modalidade: v.union(
-						v.literal('dispensa'),
-						v.literal('inexgibilidade'),
-						v.literal('adesao'),
-						v.literal('consumo')
-					)
+					objetoId: v.id('objetos')
 				})
 			)
 		)
@@ -608,7 +601,6 @@ export const checkExisting = query({
 				v.literal('cancelado'),
 				v.literal('concluido')
 			),
-			// acaoId removed
 			criadoPor: v.id('usuarios'),
 			aceitoPor: v.optional(v.id('funcionarios')),
 			descricaoAjuste: v.optional(v.string()),
@@ -618,12 +610,6 @@ export const checkExisting = query({
 				v.array(
 					v.object({
 						objetoId: v.id('objetos'),
-						modalidade: v.union(
-							v.literal('dispensa'),
-							v.literal('inexgibilidade'),
-							v.literal('adesao'),
-							v.literal('consumo')
-						),
 						quantidade: v.number()
 					})
 				)
@@ -654,7 +640,7 @@ export const checkExisting = query({
 			return true;
 		});
 
-		// 3) Filtro por itens (objetoId + modalidade), se informado, e coleta de matchingItems
+		// 3) Filtro por itens (apenas objetoId), se informado, e coleta de matchingItems
 		const resultados = [];
 
 		const itensFiltro = args.itensFiltro ?? [];
@@ -663,31 +649,21 @@ export const checkExisting = query({
 			let include = true;
 			let matchingItems: {
 				objetoId: Id<'objetos'>;
-				modalidade: NonNullable<Doc<'objetoItems'>['modalidade']>;
 				quantidade: number;
 			}[] = [];
 
-			// Se houver filtro de itens, verificamos se o pedido tem ALGUM dos itens (objetoId + modalidade)
+			// Se houver filtro de itens, verificamos se o pedido tem ALGUM dos itens (apenas objetoId)
 			if (itensFiltro.length > 0) {
 				const items = await ctx.db
 					.query('objetoItems')
 					.withIndex('by_pedidoId', (q) => q.eq('pedidoId', pedido._id))
 					.collect();
 
-				const matching = items.filter((i) =>
-					itensFiltro.some(
-						(f) => f.objetoId === i.objetoId && f.modalidade === (i.modalidade ?? 'consumo')
-					)
-				);
+				const matching = items.filter((i) => itensFiltro.some((f) => f.objetoId === i.objetoId));
 
 				if (matching.length > 0) {
 					matchingItems = matching.map((i) => ({
 						objetoId: i.objetoId,
-						modalidade: (i.modalidade ?? 'consumo') as
-							| 'dispensa'
-							| 'inexgibilidade'
-							| 'adesao'
-							| 'consumo',
 						quantidade: i.quantidade
 					}));
 				} else {
@@ -1442,9 +1418,27 @@ export const addItem = mutation({
 		const modalidade =
 			args.modalidade ?? userProductItems.find((i) => !!i.modalidade)?.modalidade ?? undefined;
 
-		// Regra global: todos os itens do pedido devem ter a mesma
-		// modalidade e a mesma ata (quando houver).
-		await ensurePedidoModalidadeAtaConsistency(ctx, args.pedidoId, modalidade, args.ataId);
+		// Regra global: todos os itens do pedido devem ter a mesma ata (quando houver).
+		await ensurePedidoAtaConsistency(ctx, args.pedidoId, args.ataId);
+
+		// Bloqueia ataId se não for Compras em análise
+		if (args.ataId) {
+			const config = await ctx.db.query('config').first();
+			let isInComprasSector = false;
+			if (config?.comprasSetorId) {
+				const funcionarioSetores = await ctx.db
+					.query('funcionarioSetores')
+					.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', user.funcionarioId!))
+					.filter((q) => q.eq(q.field('setorId'), config.comprasSetorId))
+					.first();
+				isInComprasSector = !!funcionarioSetores;
+			}
+			if (!(pedido.status === 'em_analise' && isInComprasSector)) {
+				throw new Error(
+					'Apenas funcionários do Setor de Compras podem vincular uma Ata, e somente quando o pedido está em análise.'
+				);
+			}
+		}
 
 		// --- CHECK ANALYSIS MODE ---
 		// Em pedidos em análise, a inclusão de itens deve passar por fluxo de aprovação.
@@ -1846,9 +1840,35 @@ export const updateItem = mutation({
 		const pedido = await ctx.db.get(item.pedidoId);
 		if (!pedido) throw new Error('Pedido não encontrado.');
 
-		// Apenas quem adicionou o item pode editá-lo
+		// Apenas quem adicionou o item pode editá-lo (outras propriedades)
 		const isOwner = item.adicionadoPor === user.funcionarioId;
-		if (!isOwner) {
+
+		// Verificar permissão para editar modalidade e ata
+		// Somente Setor de Compras pode editar modalidade e ata, e apenas quando em análise
+		const config = await ctx.db.query('config').first();
+		let isInComprasSector = false;
+		if (config?.comprasSetorId) {
+			const funcionarioSetores = await ctx.db
+				.query('funcionarioSetores')
+				.withIndex('by_funcionarioId', (q) => q.eq('funcionarioId', user.funcionarioId!))
+				.filter((q) => q.eq(q.field('setorId'), config.comprasSetorId))
+				.first();
+			isInComprasSector = !!funcionarioSetores;
+		}
+
+		const canEditComprasFields = pedido.status === 'em_analise' && isInComprasSector;
+
+		// Se está tentando editar a modalidade ou a ata, verificar permissão
+		const isChangingModalidade = item.modalidade !== args.modalidade;
+		const isChangingAta = (item.ataId ?? null) !== (args.ataId ?? null);
+		if ((isChangingModalidade || isChangingAta) && !canEditComprasFields) {
+			throw new Error(
+				'Apenas funcionários do Setor de Compras podem editar a modalidade ou a ata, e somente quando o pedido está em análise.'
+			);
+		}
+
+		// Para outras propriedades, apenas o dono do item pode editar
+		if (!isOwner && !canEditComprasFields) {
 			throw new Error('Apenas quem adicionou este item pode editá-lo.');
 		}
 
@@ -1860,14 +1880,8 @@ export const updateItem = mutation({
 		};
 
 		// Regra global: ao alterar um item, garantir que os demais itens do pedido
-		// continuem (ou passem a estar) com a mesma modalidade e ata.
-		await ensurePedidoModalidadeAtaConsistency(
-			ctx,
-			item.pedidoId,
-			args.modalidade,
-			args.ataId,
-			args.itemId
-		);
+		// continuem (ou passem a estar) com a mesma ata.
+		await ensurePedidoAtaConsistency(ctx, item.pedidoId, args.ataId, args.itemId);
 
 		// Em pedidos em análise ou aguardando aceite, geramos uma solicitação em vez de alterar diretamente
 		if (pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite') {
@@ -1954,6 +1968,8 @@ export const getPermissions = query({
 				canCancel: false,
 				canCompleteAdjustments: false,
 				canManageRequests: false,
+				canEditModalidade: false,
+				canEditAta: false,
 				currentFuncionarioId: user?.funcionarioId ?? null
 			};
 		}
@@ -2004,6 +2020,9 @@ export const getPermissions = query({
 				isCreator &&
 				hasOnlyCreatorItems,
 			canManageRequests: pedido.status === 'em_analise' && isInComprasSector,
+			// Somente Setor de Compras pode editar modalidade e ata, e apenas quando o pedido está em análise
+			canEditModalidade: pedido.status === 'em_analise' && isInComprasSector,
+			canEditAta: pedido.status === 'em_analise' && isInComprasSector,
 			currentFuncionarioId: user.funcionarioId
 		};
 	}
@@ -2524,14 +2543,8 @@ export const approveItemRequest = mutation({
 			// We trust the request data structure matches addItem args
 			const newItem = data;
 
-			// Regra global: todos os itens do pedido devem ter a mesma
-			// modalidade e ata (quando houver).
-			await ensurePedidoModalidadeAtaConsistency(
-				ctx,
-				request.pedidoId,
-				newItem.modalidade,
-				newItem.ataId
-			);
+			// Regra global: todos os itens do pedido devem ter a mesma ata (quando houver).
+			await ensurePedidoAtaConsistency(ctx, request.pedidoId, newItem.ataId);
 			// Note: We MUST use the original requester's ID (request.solicitadoPor) as addedBy?
 			// Or should we attribute it to the requester? YES.
 			// BUT `addItem` logic usually checks if `existingItem.adicionadoPor === user`.
@@ -2625,13 +2638,7 @@ export const approveItemRequest = mutation({
 			const item = await ctx.db.get(itemId);
 			if (item) {
 				// Regra global também se aplica na alteração de detalhes aprovada
-				await ensurePedidoModalidadeAtaConsistency(
-					ctx,
-					item.pedidoId,
-					para.modalidade,
-					para.ataId,
-					itemId
-				);
+				await ensurePedidoAtaConsistency(ctx, item.pedidoId, para.ataId, itemId);
 
 				const oldAtaId = ('ataId' in item ? item.ataId : undefined) ?? undefined;
 				const newAtaId = para.ataId;

From 230be4db618c0c01068fb54acb9e02bdb07648f2 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Thu, 18 Dec 2025 10:56:03 -0300
Subject: [PATCH 11/13] refactor: simplify table header styling in compras
 pages by removing unnecessary classes, enhancing code clarity and
 maintainability

---
 apps/web/src/routes/(dashboard)/compras/atas/+page.svelte    | 2 +-
 apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
index 1fd3b9c..c596e42 100644
--- a/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/atas/+page.svelte
@@ -374,7 +374,7 @@
 			<div class="card-body p-0">
 				<div class="overflow-x-auto">
 					<table class="table-zebra table w-full">
-						<thead class="from-base-300 to-base-200 sticky top-0 z-10 bg-linear-to-r shadow-md">
+						<thead>
 							<tr>
 								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 									>Número</th
diff --git a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
index bf2324d..8222a66 100644
--- a/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/objetos/+page.svelte
@@ -234,7 +234,7 @@
 			<div class="card-body p-0">
 				<div class="overflow-x-auto">
 					<table class="table-zebra table w-full">
-						<thead class="from-base-300 to-base-200 sticky top-0 z-10 bg-linear-to-r shadow-md">
+						<thead>
 							<tr>
 								<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 									>Nome</th

From f008610b2623a8413fd5f5bd1ac23420bfab84c9 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Thu, 18 Dec 2025 12:02:57 -0300
Subject: [PATCH 12/13] refactor: enhance pedidos UI by integrating reusable
 components for layout and styling, improving code maintainability and user
 experience across various pages

---
 .../lib/components/layout/Breadcrumbs.svelte  |  29 +
 .../lib/components/layout/PageHeader.svelte   |  50 +
 .../lib/components/layout/PageShell.svelte    |  16 +
 .../src/lib/components/ui/EmptyState.svelte   |  34 +
 .../src/lib/components/ui/GlassCard.svelte    |  22 +
 .../src/lib/components/ui/TableCard.svelte    |  18 +
 .../routes/(dashboard)/pedidos/+page.svelte   | 354 +++----
 .../(dashboard)/pedidos/[id]/+page.svelte     | 865 ++++++++++--------
 .../(dashboard)/pedidos/aceite/+page.svelte   |  69 +-
 .../pedidos/minhas-analises/+page.svelte      | 145 +--
 .../(dashboard)/pedidos/novo/+page.svelte     | 345 ++++---
 .../pedidos/planejamento/+page.svelte         | 253 ++---
 .../pedidos/planejamento/[id]/+page.svelte    | 385 ++++----
 13 files changed, 1430 insertions(+), 1155 deletions(-)
 create mode 100644 apps/web/src/lib/components/layout/Breadcrumbs.svelte
 create mode 100644 apps/web/src/lib/components/layout/PageHeader.svelte
 create mode 100644 apps/web/src/lib/components/layout/PageShell.svelte
 create mode 100644 apps/web/src/lib/components/ui/EmptyState.svelte
 create mode 100644 apps/web/src/lib/components/ui/GlassCard.svelte
 create mode 100644 apps/web/src/lib/components/ui/TableCard.svelte

diff --git a/apps/web/src/lib/components/layout/Breadcrumbs.svelte b/apps/web/src/lib/components/layout/Breadcrumbs.svelte
new file mode 100644
index 0000000..03b3f4e
--- /dev/null
+++ b/apps/web/src/lib/components/layout/Breadcrumbs.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	export type BreadcrumbItem = {
+		label: string;
+		href?: string;
+	};
+
+	interface Props {
+		items: BreadcrumbItem[];
+		class?: string;
+	}
+
+	let { items, class: className = '' }: Props = $props();
+</script>
+
+<div class={['breadcrumbs mb-4 text-sm', className].filter(Boolean)}>
+	<ul>
+		{#each items as item (item.label)}
+			<li>
+				{#if item.href}
+					<a href={item.href} class="text-primary hover:underline">{item.label}</a>
+				{:else}
+					{item.label}
+				{/if}
+			</li>
+		{/each}
+	</ul>
+</div>
+
+
diff --git a/apps/web/src/lib/components/layout/PageHeader.svelte b/apps/web/src/lib/components/layout/PageHeader.svelte
new file mode 100644
index 0000000..b42b09a
--- /dev/null
+++ b/apps/web/src/lib/components/layout/PageHeader.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		title: string;
+		subtitle?: string;
+
+		icon?: Snippet;
+		actions?: Snippet;
+
+		class?: string;
+	}
+
+	let {
+		title,
+		subtitle,
+		icon,
+		actions,
+		class: className = ''
+	}: Props = $props();
+</script>
+
+<div class={['mb-6', className].filter(Boolean)}>
+	<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
+		<div class="flex items-center gap-4">
+			{#if icon}
+				<div class="bg-primary/10 rounded-xl p-3">
+					<div class="text-primary [&_svg]:h-8 [&_svg]:w-8">
+						{@render icon()}
+					</div>
+				</div>
+			{/if}
+
+			<div>
+				<h1 class="text-primary text-3xl font-bold">{title}</h1>
+				{#if subtitle}
+					<p class="text-base-content/70">{subtitle}</p>
+				{/if}
+			</div>
+		</div>
+
+		{#if actions}
+			<div class="flex items-center gap-2">
+				{@render actions()}
+			</div>
+		{/if}
+	</div>
+</div>
+
+
diff --git a/apps/web/src/lib/components/layout/PageShell.svelte b/apps/web/src/lib/components/layout/PageShell.svelte
new file mode 100644
index 0000000..b45727d
--- /dev/null
+++ b/apps/web/src/lib/components/layout/PageShell.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', children }: Props = $props();
+</script>
+
+<main class={['container mx-auto flex max-w-7xl flex-col px-4 py-4', className].filter(Boolean)}>
+	{@render children?.()}
+</main>
+
+
diff --git a/apps/web/src/lib/components/ui/EmptyState.svelte b/apps/web/src/lib/components/ui/EmptyState.svelte
new file mode 100644
index 0000000..bf6edb3
--- /dev/null
+++ b/apps/web/src/lib/components/ui/EmptyState.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		title: string;
+		description?: string;
+		icon?: Snippet;
+		class?: string;
+	}
+
+	let { title, description, icon, class: className = '' }: Props = $props();
+</script>
+
+<div
+	class={[
+		'bg-base-100 border-base-300 flex flex-col items-center justify-center rounded-lg border py-12 text-center',
+		className
+	].filter(Boolean)}
+>
+	{#if icon}
+		<div class="bg-base-200 mb-4 rounded-full p-4">
+			<div class="text-base-content/30 [&_svg]:h-8 [&_svg]:w-8">
+				{@render icon()}
+			</div>
+		</div>
+	{/if}
+
+	<h3 class="text-lg font-semibold">{title}</h3>
+	{#if description}
+		<p class="text-base-content/60 mt-1 max-w-sm text-sm">{description}</p>
+	{/if}
+</div>
+
+
diff --git a/apps/web/src/lib/components/ui/GlassCard.svelte b/apps/web/src/lib/components/ui/GlassCard.svelte
new file mode 100644
index 0000000..1e441eb
--- /dev/null
+++ b/apps/web/src/lib/components/ui/GlassCard.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		class?: string;
+		bodyClass?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', bodyClass = '', children }: Props = $props();
+</script>
+
+<div
+	class={[
+		'card bg-base-100/90 border-base-300 border shadow-xl backdrop-blur-sm',
+		className
+	].filter(Boolean)}
+>
+	<div class={['card-body', bodyClass].filter(Boolean)}>
+		{@render children?.()}
+	</div>
+</div>
diff --git a/apps/web/src/lib/components/ui/TableCard.svelte b/apps/web/src/lib/components/ui/TableCard.svelte
new file mode 100644
index 0000000..d551ba5
--- /dev/null
+++ b/apps/web/src/lib/components/ui/TableCard.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
+
+	interface Props {
+		class?: string;
+		bodyClass?: string;
+		children?: Snippet;
+	}
+
+	let { class: className = '', bodyClass = '', children }: Props = $props();
+</script>
+
+<GlassCard class={className} bodyClass={['p-0', bodyClass].filter(Boolean).join(' ')}>
+	<div class="overflow-x-auto">
+		{@render children?.()}
+	</div>
+</GlassCard>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
index 0352f70..909e707 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/+page.svelte
@@ -3,9 +3,14 @@
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { exportarRelatorioPedidosXLSX } from '$lib/utils/pedidos/relatorioPedidosExcel';
 	import { gerarRelatorioPedidosPDF } from '$lib/utils/pedidos/relatorioPedidosPDF';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageHeader from '$lib/components/layout/PageHeader.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
+	import TableCard from '$lib/components/ui/TableCard.svelte';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { endOfDay, startOfDay } from 'date-fns';
-	import { Eye, Plus } from 'lucide-svelte';
+	import { Eye, FileText, Plus } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 
 	const client = useConvexClient();
@@ -149,22 +154,22 @@
 		}
 	}
 
-	function getStatusColor(status: string) {
+	function getStatusBadgeClass(status: string) {
 		switch (status) {
 			case 'em_rascunho':
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 			case 'aguardando_aceite':
-				return 'bg-yellow-100 text-yellow-800';
+				return 'badge-warning';
 			case 'em_analise':
-				return 'bg-blue-100 text-blue-800';
+				return 'badge-info';
 			case 'precisa_ajustes':
-				return 'bg-orange-100 text-orange-800';
+				return 'badge-secondary';
 			case 'concluido':
-				return 'bg-green-100 text-green-800';
+				return 'badge-success';
 			case 'cancelado':
-				return 'bg-red-100 text-red-800';
+				return 'badge-error';
 			default:
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 		}
 	}
 
@@ -173,148 +178,150 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-2xl font-bold">Pedidos</h1>
-		<div class="flex items-center gap-2">
+<PageShell>
+	<Breadcrumbs items={[{ label: 'Dashboard', href: resolve('/') }, { label: 'Pedidos' }]} />
+
+	<PageHeader title="Pedidos" subtitle="Cadastro, acompanhamento e relatórios de pedidos">
+		{#snippet icon()}
+			<FileText strokeWidth={2} />
+		{/snippet}
+
+		{#snippet actions()}
 			<button
 				type="button"
-				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-60"
+				class="btn btn-outline"
 				onclick={gerarPDF}
 				disabled={generatingPDF || generatingXLSX}
 				title="Gera relatório completo (PDF) no padrão do sistema"
 			>
 				{#if generatingPDF}
-					Gerando PDF...
-				{:else}
-					Relatório (PDF)
+					<span class="loading loading-spinner loading-sm"></span>
 				{/if}
+				{generatingPDF ? 'Gerando PDF...' : 'Relatório (PDF)'}
 			</button>
 
 			<button
 				type="button"
-				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-60"
+				class="btn btn-outline"
 				onclick={exportarXLSX}
 				disabled={generatingPDF || generatingXLSX}
 				title="Exporta relatório completo em Excel (XLSX)"
 			>
 				{#if generatingXLSX}
-					Exportando...
-				{:else}
-					Excel (XLSX)
+					<span class="loading loading-spinner loading-sm"></span>
 				{/if}
+				{generatingXLSX ? 'Exportando...' : 'Excel (XLSX)'}
 			</button>
 
 			<a
 				href={resolve('/pedidos/novo')}
-				class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
+				class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
 			>
-				<Plus size={20} />
+				<Plus class="h-5 w-5" strokeWidth={2} />
 				Novo Pedido
 			</a>
-		</div>
-	</div>
+		{/snippet}
+	</PageHeader>
 
-	<div class="mb-6 rounded-lg bg-white p-4 shadow-md">
-		<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_numeroSei"
-					>Número SEI</label
-				>
-				<input
-					id="filtro_numeroSei"
-					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-					type="text"
-					placeholder="Buscar..."
-					bind:value={filtroNumeroSei}
-				/>
-			</div>
+	<GlassCard class="mb-6">
+		<div class="grid gap-4 sm:grid-cols-[1fr_auto] sm:items-end">
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-3 lg:grid-cols-5">
+				<div class="form-control w-full">
+					<label class="label" for="filtro_numeroSei">
+						<span class="label-text font-semibold">Número SEI</span>
+					</label>
+					<input
+						id="filtro_numeroSei"
+						class="input input-bordered focus:input-primary w-full"
+						type="text"
+						placeholder="Digite para filtrar..."
+						bind:value={filtroNumeroSei}
+					/>
+				</div>
 
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_criadoPor"
-					>Criado por</label
-				>
-				<select
-					id="filtro_criadoPor"
-					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-					bind:value={filtroCriadoPor}
-				>
-					<option value="">Todos</option>
-					{#each usuariosQuery.data || [] as u (u._id)}
-						<option value={u._id}>{u.nome}</option>
-					{/each}
-				</select>
-			</div>
+				<div class="form-control w-full">
+					<label class="label" for="filtro_criadoPor">
+						<span class="label-text font-semibold">Criado por</span>
+					</label>
+					<select
+						id="filtro_criadoPor"
+						class="select select-bordered focus:select-primary w-full"
+						bind:value={filtroCriadoPor}
+					>
+						<option value="">Todos</option>
+						{#each usuariosQuery.data || [] as u (u._id)}
+							<option value={u._id}>{u.nome}</option>
+						{/each}
+					</select>
+				</div>
 
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_aceitoPor"
-					>Aceito por</label
-				>
-				<select
-					id="filtro_aceitoPor"
-					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-					bind:value={filtroAceitoPor}
-				>
-					<option value="">Todos</option>
-					{#each funcionariosQuery.data || [] as f (f._id)}
-						<option value={f._id}>{f.nome}</option>
-					{/each}
-				</select>
-			</div>
+				<div class="form-control w-full">
+					<label class="label" for="filtro_aceitoPor">
+						<span class="label-text font-semibold">Aceito por</span>
+					</label>
+					<select
+						id="filtro_aceitoPor"
+						class="select select-bordered focus:select-primary w-full"
+						bind:value={filtroAceitoPor}
+					>
+						<option value="">Todos</option>
+						{#each funcionariosQuery.data || [] as f (f._id)}
+							<option value={f._id}>{f.nome}</option>
+						{/each}
+					</select>
+				</div>
 
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_inicio"
-					>Período (início)</label
-				>
-				<input
-					id="filtro_inicio"
-					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-					type="date"
-					bind:value={filtroInicio}
-				/>
-			</div>
+				<div class="form-control w-full">
+					<label class="label" for="filtro_inicio">
+						<span class="label-text font-semibold">Período (início)</span>
+					</label>
+					<input
+						id="filtro_inicio"
+						class="input input-bordered focus:input-primary w-full"
+						type="date"
+						bind:value={filtroInicio}
+					/>
+				</div>
 
-			<div>
-				<label class="mb-2 block text-sm font-medium text-gray-700" for="filtro_fim"
-					>Período (fim)</label
-				>
-				<input
-					id="filtro_fim"
-					class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-					type="date"
-					bind:value={filtroFim}
-				/>
-			</div>
+				<div class="form-control w-full">
+					<label class="label" for="filtro_fim">
+						<span class="label-text font-semibold">Período (fim)</span>
+					</label>
+					<input
+						id="filtro_fim"
+						class="input input-bordered focus:input-primary w-full"
+						type="date"
+						bind:value={filtroFim}
+					/>
+				</div>
 
-			<div class="lg:col-span-3">
-				<div class="mb-2 text-sm font-medium text-gray-700">Status</div>
-				<div class="flex flex-wrap gap-3">
-					{#each statusOptions as s (s.value)}
-						<label class="flex items-center gap-2 text-sm">
-							<input
-								type="checkbox"
-								class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-								checked={statusSelected[s.value]}
-								onchange={(e) =>
-									(statusSelected[s.value] = (e.currentTarget as HTMLInputElement).checked)}
-							/>
-							<span>{s.label}</span>
-						</label>
-					{/each}
+				<div class="form-control w-full md:col-span-3 lg:col-span-5">
+					<div class="label">
+						<span class="label-text font-semibold">Status</span>
+					</div>
+					<div class="flex flex-wrap gap-3">
+						{#each statusOptions as s (s.value)}
+							<label class="label cursor-pointer justify-start gap-2 py-1">
+								<input
+									type="checkbox"
+									class="checkbox checkbox-primary checkbox-sm"
+									checked={statusSelected[s.value]}
+									onchange={(e) =>
+										(statusSelected[s.value] = (e.currentTarget as HTMLInputElement).checked)}
+								/>
+								<span class="label-text">{s.label}</span>
+							</label>
+						{/each}
+					</div>
 				</div>
 			</div>
-		</div>
 
-		<div class="mt-4 flex justify-end gap-2">
-			<button
-				type="button"
-				class="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
-				onclick={limparFiltros}
-			>
-				Limpar filtros
-			</button>
+			<div class="flex items-center justify-between gap-3 sm:min-w-max sm:justify-end">
+				<div class="text-base-content/70 text-sm">{pedidos.length} resultado(s)</div>
+				<button type="button" class="btn btn-ghost" onclick={limparFiltros}>Limpar</button>
+			</div>
 		</div>
-	</div>
+	</GlassCard>
 
 	<div role="tablist" class="tabs tabs-bordered mb-6">
 		<button
@@ -334,87 +341,82 @@
 	</div>
 
 	{#if loading}
-		<div class="flex flex-col gap-4">
-			{#each Array(3) as _, i (i)}
-				<div class="skeleton h-16 w-full rounded-lg"></div>
-			{/each}
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
 		</div>
 	{:else if error}
 		<div class="alert alert-error">
 			<span>{error}</span>
 		</div>
 	{:else}
-		<div class="overflow-hidden rounded-lg bg-white shadow-md">
-			<table class="min-w-full divide-y divide-gray-200">
-				<thead class="bg-gray-50">
+		<TableCard>
+			<table class="table-zebra table w-full">
+				<thead>
 					<tr>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 							>Número SEI</th
 						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 							>Status</th
 						>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Criado Por</th
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Criado por</th
+						>
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Data de criação</th
 						>
 						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
-							>Data de Criação</th
-						>
-						<th
-							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
+							class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
 							>Ações</th
 						>
 					</tr>
 				</thead>
-				<tbody class="divide-y divide-gray-200 bg-white">
-					{#each pedidos as pedido (pedido._id)}
-						<tr class="hover:bg-gray-50">
-							<td class="px-6 py-4 font-medium whitespace-nowrap">
-								{#if pedido.numeroSei}
-									{pedido.numeroSei}
-								{:else}
-									<span class="text-amber-600">Sem número SEI</span>
-								{/if}
-							</td>
-							<td class="px-6 py-4 whitespace-nowrap">
-								<span
-									class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getStatusColor(
-										pedido.status
-									)}"
-								>
-									{formatStatus(pedido.status)}
-								</span>
-							</td>
-							<td class="px-6 py-4 whitespace-nowrap text-gray-500">
-								{pedido.criadoPorNome || 'Desconhecido'}
-							</td>
-							<td class="px-6 py-4 whitespace-nowrap text-gray-500">
-								{formatDate(pedido.criadoEm)}
-							</td>
-							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
-								<a
-									href={resolve(`/pedidos/${pedido._id}`)}
-									class="inline-flex items-center gap-1 text-indigo-600 hover:text-indigo-900"
-								>
-									<Eye size={18} />
-									Visualizar
-								</a>
-							</td>
-						</tr>
-					{/each}
+				<tbody>
 					{#if pedidos.length === 0}
 						<tr>
-							<td colspan="5" class="px-6 py-4 text-center text-gray-500"
-								>Nenhum pedido encontrado.</td
-							>
+							<td colspan="5" class="py-12 text-center">
+								<div class="text-base-content/60 flex flex-col items-center gap-2">
+									<p class="text-lg font-semibold">Nenhum pedido encontrado</p>
+									<p class="text-sm">Ajuste ou limpe os filtros para ver resultados.</p>
+								</div>
+							</td>
 						</tr>
+					{:else}
+						{#each pedidos as pedido (pedido._id)}
+							<tr class="hover:bg-base-200/50 transition-colors">
+								<td class="font-medium whitespace-nowrap">
+									{#if pedido.numeroSei}
+										{pedido.numeroSei}
+									{:else}
+										<span class="text-warning">Sem número SEI</span>
+									{/if}
+								</td>
+								<td class="whitespace-nowrap">
+									<span class="badge badge-sm {getStatusBadgeClass(pedido.status)}">
+										{formatStatus(pedido.status)}
+									</span>
+								</td>
+								<td class="text-base-content/70 whitespace-nowrap">
+									{pedido.criadoPorNome || 'Desconhecido'}
+								</td>
+								<td class="text-base-content/70 whitespace-nowrap">
+									{formatDate(pedido.criadoEm)}
+								</td>
+								<td class="text-right whitespace-nowrap">
+									<a
+										href={resolve(`/pedidos/${pedido._id}`)}
+										class="btn btn-ghost btn-sm gap-2"
+										aria-label="Visualizar pedido"
+									>
+										<Eye class="h-4 w-4" />
+										Visualizar
+									</a>
+								</td>
+							</tr>
+						{/each}
 					{/if}
 				</tbody>
 			</table>
-		</div>
+		</TableCard>
 	{/if}
-</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
index c2735e0..e57beb8 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/[id]/+page.svelte
@@ -6,6 +6,9 @@
 	import { SvelteSet } from 'svelte/reactivity';
 	import { toast } from 'svelte-sonner';
 	import ConfirmationModal from '$lib/components/ConfirmationModal.svelte';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
 	import {
 		AlertTriangle,
 		CheckCircle,
@@ -875,22 +878,22 @@
 		dfdValue = '';
 	}
 
-	function getStatusColor(status: string) {
+	function getStatusBadgeClass(status: string) {
 		switch (status) {
 			case 'em_rascunho':
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 			case 'aguardando_aceite':
-				return 'bg-yellow-100 text-yellow-800';
+				return 'badge-warning';
 			case 'em_analise':
-				return 'bg-blue-100 text-blue-800';
+				return 'badge-info';
 			case 'precisa_ajustes':
-				return 'bg-orange-100 text-orange-800';
+				return 'badge-secondary';
 			case 'concluido':
-				return 'bg-green-100 text-green-800';
+				return 'badge-success';
 			case 'cancelado':
-				return 'bg-red-100 text-red-800';
+				return 'badge-error';
 			default:
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 		}
 	}
 
@@ -1161,52 +1164,70 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
+<PageShell>
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: pedido?.numeroSei ? `SEI: ${pedido.numeroSei}` : `Pedido ${pedidoId.slice(-6)}` }
+		]}
+	/>
+
 	{#if loading}
-		<p>Carregando...</p>
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
+		</div>
 	{:else if error}
-		<p class="text-red-600">{error}</p>
+		<div class="alert alert-error">
+			<span>{error}</span>
+		</div>
 	{:else if pedido}
-		<div class="mb-6 flex items-start justify-between">
-			<div>
-				<h1 class="flex items-center gap-3 text-2xl font-bold">
-					<div class="flex items-center gap-4">
+		<GlassCard class="mb-6">
+			<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
+				<div class="min-w-0">
+					<div class="flex flex-col gap-3">
 						{#if editingSei}
 							<div class="flex items-center gap-2">
 								<input
 									type="text"
 									bind:value={seiValue}
-									class="rounded border px-2 py-1 text-sm"
+									class="input input-bordered input-sm w-64"
 									placeholder="Número SEI"
 									disabled={updatingSei}
 								/>
 								<button
 									onclick={handleUpdateSei}
 									disabled={updatingSei}
-									class="rounded bg-green-600 p-1 text-white hover:bg-green-700 disabled:opacity-50"
+									class="btn btn-primary btn-sm btn-square"
 									title="Salvar"
 								>
-									<Save size={16} />
+									{#if updatingSei}
+										<span class="loading loading-spinner loading-sm"></span>
+									{:else}
+										<Save class="h-4 w-4" />
+									{/if}
 								</button>
 								<button
 									onclick={cancelEditingSei}
 									disabled={updatingSei}
-									class="rounded bg-gray-400 p-1 text-white hover:bg-gray-500 disabled:opacity-50"
+									class="btn btn-ghost btn-sm btn-square"
 									title="Cancelar"
 								>
-									<X size={16} />
+									<X class="h-4 w-4" />
 								</button>
 							</div>
 						{:else}
 							<div class="flex items-center gap-2">
-								<span>SEI: {pedido.numeroSei || 'sem número SEI'}</span>
+								<h1 class="text-primary text-2xl font-bold">
+									SEI: {pedido.numeroSei || 'sem número SEI'}
+								</h1>
 								{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes'}
 									<button
 										onclick={startEditingSei}
-										class="rounded bg-blue-100 p-1 text-blue-600 hover:bg-blue-200"
+										class="btn btn-ghost btn-sm btn-square"
 										title="Editar número SEI"
 									>
-										<Edit size={16} />
+										<Edit class="h-4 w-4" />
 									</button>
 								{/if}
 							</div>
@@ -1216,167 +1237,162 @@
 								<input
 									type="text"
 									bind:value={dfdValue}
-									class="rounded border px-2 py-1 text-sm"
+									class="input input-bordered input-sm w-64"
 									placeholder="Número DFD"
 									disabled={updatingDfd}
 								/>
 								<button
 									onclick={handleUpdateDfd}
 									disabled={updatingDfd}
-									class="rounded bg-green-600 p-1 text-white hover:bg-green-700 disabled:opacity-50"
+									class="btn btn-primary btn-sm btn-square"
 									title="Salvar"
 								>
-									<Save size={16} />
+									{#if updatingDfd}
+										<span class="loading loading-spinner loading-sm"></span>
+									{:else}
+										<Save class="h-4 w-4" />
+									{/if}
 								</button>
 								<button
 									onclick={cancelEditingDfd}
 									disabled={updatingDfd}
-									class="rounded bg-gray-400 p-1 text-white hover:bg-gray-500 disabled:opacity-50"
+									class="btn btn-ghost btn-sm btn-square"
 									title="Cancelar"
 								>
-									<X size={16} />
+									<X class="h-4 w-4" />
 								</button>
 							</div>
 						{:else}
 							<div class="flex items-center gap-2">
-								<span>DFD: {pedido.numeroDfd || 'sem número DFD'}</span>
+								<span class="text-base-content/70">DFD: {pedido.numeroDfd || 'sem número DFD'}</span
+								>
 								{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes'}
 									<button
 										onclick={startEditingDfd}
-										class="rounded bg-blue-100 p-1 text-blue-600 hover:bg-blue-200"
+										class="btn btn-ghost btn-sm btn-square"
 										title="Editar número DFD"
 									>
-										<Edit size={16} />
+										<Edit class="h-4 w-4" />
 									</button>
 								{/if}
 							</div>
 						{/if}
 					</div>
-					<span class="rounded-full px-3 py-1 text-sm font-medium {getStatusColor(pedido.status)}">
+
+					<span class="badge badge-sm {getStatusBadgeClass(pedido.status)}">
 						{formatStatus(pedido.status)}
 					</span>
-				</h1>
-				{#if !pedido.numeroSei}
-					<p class="mt-1 text-sm text-amber-600">
-						⚠️ Este pedido não possui número SEI. Um número SEI deve ser informado antes de enviar
-						para aceite.
-					</p>
-				{/if}
-				{#if !pedido.numeroDfd}
-					<p class="mt-1 text-sm text-amber-600">
-						⚠️ Este pedido não possui número DFD. Um número DFD deve ser informado antes de enviar
-						para aceite.
-					</p>
-				{/if}
-				{#if pedido.status === 'precisa_ajustes' && pedido.descricaoAjuste}
-					<div class="mt-2 rounded-md border border-orange-200 bg-orange-50 p-4">
-						<h3 class="flex items-center gap-2 text-sm font-semibold text-orange-800">
-							<AlertTriangle size={16} /> Ajustes Solicitados:
-						</h3>
-						<p class="mt-1 text-sm whitespace-pre-wrap text-orange-700">{pedido.descricaoAjuste}</p>
-					</div>
-				{/if}
-			</div>
+					{#if !pedido.numeroSei}
+						<div class="alert alert-warning mt-3">
+							<span class="text-sm">
+								⚠️ Este pedido não possui número SEI. Um número SEI deve ser informado antes de
+								enviar para aceite.
+							</span>
+						</div>
+					{/if}
+					{#if !pedido.numeroDfd}
+						<div class="alert alert-warning mt-3">
+							<span class="text-sm">
+								⚠️ Este pedido não possui número DFD. Um número DFD deve ser informado antes de
+								enviar para aceite.
+							</span>
+						</div>
+					{/if}
+					{#if pedido.status === 'precisa_ajustes' && pedido.descricaoAjuste}
+						<div class="alert alert-warning mt-3">
+							<span class="flex items-start gap-2 text-sm">
+								<AlertTriangle class="mt-0.5 h-4 w-4" />
+								<span class="whitespace-pre-wrap">
+									<strong>Ajustes solicitados:</strong>
+									{pedido.descricaoAjuste}
+								</span>
+							</span>
+						</div>
+					{/if}
+				</div>
 
-			<div class="flex gap-2">
-				{#if permissions?.canSendToAcceptance}
-					<button
-						onclick={handleEnviarParaAceite}
-						disabled={!pedido.numeroSei || !pedido.numeroDfd}
-						class={[
-							'flex items-center gap-2 rounded bg-blue-600 px-4 py-2 text-white hover:bg-blue-700',
-							!pedido.numeroSei || !pedido.numeroDfd ? 'cursor-not-allowed opacity-50' : ''
-						]}
-					>
-						<Send size={18} /> Enviar para Aceite
-					</button>
-				{/if}
+				<div class="flex flex-wrap items-center gap-2">
+					{#if permissions?.canSendToAcceptance}
+						<button
+							onclick={handleEnviarParaAceite}
+							disabled={!pedido.numeroSei || !pedido.numeroDfd}
+							class="btn btn-primary gap-2"
+						>
+							<Send class="h-4 w-4" /> Enviar para Aceite
+						</button>
+					{/if}
 
-				{#if permissions?.canStartAnalysis}
-					<button
-						onclick={handleIniciarAnalise}
-						class="flex items-center gap-2 rounded bg-indigo-600 px-4 py-2 text-white hover:bg-indigo-700"
-					>
-						<Clock size={18} /> Iniciar Análise
-					</button>
-				{/if}
+					{#if permissions?.canStartAnalysis}
+						<button onclick={handleIniciarAnalise} class="btn btn-primary gap-2">
+							<Clock class="h-4 w-4" /> Iniciar Análise
+						</button>
+					{/if}
 
-				{#if permissions?.canConclude}
-					<button
-						onclick={handleConcluir}
-						class="flex items-center gap-2 rounded bg-green-600 px-4 py-2 text-white hover:bg-green-700"
-					>
-						<CheckCircle size={18} /> Concluir
-					</button>
-				{/if}
+					{#if permissions?.canConclude}
+						<button onclick={handleConcluir} class="btn btn-success gap-2">
+							<CheckCircle class="h-4 w-4" /> Concluir
+						</button>
+					{/if}
 
-				{#if permissions?.canRequestAdjustments}
-					<button
-						onclick={openRequestAdjustmentsModal}
-						class="flex items-center gap-2 rounded bg-orange-500 px-4 py-2 text-white hover:bg-orange-600"
-					>
-						<AlertTriangle size={18} /> Solicitar Ajustes
-					</button>
-				{/if}
+					{#if permissions?.canRequestAdjustments}
+						<button onclick={openRequestAdjustmentsModal} class="btn btn-warning gap-2">
+							<AlertTriangle class="h-4 w-4" /> Solicitar Ajustes
+						</button>
+					{/if}
 
-				{#if permissions?.canCompleteAdjustments}
-					<button
-						onclick={handleConcluirAjustes}
-						class="flex items-center gap-2 rounded bg-teal-600 px-4 py-2 text-white hover:bg-teal-700"
-					>
-						<CheckCircle size={18} /> Concluir Ajustes
-					</button>
-				{/if}
+					{#if permissions?.canCompleteAdjustments}
+						<button onclick={handleConcluirAjustes} class="btn btn-success gap-2">
+							<CheckCircle class="h-4 w-4" /> Concluir Ajustes
+						</button>
+					{/if}
 
-				{#if permissions?.canCancel}
-					<button
-						onclick={handleCancelar}
-						class="flex items-center gap-2 rounded bg-red-100 px-4 py-2 text-red-700 hover:bg-red-200"
-					>
-						<XCircle size={18} /> Cancelar
-					</button>
-				{/if}
-			</div>
-		</div>
+					{#if permissions?.canCancel}
+						<button onclick={handleCancelar} class="btn btn-outline btn-error gap-2">
+							<XCircle class="h-4 w-4" /> Cancelar
+						</button>
+					{/if}
+				</div>
+			</div></GlassCard
+		>
 
 		<!-- Documentos do Pedido -->
-		<div class="mb-6 overflow-hidden rounded-lg bg-white shadow-md">
-			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
+		<GlassCard class="mb-6" bodyClass="p-0">
+			<div class="border-base-300 flex items-center justify-between border-b px-6 py-4">
 				<h2 class="text-lg font-semibold">Documentos do Pedido</h2>
 				<button
 					type="button"
 					onclick={() => (showAddPedidoDocumento = !showAddPedidoDocumento)}
-					class="flex items-center gap-1 text-sm font-medium text-blue-600 hover:text-blue-800"
+					class="btn btn-ghost btn-sm gap-2"
 				>
-					<Plus size={16} /> Adicionar documento
+					<Plus class="h-4 w-4" /> Adicionar documento
 				</button>
 			</div>
 
 			{#if showAddPedidoDocumento}
-				<div class="border-b border-gray-200 bg-gray-50 px-6 py-4">
+				<div class="border-base-300 bg-base-200/30 border-b px-6 py-4">
 					<div class="grid grid-cols-1 gap-3 md:grid-cols-3">
 						<div class="md:col-span-2">
-							<label class="mb-1 block text-xs font-medium text-gray-500" for="pedido-doc-desc"
-								>Descrição</label
-							>
+							<label class="label py-0" for="pedido-doc-desc">
+								<span class="label-text font-semibold">Descrição</span>
+							</label>
 							<input
 								id="pedido-doc-desc"
 								type="text"
 								bind:value={pedidoDocumentoDescricao}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								class="input input-bordered focus:input-primary input-sm w-full"
 								placeholder="Ex: Cotação, Parecer, Termo de referência..."
 								disabled={salvandoPedidoDocumento}
 							/>
 						</div>
 						<div>
-							<label class="mb-1 block text-xs font-medium text-gray-500" for="pedido-doc-file"
-								>Arquivo</label
-							>
+							<label class="label py-0" for="pedido-doc-file">
+								<span class="label-text font-semibold">Arquivo</span>
+							</label>
 							<input
 								id="pedido-doc-file"
 								type="file"
 								accept=".pdf,.jpg,.jpeg,.png"
-								class="w-full text-sm"
+								class="file-input file-input-bordered file-input-sm w-full"
 								disabled={salvandoPedidoDocumento}
 								onchange={(e) => {
 									const f = e.currentTarget.files?.[0] ?? null;
@@ -1394,7 +1410,7 @@
 								pedidoDocumentoDescricao = '';
 								pedidoDocumentoFile = null;
 							}}
-							class="rounded bg-gray-200 px-3 py-2 text-sm text-gray-700 hover:bg-gray-300"
+							class="btn btn-ghost btn-sm"
 							disabled={salvandoPedidoDocumento}
 						>
 							Cancelar
@@ -1403,12 +1419,12 @@
 							type="button"
 							onclick={handleAddPedidoDocumento}
 							disabled={salvandoPedidoDocumento}
-							class="flex items-center gap-2 rounded bg-blue-600 px-3 py-2 text-sm text-white hover:bg-blue-700 disabled:opacity-50"
+							class="btn btn-primary btn-sm gap-2"
 						>
 							{#if salvandoPedidoDocumento}
-								<span class="loading loading-spinner loading-xs"></span>
+								<span class="loading loading-spinner loading-sm"></span>
 							{:else}
-								<Upload size={16} />
+								<Upload class="h-4 w-4" />
 							{/if}
 							Anexar
 						</button>
@@ -1418,52 +1434,67 @@
 
 			<div class="p-6">
 				{#if pedidoDocumentos.length === 0}
-					<p class="text-sm text-gray-500">Nenhum documento anexado ao pedido.</p>
+					<p class="text-base-content/60 text-sm">Nenhum documento anexado ao pedido.</p>
 				{:else}
 					<div class="overflow-x-auto">
-						<table class="w-full text-left text-sm text-gray-600">
-							<thead class="bg-gray-50 text-xs font-medium text-gray-500 uppercase">
+						<table class="table-zebra table w-full">
+							<thead>
 								<tr>
-									<th class="px-4 py-2">Descrição</th>
-									<th class="px-4 py-2">Arquivo</th>
-									<th class="px-4 py-2">Tamanho</th>
-									<th class="px-4 py-2">Enviado por</th>
-									<th class="px-4 py-2">Data</th>
-									<th class="px-4 py-2 text-right">Ações</th>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Descrição</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Arquivo</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Tamanho</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Enviado por</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Data</th
+									>
+									<th
+										class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+										>Ações</th
+									>
 								</tr>
 							</thead>
-							<tbody class="divide-y divide-gray-200">
+							<tbody>
 								{#each pedidoDocumentos as doc (doc._id)}
-									<tr class="hover:bg-gray-50">
-										<td class="px-4 py-2">{doc.descricao}</td>
-										<td class="px-4 py-2">
-											<span class="font-medium text-gray-900">{doc.nome}</span>
+									<tr class="hover:bg-base-200/50 transition-colors">
+										<td class="whitespace-nowrap">{doc.descricao}</td>
+										<td class="whitespace-nowrap">
+											<span class="font-medium">{doc.nome}</span>
 											{#if doc.origemSolicitacaoId}
-												<span class="ml-2 text-xs text-gray-400"> (origem: solicitação)</span>
+												<span class="text-base-content/50 ml-2 text-xs">
+													(origem: solicitação)</span
+												>
 											{/if}
 										</td>
-										<td class="px-4 py-2">{formatBytes(doc.tamanho)}</td>
-										<td class="px-4 py-2">{doc.criadoPorNome ?? 'Desconhecido'}</td>
-										<td class="px-4 py-2">
+										<td class="whitespace-nowrap">{formatBytes(doc.tamanho)}</td>
+										<td class="whitespace-nowrap">{doc.criadoPorNome ?? 'Desconhecido'}</td>
+										<td class="whitespace-nowrap">
 											{new Date(doc.criadoEm).toLocaleString('pt-BR')}
 										</td>
-										<td class="px-4 py-2 text-right">
+										<td class="text-right whitespace-nowrap">
 											<button
 												type="button"
-												class="mr-2 rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+												class="btn btn-ghost btn-sm"
 												title="Ver documento"
 												onclick={() => handleOpenPedidoDocumento(doc.url)}
 												disabled={!doc.url}
 											>
-												<Eye size={16} />
+												<Eye class="h-4 w-4" />
 											</button>
 											<button
 												type="button"
-												class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+												class="btn btn-ghost btn-sm text-error"
 												title="Remover documento"
 												onclick={() => handleRemovePedidoDocumento(doc._id)}
 											>
-												<Trash2 size={16} />
+												<Trash2 class="h-4 w-4" />
 											</button>
 										</td>
 									</tr>
@@ -1473,44 +1504,55 @@
 					</div>
 				{/if}
 			</div>
-		</div>
+		</GlassCard>
 
 		<!-- Requests Section -->
 		{#if requests.length > 0}
-			<div class="mb-6 overflow-hidden rounded-lg border-l-4 border-yellow-400 bg-white shadow-md">
+			<GlassCard class="border-warning mb-6 border-l-4" bodyClass="p-0">
 				<div
-					class="flex items-center justify-between border-b border-gray-200 bg-yellow-50 px-6 py-4"
+					class="border-base-300 bg-warning/10 flex items-center justify-between border-b px-6 py-4"
 				>
-					<h2 class="text-lg font-semibold text-yellow-800">Solicitações Pendentes</h2>
+					<h2 class="text-lg font-semibold">Solicitações Pendentes</h2>
 				</div>
 				<div class="p-6">
 					<div class="overflow-x-auto">
-						<table class="w-full text-left text-sm text-gray-500">
-							<thead class="bg-gray-50 text-xs font-medium text-gray-500 uppercase">
+						<table class="table-zebra table w-full">
+							<thead>
 								<tr>
-									<th class="px-4 py-2">Tipo</th>
-									<th class="px-4 py-2">Solicitante</th>
-									<th class="px-4 py-2">Detalhes</th>
-									<th class="px-4 py-2 text-right">Ações</th>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Tipo</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Solicitante</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Detalhes</th
+									>
+									<th
+										class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+										>Ações</th
+									>
 								</tr>
 							</thead>
-							<tbody class="divide-y divide-gray-200">
+							<tbody>
 								{#each requests as req (req._id)}
 									{@const data = parseRequestData(req.dados)}
-									<tr class="hover:bg-gray-50">
-										<td class="px-4 py-2 font-medium">
+									<tr class="hover:bg-base-200/50 transition-colors">
+										<td class="whitespace-nowrap">
 											{#if req.tipo === 'adicao'}
-												<span class="text-green-600">Adição</span>
+												<span class="badge badge-sm badge-success">Adição</span>
 											{:else if req.tipo === 'alteracao_quantidade'}
-												<span class="text-blue-600">Alteração Qtd</span>
+												<span class="badge badge-sm badge-info">Alteração Qtd</span>
 											{:else if req.tipo === 'exclusao'}
-												<span class="text-red-600">Exclusão</span>
+												<span class="badge badge-sm badge-error">Exclusão</span>
 											{:else if req.tipo === 'alteracao_detalhes'}
-												<span class="text-purple-600">{describeChangedDetails(data)}</span>
+												<span class="badge badge-sm badge-secondary"
+													>{describeChangedDetails(data)}</span
+												>
 											{/if}
 										</td>
-										<td class="px-4 py-2">{req.solicitadoPorNome}</td>
-										<td class="px-4 py-2">
+										<td class="whitespace-nowrap">{req.solicitadoPorNome}</td>
+										<td>
 											{#if req.tipo === 'adicao'}
 												{getObjetoName(data.objetoId)} - {data.quantidade}x ({data.modalidade})
 											{:else if req.tipo === 'alteracao_quantidade'}
@@ -1537,7 +1579,7 @@
 												{/if}
 											{/if}
 										</td>
-										<td class="px-4 py-2 text-right">
+										<td class="text-right whitespace-nowrap">
 											<div class="flex justify-end gap-2">
 												{#if req.tipo === 'adicao'}
 													{@const canAddDoc =
@@ -1545,44 +1587,44 @@
 													<button
 														type="button"
 														onclick={() => openSolicitacaoDocs(req)}
-														class="rounded bg-blue-100 p-1 text-blue-700 hover:bg-blue-200"
+														class="btn btn-ghost btn-sm"
 														title={canAddDoc
 															? 'Adicionar documento'
 															: 'Apenas quem criou a solicitação pode adicionar documentos'}
 														disabled={!canAddDoc}
 													>
-														<Plus size={16} />
+														<Plus class="h-4 w-4" />
 													</button>
 												{/if}
 
 												<button
 													type="button"
 													onclick={() => openSolicitacaoDocs(req)}
-													class="rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+													class="btn btn-ghost btn-sm"
 													title="Ver documentos"
 												>
-													<Eye size={16} />
+													<Eye class="h-4 w-4" />
 												</button>
 
 												{#if permissions?.canManageRequests}
 													<button
 														type="button"
 														onclick={() => handleApproveRequest(req._id)}
-														class="rounded bg-green-100 p-1 text-green-700 hover:bg-green-200"
+														class="btn btn-ghost btn-sm"
 														title="Aprovar"
 													>
-														<CheckCircle size={16} />
+														<CheckCircle class="h-4 w-4" />
 													</button>
 													<button
 														type="button"
 														onclick={() => handleRejectRequest(req._id)}
-														class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+														class="btn btn-ghost btn-sm text-error"
 														title="Rejeitar"
 													>
-														<XCircle size={16} />
+														<XCircle class="h-4 w-4" />
 													</button>
 												{:else}
-													<span class="ml-2 self-center text-xs text-gray-400"
+													<span class="text-base-content/50 ml-2 self-center text-xs"
 														>Aguardando Análise</span
 													>
 												{/if}
@@ -1594,35 +1636,32 @@
 						</table>
 					</div>
 				</div>
-			</div>
+			</GlassCard>
 		{/if}
 
 		<!-- Items Section -->
-		<div class="mb-6 overflow-hidden rounded-lg bg-white shadow-md">
-			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
+		<GlassCard class="mb-6" bodyClass="p-0">
+			<div class="border-base-300 flex items-center justify-between border-b px-6 py-4">
 				<h2 class="text-lg font-semibold">Itens do Pedido</h2>
 				{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
-					<button
-						onclick={() => (showAddItem = true)}
-						class="flex items-center gap-1 text-sm font-medium text-blue-600 hover:text-blue-800"
-					>
-						<Plus size={16} /> Adicionar Item
+					<button onclick={() => (showAddItem = true)} class="btn btn-ghost btn-sm gap-2">
+						<Plus class="h-4 w-4" /> Adicionar Item
 					</button>
 				{/if}
 			</div>
 
 			{#if showAddItem}
-				<div class="border-b border-gray-200 bg-gray-50 px-6 py-4">
+				<div class="border-base-300 bg-base-200/30 border-b px-6 py-4">
 					<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
 						<div class="col-span-1 md:col-span-2 lg:col-span-1">
-							<label for="objeto-select" class="mb-1 block text-xs font-medium text-gray-500"
-								>Objeto</label
-							>
+							<label class="label py-0" for="objeto-select">
+								<span class="label-text font-semibold">Objeto</span>
+							</label>
 							<select
 								id="objeto-select"
 								bind:value={newItem.objetoId}
 								onchange={(e) => handleObjetoChange(e.currentTarget.value)}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								class="select select-bordered focus:select-primary select-sm w-full"
 							>
 								<option value="">Selecione...</option>
 								{#each objetos as o (o._id)}
@@ -1631,41 +1670,41 @@
 							</select>
 						</div>
 						<div>
-							<label for="quantidade-input" class="mb-1 block text-xs font-medium text-gray-500"
-								>Quantidade</label
-							>
+							<label class="label py-0" for="quantidade-input">
+								<span class="label-text font-semibold">Quantidade</span>
+							</label>
 							<input
 								id="quantidade-input"
 								type="number"
 								min="1"
 								bind:value={newItem.quantidade}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								class="input input-bordered focus:input-primary input-sm w-full"
 								placeholder="1"
 							/>
 						</div>
 						<div>
-							<label for="valor-input" class="mb-1 block text-xs font-medium text-gray-500"
-								>Valor Estimado</label
-							>
+							<label class="label py-0" for="valor-input">
+								<span class="label-text font-semibold">Valor Estimado</span>
+							</label>
 							<input
 								id="valor-input"
 								type="text"
 								bind:value={newItem.valorEstimado}
 								oninput={(e) => (newItem.valorEstimado = maskCurrencyBRL(e.currentTarget.value))}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								class="input input-bordered focus:input-primary input-sm w-full"
 								placeholder="R$ 0,00"
 							/>
 						</div>
 
 						{#if newItem.objetoId && permissions?.canEditAta}
 							<div>
-								<label for="ata-select" class="mb-1 block text-xs font-medium text-gray-500"
-									>Ata (Opcional)</label
-								>
+								<label class="label py-0" for="ata-select">
+									<span class="label-text font-semibold">Ata (Opcional)</span>
+								</label>
 								<select
 									id="ata-select"
 									bind:value={newItem.ataId}
-									class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+									class="select select-bordered focus:select-primary select-sm w-full"
 								>
 									<option value="">Nenhuma</option>
 									{#each getAtasForObjeto(newItem.objetoId) as ata (ata._id)}
@@ -1690,13 +1729,13 @@
 							</div>
 						{/if}
 						<div>
-							<label for="acao-select" class="mb-1 block text-xs font-medium text-gray-500"
-								>Ação (Opcional)</label
-							>
+							<label class="label py-0" for="acao-select">
+								<span class="label-text font-semibold">Ação (Opcional)</span>
+							</label>
 							<select
 								id="acao-select"
 								bind:value={newItem.acaoId}
-								class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+								class="select select-bordered focus:select-primary select-sm w-full"
 							>
 								<option value="">Selecione...</option>
 								{#each acoes as a (a._id)}
@@ -1708,15 +1747,19 @@
 					<div class="mt-4 flex justify-end gap-2">
 						<button
 							onclick={() => (showAddItem = false)}
-							class="rounded bg-gray-200 px-3 py-2 text-sm text-gray-700 hover:bg-gray-300"
+							class="btn btn-ghost btn-sm"
+							disabled={addingItem}
 						>
 							Cancelar
 						</button>
 						<button
 							onclick={handleAddItem}
 							disabled={addingItem}
-							class="rounded bg-blue-600 px-3 py-2 text-sm text-white hover:bg-blue-700"
+							class="btn btn-primary btn-sm gap-2"
 						>
+							{#if addingItem}
+								<span class="loading loading-spinner loading-sm"></span>
+							{/if}
 							Adicionar
 						</button>
 					</div>
@@ -1726,12 +1769,10 @@
 			<div class="flex flex-col">
 				{#if hasSelection}
 					<div
-						class="flex items-center justify-between border-b border-blue-100 bg-blue-50 px-6 py-3 text-sm text-blue-900"
+						class="alert alert-info border-base-300 flex items-center justify-between rounded-none border-b px-6 py-3 text-sm"
 					>
 						<div class="flex items-center gap-2">
-							<span
-								class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-blue-600 text-xs font-semibold text-white"
-							>
+							<span class="badge badge-primary badge-sm">
 								{selectedCount}
 							</span>
 							<span
@@ -1743,43 +1784,39 @@
 						<div class="flex flex-wrap items-center gap-2">
 							<button
 								type="button"
-								class="rounded border border-transparent bg-blue-600 px-3 py-1.5 text-xs font-medium text-white shadow-sm hover:bg-blue-700"
+								class="btn btn-primary btn-sm"
 								onclick={() => handleSplitPedidoFromSelection()}
 							>
 								Criar novo pedido com selecionados
 							</button>
 							<button
 								type="button"
-								class="rounded border border-red-200 bg-red-50 px-3 py-1.5 text-xs font-medium text-red-700 hover:bg-red-100"
+								class="btn btn-outline btn-error btn-sm"
 								onclick={() => handleRemoveSelectedItems()}
 							>
 								Excluir selecionados
 							</button>
-							<button
-								type="button"
-								class="rounded border border-transparent px-2 py-1 text-xs font-medium text-blue-700 hover:bg-blue-100"
-								onclick={clearSelection}
-							>
+							<button type="button" class="btn btn-ghost btn-sm" onclick={clearSelection}>
 								Limpar seleção
 							</button>
 						</div>
 					</div>
 				{/if}
 				{#each groupedItems as group (group.name)}
-					<div class="border-b border-gray-200 bg-gray-100 px-6 py-2 font-medium text-gray-700">
+					<div class="border-base-300 bg-base-200/50 border-b px-6 py-2 font-semibold">
 						Adicionado por: {group.name}
 					</div>
 					<div class="overflow-x-auto">
-						<table class="min-w-full divide-y divide-gray-200">
-							<thead class="bg-gray-50">
+						<table class="table-zebra table w-full">
+							<thead>
 								<tr>
 									{#if (pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes') && currentFuncionarioId && group.items[0]?.adicionadoPor === currentFuncionarioId}
 										<th
-											class="px-4 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+											class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>
 											<input
 												type="checkbox"
-												class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+												class="checkbox checkbox-primary checkbox-sm"
 												onchange={(e) => {
 													const checked = e.currentTarget.checked;
 													for (const groupItem of group.items) {
@@ -1795,56 +1832,54 @@
 										</th>
 									{/if}
 									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+										class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 									>
 										Objeto</th
 									>
-									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>Qtd</th
 									>
-									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>Valor Est.</th
 									>
-									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>Modalidade</th
 									>
-									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>Ação</th
 									>
-									<th
-										class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 										>Ata</th
 									>
 									<th
-										class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
+										class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
 										>Total</th
 									>
 									<th
-										class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
+										class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
 										>Ações</th
 									>
 								</tr>
 							</thead>
-							<tbody class="divide-y divide-gray-200 bg-white">
+							<tbody>
 								{#each group.items as item (item._id)}
-									<tr class:selected={isItemSelected(item._id)}>
+									<tr
+										class:selected={isItemSelected(item._id)}
+										class="hover:bg-base-200/50 transition-colors"
+									>
 										{#if (pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes') && currentFuncionarioId && item.adicionadoPor === currentFuncionarioId}
-											<td class="px-4 py-4 whitespace-nowrap">
+											<td class="whitespace-nowrap">
 												<input
 													type="checkbox"
-													class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+													class="checkbox checkbox-primary checkbox-sm"
 													checked={isItemSelected(item._id)}
 													onchange={() => toggleItemSelection(item._id)}
 													aria-label={`Selecionar item ${getObjetoName(item.objetoId)}`}
 												/>
 											</td>
 										{/if}
-										<td class="px-6 py-4 whitespace-nowrap">{getObjetoName(item.objetoId)}</td>
-										<td class="px-6 py-4 whitespace-nowrap">
+										<td class="whitespace-nowrap">{getObjetoName(item.objetoId)}</td>
+										<td class="whitespace-nowrap">
 											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
 												<input
 													type="number"
@@ -1852,17 +1887,17 @@
 													value={item.quantidade}
 													onchange={(e) =>
 														handleUpdateQuantity(item._id, parseInt(e.currentTarget.value) || 1)}
-													class="w-20 rounded border px-2 py-1 text-sm"
+													class="input input-bordered input-sm w-20"
 												/>
 											{:else}
 												{item.quantidade}
 											{/if}
 										</td>
-										<td class="px-6 py-4 whitespace-nowrap">
+										<td class="whitespace-nowrap">
 											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
 												<input
 													type="text"
-													class="w-28 rounded border px-2 py-1 text-sm"
+													class="input input-bordered input-sm w-28"
 													value={ensureEditingItem(item).valorEstimado}
 													oninput={(e) =>
 														setEditingField(
@@ -1877,10 +1912,10 @@
 												{maskCurrencyBRL(item.valorEstimado) || 'R$ 0,00'}
 											{/if}
 										</td>
-										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
+										<td class="text-base-content/70 whitespace-nowrap">
 											{#if permissions?.canEditModalidade}
 												<select
-													class="rounded border px-2 py-1 text-xs"
+													class="select select-bordered select-sm"
 													value={ensureEditingItem(item).modalidade}
 													onchange={(e) => {
 														setEditingField(
@@ -1900,10 +1935,10 @@
 												{formatModalidade(item.modalidade as Modalidade) || '-'}
 											{/if}
 										</td>
-										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
+										<td class="text-base-content/70 whitespace-nowrap">
 											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
 												<select
-													class="rounded border px-2 py-1 text-xs"
+													class="select select-bordered select-sm"
 													value={ensureEditingItem(item).acaoId}
 													onchange={(e) => {
 														setEditingField(item._id, 'acaoId', e.currentTarget.value);
@@ -1919,10 +1954,10 @@
 												{getAcaoName(item.acaoId)}
 											{/if}
 										</td>
-										<td class="px-6 py-4 text-sm whitespace-nowrap text-gray-600">
+										<td class="text-base-content/70 whitespace-nowrap">
 											{#if permissions?.canEditAta}
 												<select
-													class="rounded border px-2 py-1 text-xs"
+													class="select select-bordered select-sm"
 													value={ensureEditingItem(item).ataId}
 													onchange={(e) => {
 														setEditingField(item._id, 'ataId', e.currentTarget.value);
@@ -1962,26 +1997,26 @@
 												-
 											{/if}
 										</td>
-										<td class="px-6 py-4 text-right font-medium whitespace-nowrap">
+										<td class="text-right font-medium whitespace-nowrap">
 											R$ {calculateItemTotal(item.valorEstimado, item.quantidade)
 												.toFixed(2)
 												.replace('.', ',')}
 										</td>
-										<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
+										<td class="text-right whitespace-nowrap">
 											<button
 												onclick={() => openDetails(item.objetoId)}
-												class="mr-3 text-indigo-600 hover:text-indigo-900"
+												class="btn btn-ghost btn-sm"
 												title="Ver Detalhes"
 											>
-												<Eye size={18} />
+												<Eye class="h-4 w-4" />
 											</button>
 											{#if pedido.status === 'em_rascunho' || pedido.status === 'precisa_ajustes' || pedido.status === 'em_analise' || pedido.status === 'aguardando_aceite'}
 												<button
 													onclick={() => handleRemoveItem(item._id)}
-													class="text-red-600 hover:text-red-900"
+													class="btn btn-ghost btn-sm text-error"
 													title="Remover Item"
 												>
-													<Trash2 size={18} />
+													<Trash2 class="h-4 w-4" />
 												</button>
 											{/if}
 										</td>
@@ -1993,111 +2028,122 @@
 				{/each}
 
 				{#if items.length === 0}
-					<div class="px-6 py-4 text-center text-gray-500">Nenhum item adicionado.</div>
+					<div class="text-base-content/60 px-6 py-8 text-center">Nenhum item adicionado.</div>
 				{:else}
-					<div class="flex justify-end bg-gray-50 px-6 py-4">
-						<div class="text-base font-bold text-gray-900">
+					<div class="bg-base-200/30 flex justify-end px-6 py-4">
+						<div class="text-base font-bold">
 							Total Geral: R$ {totalGeral.toFixed(2).replace('.', ',')}
 						</div>
 					</div>
 				{/if}
 			</div>
-		</div>
+		</GlassCard>
 
 		{#if showDetailsModal && selectedObjeto}
-			<div
-				class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-			>
-				<div class="relative w-full max-w-lg rounded-lg bg-white p-8 shadow-xl">
+			<div class="modal modal-open">
+				<div class="modal-box max-w-lg">
 					<button
+						type="button"
+						class="btn btn-sm btn-circle absolute top-2 right-2"
 						onclick={closeDetails}
-						class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
 					>
-						<X size={24} />
+						<X class="h-5 w-5" />
 					</button>
-					<h2 class="mb-6 text-xl font-bold">Detalhes do Objeto</h2>
+					<h2 class="text-lg font-bold">Detalhes do Objeto</h2>
 
 					<div class="space-y-4">
 						<div>
-							<div class="block text-xs font-bold text-gray-500 uppercase">Nome</div>
-							<p class="text-gray-900">{selectedObjeto.nome}</p>
+							<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+								Nome
+							</div>
+							<p class="font-medium">{selectedObjeto.nome}</p>
 						</div>
 
 						<div class="grid grid-cols-2 gap-4">
 							<div>
-								<div class="block text-xs font-bold text-gray-500 uppercase">Tipo</div>
+								<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+									Tipo
+								</div>
 								<span
-									class="inline-flex rounded-full px-2 text-xs leading-5 font-semibold
-                  {selectedObjeto.tipo === 'servico'
-										? 'bg-green-100 text-green-800'
-										: 'bg-blue-100 text-blue-800'}"
+									class="badge badge-sm {selectedObjeto.tipo === 'servico'
+										? 'badge-success'
+										: 'badge-info'}"
 								>
 									{selectedObjeto.tipo === 'material' ? 'Material' : 'Serviço'}
 								</span>
 							</div>
 							<div>
-								<div class="block text-xs font-bold text-gray-500 uppercase">Unidade</div>
-								<p class="text-gray-900">{selectedObjeto.unidade}</p>
+								<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+									Unidade
+								</div>
+								<p class="font-medium">{selectedObjeto.unidade}</p>
 							</div>
 						</div>
 
 						<div class="grid grid-cols-2 gap-4">
 							<div>
-								<div class="block text-xs font-bold text-gray-500 uppercase">Código Efisco</div>
-								<p class="text-gray-900">{selectedObjeto.codigoEfisco}</p>
+								<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+									Código Efisco
+								</div>
+								<p class="font-medium">{selectedObjeto.codigoEfisco}</p>
 							</div>
 							<div>
 								{#if selectedObjeto.tipo === 'material'}
-									<div class="block text-xs font-bold text-gray-500 uppercase">Código Catmat</div>
-									<p class="text-gray-900">{selectedObjeto.codigoCatmat || '-'}</p>
+									<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+										Código Catmat
+									</div>
+									<p class="font-medium">{selectedObjeto.codigoCatmat || '-'}</p>
 								{:else}
-									<div class="block text-xs font-bold text-gray-500 uppercase">Código Catserv</div>
-									<p class="text-gray-900">{selectedObjeto.codigoCatserv || '-'}</p>
+									<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
+										Código Catserv
+									</div>
+									<p class="font-medium">{selectedObjeto.codigoCatserv || '-'}</p>
 								{/if}
 							</div>
 						</div>
 
 						<div>
-							<div class="block text-xs font-bold text-gray-500 uppercase">
+							<div class="text-base-content/60 text-xs font-semibold tracking-wider uppercase">
 								Valor Estimado (Unitário)
 							</div>
-							<p class="text-gray-900">
+							<p class="font-medium">
 								{maskCurrencyBRL(selectedObjeto.valorEstimado || '') || 'R$ 0,00'}
 							</p>
 						</div>
 					</div>
 
-					<div class="mt-6 flex justify-end">
-						<button
-							onclick={closeDetails}
-							class="rounded bg-gray-200 px-4 py-2 font-medium text-gray-700 hover:bg-gray-300"
-						>
-							Fechar
-						</button>
+					<div class="modal-action">
+						<button type="button" onclick={closeDetails} class="btn">Fechar</button>
 					</div>
 				</div>
+				<button
+					type="button"
+					class="modal-backdrop"
+					onclick={closeDetails}
+					aria-label="Fechar modal"
+				></button>
 			</div>
 		{/if}
 
 		<!-- Histórico -->
-		<div class="rounded-lg bg-white p-6 shadow">
-			<h2 class="mb-4 text-lg font-semibold text-gray-900">Histórico</h2>
+		<GlassCard class="mb-6">
+			<h2 class="text-lg font-semibold">Histórico</h2>
 			<div class="space-y-3">
 				{#if history.length === 0}
-					<p class="text-sm text-gray-500">Nenhum histórico disponível.</p>
+					<p class="text-base-content/60 text-sm">Nenhum histórico disponível.</p>
 				{:else}
 					{#each history as entry (entry._id)}
 						<div
-							class="flex items-start gap-3 rounded-lg border border-gray-200 p-3 hover:bg-gray-50"
+							class="border-base-300 hover:bg-base-200/50 flex items-start gap-3 rounded-lg border p-3 transition-colors"
 						>
 							<div class="shrink-0 text-2xl">
 								{getHistoryIcon(entry.acao)}
 							</div>
 							<div class="min-w-0 flex-1">
-								<p class="text-sm text-gray-900">
+								<p class="text-base-content text-sm">
 									{formatHistoryEntry(entry)}
 								</p>
-								<p class="mt-1 text-xs text-gray-500">
+								<p class="text-base-content/60 mt-1 text-xs">
 									{new Date(entry.data).toLocaleString('pt-BR', {
 										day: '2-digit',
 										month: '2-digit',
@@ -2111,35 +2157,33 @@
 					{/each}
 				{/if}
 			</div>
-		</div>
+		</GlassCard>
 	{/if}
 
 	{#if showSplitResultModal && novoPedidoIdParaNavegar}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-		>
-			<div class="relative w-full max-w-md rounded-lg bg-white p-6 shadow-xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-md">
 				<button
 					onclick={() => {
 						showSplitResultModal = false;
 					}}
-					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 				>
-					<X size={20} />
+					<X class="h-5 w-5" />
 				</button>
-				<h2 class="mb-3 text-lg font-semibold text-gray-900">Novo pedido criado</h2>
-				<p class="mb-4 text-sm text-gray-700">
+				<h2 class="text-lg font-bold">Novo pedido criado</h2>
+				<p class="text-base-content/70 mt-2 text-sm">
 					{quantidadeItensMovidos === 1
 						? '1 item foi movido para um novo pedido em rascunho.'
 						: `${quantidadeItensMovidos} itens foram movidos para um novo pedido em rascunho.`}
 				</p>
-				<p class="mb-6 text-xs text-gray-500">
+				<p class="text-base-content/60 mt-2 text-xs">
 					Os itens não foram copiados, e sim movidos deste pedido para o novo.
 				</p>
-				<div class="flex justify-end gap-2">
+				<div class="modal-action">
 					<button
 						type="button"
-						class="rounded bg-gray-200 px-3 py-1.5 text-xs font-medium text-gray-800 hover:bg-gray-300"
+						class="btn"
 						onclick={() => {
 							showSplitResultModal = false;
 						}}
@@ -2148,7 +2192,7 @@
 					</button>
 					<button
 						type="button"
-						class="rounded bg-blue-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-blue-700"
+						class="btn btn-primary"
 						onclick={async () => {
 							const id = novoPedidoIdParaNavegar;
 							showSplitResultModal = false;
@@ -2161,111 +2205,115 @@
 					</button>
 				</div>
 			</div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={() => (showSplitResultModal = false)}
+				aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
 
 	{#if showSplitConfirmationModal}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-		>
-			<div class="relative w-full max-w-md rounded-lg bg-white p-6 shadow-xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-md">
 				<button
 					onclick={() => {
 						showSplitConfirmationModal = false;
 					}}
-					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 				>
-					<X size={20} />
+					<X class="h-5 w-5" />
 				</button>
-				<h2 class="mb-3 text-lg font-semibold text-gray-900">Criar novo pedido</h2>
-				<p class="mb-4 text-sm text-gray-700">
+				<h2 class="text-lg font-bold">Criar novo pedido</h2>
+				<p class="text-base-content/70 mt-2 text-sm">
 					{selectedCount === 1
 						? 'Criar um novo pedido movendo o item selecionado para ele?'
 						: `Criar um novo pedido movendo os ${selectedCount} itens selecionados para ele?`}
 				</p>
 
-				<div class="mb-4">
-					<label for="new-sei" class="mb-1 block text-sm font-medium text-gray-700"
-						>Número SEI (Opcional)</label
-					>
+				<div class="mt-4">
+					<label class="label py-0" for="new-sei">
+						<span class="label-text font-semibold">Número SEI (Opcional)</span>
+					</label>
 					<input
 						id="new-sei"
 						type="text"
 						bind:value={newPedidoSei}
-						class="w-full rounded-md border-gray-300 text-sm shadow-sm focus:border-blue-500 focus:ring-blue-500"
+						class="input input-bordered focus:input-primary input-sm w-full"
 						placeholder="Ex: 12345.000000/2023-00"
 					/>
-					<p class="mt-1 text-xs text-gray-500">
+					<p class="text-base-content/60 mt-2 text-xs">
 						Se deixado em branco, o novo pedido será criado sem número SEI.
 					</p>
 				</div>
 
-				<div class="flex justify-end gap-2">
+				<div class="modal-action">
 					<button
 						type="button"
-						class="rounded bg-gray-200 px-3 py-1.5 text-xs font-medium text-gray-800 hover:bg-gray-300"
+						class="btn"
 						onclick={() => {
 							showSplitConfirmationModal = false;
 						}}
 					>
 						Cancelar
 					</button>
-					<button
-						type="button"
-						class="rounded bg-blue-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-blue-700"
-						onclick={confirmSplitPedido}
-					>
+					<button type="button" class="btn btn-primary" onclick={confirmSplitPedido}>
 						Confirmar e Criar
 					</button>
 				</div>
 			</div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={() => (showSplitConfirmationModal = false)}
+				aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
 
 	{#if showSolicitacaoDocsModal && solicitacaoDocsRequestId}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-		>
-			<div class="relative w-full max-w-3xl rounded-lg bg-white p-6 shadow-xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-3xl">
 				<button
 					type="button"
 					onclick={closeSolicitacaoDocs}
-					class="absolute top-4 right-4 text-gray-400 hover:text-gray-600"
-					aria-label="Fechar"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
+					aria-label="Fechar modal"
 				>
-					<X size={20} />
+					<X class="h-5 w-5" />
 				</button>
 
-				<h3 class="mb-2 text-lg font-semibold text-gray-900">Documentos da solicitação</h3>
-				<p class="mb-4 text-xs text-gray-500">
+				<h3 class="text-lg font-bold">Documentos da solicitação</h3>
+				<p class="text-base-content/60 mt-2 text-xs">
 					Solicitação: {solicitacaoDocsRequestId.slice(-6)} — tipo: {solicitacaoDocsTipo}
 				</p>
 
 				{#if canAddDocsToSelectedRequest}
-					<div class="mb-4 rounded-lg border border-blue-100 bg-blue-50 p-4">
+					<div class="border-base-300 bg-base-200/30 mt-6 mb-4 rounded-lg border p-4">
 						<div class="grid grid-cols-1 gap-3 md:grid-cols-3">
 							<div class="md:col-span-2">
-								<label class="mb-1 block text-xs font-medium text-gray-600" for="req-doc-desc"
-									>Descrição</label
-								>
+								<label class="label py-0" for="req-doc-desc">
+									<span class="label-text font-semibold">Descrição</span>
+								</label>
 								<input
 									id="req-doc-desc"
 									type="text"
 									bind:value={solicitacaoDocumentoDescricao}
-									class="w-full rounded-md border-gray-300 text-sm shadow-sm"
+									class="input input-bordered focus:input-primary input-sm w-full"
 									placeholder="Ex: justificativa, anexo do item, planilha..."
 									disabled={salvandoSolicitacaoDocumento}
 								/>
 							</div>
 							<div>
-								<label class="mb-1 block text-xs font-medium text-gray-600" for="req-doc-file"
-									>Arquivo</label
-								>
+								<label class="label py-0" for="req-doc-file">
+									<span class="label-text font-semibold">Arquivo</span>
+								</label>
 								<input
 									id="req-doc-file"
 									type="file"
 									accept=".pdf,.jpg,.jpeg,.png"
-									class="w-full text-sm"
+									class="file-input file-input-bordered file-input-sm w-full"
 									disabled={salvandoSolicitacaoDocumento}
 									onchange={(e) => {
 										const f = e.currentTarget.files?.[0] ?? null;
@@ -2280,12 +2328,12 @@
 								type="button"
 								onclick={handleAddSolicitacaoDocumento}
 								disabled={salvandoSolicitacaoDocumento}
-								class="flex items-center gap-2 rounded bg-blue-600 px-3 py-2 text-sm text-white hover:bg-blue-700 disabled:opacity-50"
+								class="btn btn-primary btn-sm gap-2"
 							>
 								{#if salvandoSolicitacaoDocumento}
-									<span class="loading loading-spinner loading-xs"></span>
+									<span class="loading loading-spinner loading-sm"></span>
 								{:else}
-									<Upload size={16} />
+									<Upload class="h-4 w-4" />
 								{/if}
 								Anexar documento
 							</button>
@@ -2294,52 +2342,65 @@
 				{/if}
 
 				{#if carregandoSolicitacaoDocs}
-					<p class="text-sm text-gray-500">Carregando documentos...</p>
+					<p class="text-base-content/60 mt-2 text-sm">Carregando documentos...</p>
 				{:else if solicitacaoDocs.length === 0}
-					<p class="text-sm text-gray-500">Nenhum documento anexado à solicitação.</p>
+					<p class="text-base-content/60 mt-2 text-sm">Nenhum documento anexado à solicitação.</p>
 				{:else}
 					<div class="overflow-x-auto">
-						<table class="w-full text-left text-sm text-gray-600">
-							<thead class="bg-gray-50 text-xs font-medium text-gray-500 uppercase">
+						<table class="table-zebra table w-full">
+							<thead>
 								<tr>
-									<th class="px-4 py-2">Descrição</th>
-									<th class="px-4 py-2">Arquivo</th>
-									<th class="px-4 py-2">Tamanho</th>
-									<th class="px-4 py-2">Enviado por</th>
-									<th class="px-4 py-2">Data</th>
-									<th class="px-4 py-2 text-right">Ações</th>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Descrição</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Arquivo</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Tamanho</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Enviado por</th
+									>
+									<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+										>Data</th
+									>
+									<th
+										class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+										>Ações</th
+									>
 								</tr>
 							</thead>
-							<tbody class="divide-y divide-gray-200">
+							<tbody>
 								{#each solicitacaoDocs as doc (doc._id)}
-									<tr class="hover:bg-gray-50">
-										<td class="px-4 py-2">{doc.descricao}</td>
-										<td class="px-4 py-2">
-											<span class="font-medium text-gray-900">{doc.nome}</span>
+									<tr class="hover:bg-base-200/50 transition-colors">
+										<td class="whitespace-nowrap">{doc.descricao}</td>
+										<td class="whitespace-nowrap">
+											<span class="font-medium">{doc.nome}</span>
 										</td>
-										<td class="px-4 py-2">{formatBytes(doc.tamanho)}</td>
-										<td class="px-4 py-2">{doc.criadoPorNome ?? 'Desconhecido'}</td>
-										<td class="px-4 py-2">
+										<td class="whitespace-nowrap">{formatBytes(doc.tamanho)}</td>
+										<td class="whitespace-nowrap">{doc.criadoPorNome ?? 'Desconhecido'}</td>
+										<td class="whitespace-nowrap">
 											{new Date(doc.criadoEm).toLocaleString('pt-BR')}
 										</td>
-										<td class="px-4 py-2 text-right">
+										<td class="text-right whitespace-nowrap">
 											<button
 												type="button"
-												class="mr-2 rounded bg-indigo-100 p-1 text-indigo-700 hover:bg-indigo-200"
+												class="btn btn-ghost btn-sm"
 												title="Ver documento"
 												onclick={() => handleOpenSolicitacaoDocumento(doc.url)}
 												disabled={!doc.url}
 											>
-												<Eye size={16} />
+												<Eye class="h-4 w-4" />
 											</button>
 											{#if canAddDocsToSelectedRequest}
 												<button
 													type="button"
-													class="rounded bg-red-100 p-1 text-red-700 hover:bg-red-200"
+													class="btn btn-ghost btn-sm text-error"
 													title="Remover documento"
 													onclick={() => handleRemoveSolicitacaoDocumento(doc._id)}
 												>
-													<Trash2 size={16} />
+													<Trash2 class="h-4 w-4" />
 												</button>
 											{/if}
 										</td>
@@ -2350,50 +2411,48 @@
 					</div>
 				{/if}
 
-				<div class="mt-5 flex justify-end">
-					<button
-						type="button"
-						onclick={closeSolicitacaoDocs}
-						class="rounded bg-gray-200 px-4 py-2 text-sm text-gray-800 hover:bg-gray-300"
-					>
-						Fechar
-					</button>
+				<div class="modal-action">
+					<button type="button" onclick={closeSolicitacaoDocs} class="btn">Fechar</button>
 				</div>
 			</div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={closeSolicitacaoDocs}
+				aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
 
 	{#if showRequestAdjustmentsModal}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40"
-		>
-			<div class="relative w-full max-w-md rounded-lg bg-white p-6 shadow-xl">
-				<h3 class="mb-4 text-lg font-bold">Solicitar Ajustes</h3>
-				<p class="mb-2 text-sm text-gray-600">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-md">
+				<h3 class="text-lg font-bold">Solicitar Ajustes</h3>
+				<p class="text-base-content/70 mt-2 text-sm">
 					Descreva os ajustes necessários para este pedido. O status será alterado para "Precisa de
 					Ajustes".
 				</p>
 				<textarea
 					bind:value={adjustmentDescription}
-					class="mb-4 w-full rounded border p-2 text-sm"
+					class="textarea textarea-bordered focus:textarea-primary mt-4 w-full"
 					rows="5"
 					placeholder="Ex: O valor do Item 1 está acima do mercado..."
 				></textarea>
-				<div class="flex justify-end gap-2">
-					<button
-						onclick={() => (showRequestAdjustmentsModal = false)}
-						class="rounded bg-gray-200 px-4 py-2 text-gray-700 hover:bg-gray-300"
-					>
+				<div class="modal-action">
+					<button type="button" class="btn" onclick={() => (showRequestAdjustmentsModal = false)}>
 						Cancelar
 					</button>
-					<button
-						onclick={confirmRequestAdjustments}
-						class="rounded bg-orange-500 px-4 py-2 text-white hover:bg-orange-600"
-					>
+					<button type="button" class="btn btn-warning" onclick={confirmRequestAdjustments}>
 						Confirmar Solicitação
 					</button>
 				</div>
 			</div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={() => (showRequestAdjustmentsModal = false)}
+				aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
 
@@ -2406,4 +2465,4 @@
 		onConfirm={confirmModal.onConfirm}
 		onClose={() => (confirmModal.open = false)}
 	/>
-</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/aceite/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/aceite/+page.svelte
index 5929f60..9942e25 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/aceite/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/aceite/+page.svelte
@@ -4,6 +4,12 @@
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { CheckCircle, Clock, FileText, User } from 'lucide-svelte';
 	import { toast } from 'svelte-sonner';
+	import { resolve } from '$app/paths';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageHeader from '$lib/components/layout/PageHeader.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
+	import EmptyState from '$lib/components/ui/EmptyState.svelte';
 
 	const client = useConvexClient();
 	const ordersQuery = useQuery(api.pedidos.listForAcceptance, {});
@@ -27,42 +33,44 @@
 	}
 </script>
 
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-primary text-2xl font-bold tracking-tight">Pedidos para Aceite</h1>
-			<p class="text-base-content/70 mt-1">
-				Lista de pedidos aguardando análise do setor de compras.
-			</p>
-		</div>
-	</div>
+<PageShell>
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: 'Aceite' }
+		]}
+	/>
 
-	{#if ordersQuery.isLoading}
-		<div class="flex flex-col gap-4">
-			{#each Array(3) as _, i (i)}
-				<div class="skeleton h-24 w-full rounded-lg"></div>
-			{/each}
-		</div>
+	<PageHeader
+		title="Pedidos para Aceite"
+		subtitle="Lista de pedidos aguardando análise do setor de compras"
+	>
+		{#snippet icon()}
+			<Clock strokeWidth={2} />
+		{/snippet}
+	</PageHeader>
+
+	<div class="space-y-6">
+
+		{#if ordersQuery.isLoading}
+			<div class="flex items-center justify-center py-10">
+				<span class="loading loading-spinner loading-lg"></span>
+			</div>
 	{:else if ordersQuery.error}
 		<div class="alert alert-error">
 			<span>Erro ao carregar pedidos: {ordersQuery.error.message}</span>
 		</div>
 	{:else if !ordersQuery.data || ordersQuery.data.length === 0}
-		<div
-			class="bg-base-100 flex flex-col items-center justify-center rounded-lg border py-12 text-center shadow-sm"
-		>
-			<div class="bg-base-200 mb-4 rounded-full p-4">
-				<CheckCircle class="text-base-content/30 h-8 w-8" />
-			</div>
-			<h3 class="text-lg font-medium">Tudo em dia!</h3>
-			<p class="text-base-content/60 mt-1 max-w-sm">Não há pedidos aguardando aceite no momento.</p>
-		</div>
+		<EmptyState title="Tudo em dia!" description="Não há pedidos aguardando aceite no momento.">
+			{#snippet icon()}
+				<CheckCircle />
+			{/snippet}
+		</EmptyState>
 	{:else}
 		<div class="grid gap-4">
 			{#each ordersQuery.data as pedido (pedido._id)}
-				<div
-					class="bg-base-100 border-base-200 hover:border-primary/30 group relative overflow-hidden rounded-xl border p-6 shadow-sm transition-all hover:shadow-md"
-				>
+				<GlassCard class="border-base-300 hover:border-primary/30 transition-all hover:shadow-md">
 					<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
 						<div class="space-y-1">
 							<div class="flex items-center gap-2">
@@ -90,7 +98,7 @@
 						</div>
 
 						<div class="flex items-center gap-2">
-							<a href="/pedidos/{pedido._id}" class="btn btn-ghost btn-sm">
+							<a href={resolve(`/pedidos/${pedido._id}`)} class="btn btn-ghost btn-sm">
 								<FileText class="mr-2 h-4 w-4" />
 								Ver Detalhes
 							</a>
@@ -108,8 +116,9 @@
 							</button>
 						</div>
 					</div>
-				</div>
+				</GlassCard>
 			{/each}
 		</div>
 	{/if}
-</div>
+	</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/minhas-analises/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/minhas-analises/+page.svelte
index c059ea1..5d75e22 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/minhas-analises/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/minhas-analises/+page.svelte
@@ -2,82 +2,91 @@
 	import { useQuery } from 'convex-svelte';
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import { ClipboardList, Clock, FileText, User, Search } from 'lucide-svelte';
+	import { resolve } from '$app/paths';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageHeader from '$lib/components/layout/PageHeader.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
+	import EmptyState from '$lib/components/ui/EmptyState.svelte';
 
 	const ordersQuery = useQuery(api.pedidos.listMyAnalysis, {});
 </script>
 
-<div class="space-y-6">
-	<div class="flex items-center justify-between">
-		<div>
-			<h1 class="text-primary text-2xl font-bold tracking-tight">Minhas Análises</h1>
-			<p class="text-base-content/70 mt-1">Pedidos que você aceitou e está analisando.</p>
-		</div>
-	</div>
+<PageShell>
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: 'Minhas análises' }
+		]}
+	/>
 
-	{#if ordersQuery.isLoading}
-		<div class="flex flex-col gap-4">
-			{#each Array(3) as _, i (i)}
-				<div class="skeleton h-24 w-full rounded-lg"></div>
-			{/each}
-		</div>
-	{:else if ordersQuery.error}
-		<div class="alert alert-error">
-			<span>Erro ao carregar análises: {ordersQuery.error.message}</span>
-		</div>
-	{:else if !ordersQuery.data || ordersQuery.data.length === 0}
-		<div
-			class="bg-base-100 flex flex-col items-center justify-center rounded-lg border py-12 text-center shadow-sm"
-		>
-			<div class="bg-base-200 mb-4 rounded-full p-4">
-				<ClipboardList class="text-base-content/30 h-8 w-8" />
+	<PageHeader title="Minhas Análises" subtitle="Pedidos que você aceitou e está analisando">
+		{#snippet icon()}
+			<Search strokeWidth={2} />
+		{/snippet}
+	</PageHeader>
+
+	<div class="space-y-6">
+		{#if ordersQuery.isLoading}
+			<div class="flex items-center justify-center py-10">
+				<span class="loading loading-spinner loading-lg"></span>
 			</div>
-			<h3 class="text-lg font-medium">Nenhuma análise em andamento</h3>
-			<p class="text-base-content/60 mt-1 max-w-sm">
-				Você não possui pedidos sob sua responsabilidade no momento. Vá para "Pedidos para Aceite"
-				para pegar novos pedidos.
-			</p>
-		</div>
-	{:else}
-		<div class="grid gap-4">
-			{#each ordersQuery.data as pedido (pedido._id)}
-				<div
-					class="bg-base-100 border-base-200 hover:border-primary/30 group relative overflow-hidden rounded-xl border p-6 shadow-sm transition-all hover:shadow-md"
-				>
-					<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-						<div class="space-y-1">
-							<div class="flex items-center gap-2">
-								<span class="badge badge-info gap-1 font-medium">
-									<Search class="h-3 w-3" />
-									Em Análise
-								</span>
-								<span class="text-base-content/40 text-xs">
-									#{pedido._id.slice(-6)}
-								</span>
-							</div>
-							<h3 class="text-lg font-bold">
-								{pedido.numeroSei ? `SEI: ${pedido.numeroSei}` : 'Sem número SEI'}
-							</h3>
-							<div class="text-base-content/70 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm">
-								<div class="flex items-center gap-1">
-									<User class="h-3.5 w-3.5" />
-									<span>Criado por: {pedido.criadoPorNome}</span>
+		{:else if ordersQuery.error}
+			<div class="alert alert-error">
+				<span>Erro ao carregar análises: {ordersQuery.error.message}</span>
+			</div>
+		{:else if !ordersQuery.data || ordersQuery.data.length === 0}
+			<EmptyState
+				title="Nenhuma análise em andamento"
+				description="Você não possui pedidos sob sua responsabilidade no momento. Vá para &quot;Pedidos para Aceite&quot; para pegar novos pedidos."
+			>
+				{#snippet icon()}
+					<ClipboardList />
+				{/snippet}
+			</EmptyState>
+		{:else}
+			<div class="grid gap-4">
+				{#each ordersQuery.data as pedido (pedido._id)}
+					<GlassCard class="border-base-300 hover:border-primary/30 transition-all hover:shadow-md">
+						<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+							<div class="space-y-1">
+								<div class="flex items-center gap-2">
+									<span class="badge badge-info gap-1 font-medium">
+										<Search class="h-3 w-3" />
+										Em Análise
+									</span>
+									<span class="text-base-content/40 text-xs">
+										#{pedido._id.slice(-6)}
+									</span>
 								</div>
-								<div class="flex items-center gap-1">
-									<Clock class="h-3.5 w-3.5" />
-									<span>Aceito em: {new Date(pedido.atualizadoEm).toLocaleDateString()}</span>
+								<h3 class="text-lg font-bold">
+									{pedido.numeroSei ? `SEI: ${pedido.numeroSei}` : 'Sem número SEI'}
+								</h3>
+								<div
+									class="text-base-content/70 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm"
+								>
+									<div class="flex items-center gap-1">
+										<User class="h-3.5 w-3.5" />
+										<span>Criado por: {pedido.criadoPorNome}</span>
+									</div>
+									<div class="flex items-center gap-1">
+										<Clock class="h-3.5 w-3.5" />
+										<span>Aceito em: {new Date(pedido.atualizadoEm).toLocaleDateString()}</span>
+									</div>
 								</div>
 							</div>
-						</div>
 
-						<div class="flex items-center gap-2">
-							<a href="/pedidos/{pedido._id}" class="btn btn-primary btn-sm">
-								<FileText class="mr-2 h-4 w-4" />
-								Continuar Análise
-							</a>
+							<div class="flex items-center gap-2">
+								<a href={resolve(`/pedidos/${pedido._id}`)} class="btn btn-primary btn-sm">
+									<FileText class="mr-2 h-4 w-4" />
+									Continuar Análise
+								</a>
+							</div>
 						</div>
-					</div>
-				</div>
-			{/each}
-		</div>
-	{/if}
-</div>
+					</GlassCard>
+				{/each}
+			</div>
+		{/if}
+	</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
index 73a8a4a..31a5e13 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/novo/+page.svelte
@@ -2,7 +2,12 @@
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { Plus, Trash2, X, Info } from 'lucide-svelte';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageHeader from '$lib/components/layout/PageHeader.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import EmptyState from '$lib/components/ui/EmptyState.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
+	import { Info, Plus, Trash2, X } from 'lucide-svelte';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
 
@@ -254,71 +259,81 @@
 	}
 </script>
 
-<div class="container mx-auto max-w-4xl p-6">
-	<h1 class="mb-6 text-3xl font-bold">Novo Pedido</h1>
+<PageShell class="max-w-4xl">
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: 'Novo' }
+		]}
+	/>
+
+	<PageHeader title="Novo Pedido" subtitle="Crie um pedido e adicione objetos.">
+		{#snippet icon()}
+			<Plus class="h-6 w-6" />
+		{/snippet}
+	</PageHeader>
 
 	<div class="space-y-6">
 		{#if error}
-			<div class="rounded-lg border border-red-400 bg-red-50 px-4 py-3 text-red-700">
-				<p class="font-semibold">Erro</p>
-				<p class="text-sm">{error}</p>
+			<div class="alert alert-error">
+				<span>{error}</span>
 			</div>
 		{/if}
 
 		<form onsubmit={handleSubmit} class="space-y-6">
-			<!-- Section 1: Basic Information -->
-			<div class="rounded-lg bg-white p-6 shadow-md">
-				<h2 class="mb-4 text-lg font-semibold text-gray-800">Informações Básicas</h2>
-				<div>
-					<label class="mb-2 block text-sm font-medium text-gray-700" for="numeroSei">
-						Número SEI (Opcional)
+			<GlassCard>
+				<h2 class="text-lg font-semibold">Informações Básicas</h2>
+				<div class="mt-4">
+					<label class="label py-0" for="numeroSei">
+						<span class="label-text font-semibold">Número SEI (Opcional)</span>
 					</label>
 					<input
-						class="focus:shadow-outline w-full appearance-none rounded-lg border border-gray-300 px-4 py-2.5 leading-tight text-gray-700 shadow-sm transition focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
 						id="numeroSei"
 						type="text"
 						bind:value={formData.numeroSei}
 						placeholder="Ex: 12345.000000/2023-00"
 						onblur={checkExisting}
+						class="input input-bordered focus:input-primary w-full"
 					/>
-					<p class="mt-1.5 text-xs text-gray-500">
+					<p class="text-base-content/60 mt-2 text-xs">
 						Você pode adicionar o número SEI posteriormente.
 					</p>
 				</div>
-			</div>
+			</GlassCard>
 
-			<!-- Section 2: Add Objects -->
-			<div class="rounded-lg bg-white p-6 shadow-md">
-				<h2 class="mb-4 text-lg font-semibold text-gray-800">Adicionar Objetos ao Pedido</h2>
+			<GlassCard>
+				<h2 class="text-lg font-semibold">Adicionar Objetos ao Pedido</h2>
 
-				<div class="relative mb-4">
-					<label class="mb-2 block text-sm font-medium text-gray-700" for="search-objetos">
-						Buscar Objetos
+				<div class="relative mt-4">
+					<label class="label py-0" for="search-objetos">
+						<span class="label-text font-semibold">Buscar Objetos</span>
 					</label>
 					<input
 						id="search-objetos"
 						type="text"
 						placeholder="Digite o nome do objeto..."
-						class="focus:shadow-outline w-full appearance-none rounded-lg border border-gray-300 px-4 py-2.5 leading-tight text-gray-700 shadow-sm transition focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+						class="input input-bordered focus:input-primary w-full"
 						bind:value={searchQuery}
 					/>
+
 					{#if searchQuery.length > 0 && searchResults}
 						<div
-							class="absolute z-10 mt-2 w-full rounded-lg border border-gray-200 bg-white shadow-xl"
+							class="border-base-300 bg-base-100 rounded-box absolute z-20 mt-2 w-full overflow-hidden border shadow"
 						>
 							{#if searchResults.length === 0}
-								<div class="p-4 text-sm text-gray-500">Nenhum objeto encontrado.</div>
+								<div class="text-base-content/60 p-4 text-sm">Nenhum objeto encontrado.</div>
 							{:else}
-								<ul class="max-h-64 overflow-y-auto">
+								<ul class="menu max-h-64 overflow-y-auto p-2">
 									{#each searchResults as objeto (objeto._id)}
 										<li>
 											<button
 												type="button"
-												class="flex w-full items-center justify-between px-4 py-3 text-left transition hover:bg-blue-50"
+												class="flex items-center justify-between"
 												onclick={() => openItemModal(objeto)}
 											>
-												<span class="font-medium text-gray-800">{objeto.nome}</span>
-												<Plus size={16} class="text-blue-600" />
+												<span class="font-medium">{objeto.nome}</span>
+												<Plus class="h-4 w-4" />
 											</button>
 										</li>
 									{/each}
@@ -328,178 +343,161 @@
 					{/if}
 				</div>
 
-				{#if selectedItems.length > 0}
-					<div class="mt-6">
-						<h3 class="mb-3 text-sm font-semibold text-gray-700">
+				<div class="mt-6">
+					{#if selectedItems.length > 0}
+						<h3 class="text-base-content/70 mb-3 text-sm font-semibold">
 							Itens Selecionados ({selectedItems.length})
 						</h3>
-						<div class="space-y-3">
+						<div class="grid gap-3">
 							{#each selectedItems as item, index (index)}
-								<div
-									class="rounded-xl border border-gray-200 bg-gray-50 p-4 transition hover:shadow-md"
-								>
+								<GlassCard class="border-base-300" bodyClass="p-4">
 									<div class="flex items-start justify-between gap-4">
-										<div class="flex-1 space-y-2">
+										<div class="min-w-0 flex-1">
 											<div class="flex flex-wrap items-center gap-2">
-												<p class="font-semibold text-gray-900">{item.objeto.nome}</p>
+												<p class="font-semibold">{item.objeto.nome}</p>
 												{#if item.acaoId}
-													<span
-														class="inline-flex items-center rounded-full bg-indigo-100 px-2.5 py-0.5 text-xs font-medium text-indigo-800"
+													<span class="badge badge-info badge-sm"
+														>Ação: {getAcaoNome(item.acaoId)}</span
 													>
-														Ação: {getAcaoNome(item.acaoId)}
-													</span>
 												{/if}
 											</div>
-											<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm text-gray-600">
-												<span>
-													<strong>Qtd:</strong>
-													{item.quantidade}
-													{item.objeto.unidade}
-												</span>
+											<div class="text-base-content/70 mt-1 text-sm">
+												<span class="font-semibold">Qtd:</span>
+												{item.quantidade}
+												{item.objeto.unidade}
 											</div>
 										</div>
-										<div class="flex items-center gap-2">
+
+										<div class="flex items-center gap-1">
 											<button
 												type="button"
-												class="rounded-lg p-2 text-blue-600 transition hover:bg-blue-50"
+												class="btn btn-ghost btn-sm btn-square"
 												onclick={() => openDetails(item)}
-												aria-label="Ver detalhes"
+												title="Ver detalhes"
 											>
-												<Info size={18} />
+												<Info class="h-4 w-4" />
 											</button>
 											<button
 												type="button"
-												class="rounded-lg p-2 text-red-600 transition hover:bg-red-50"
+												class="btn btn-ghost btn-sm btn-square text-error"
 												onclick={() => removeItem(index)}
-												aria-label="Remover item"
+												title="Remover item"
 											>
-												<Trash2 size={18} />
+												<Trash2 class="h-4 w-4" />
 											</button>
 										</div>
 									</div>
-								</div>
+								</GlassCard>
 							{/each}
 						</div>
-					</div>
-				{:else}
-					<div class="mt-4 rounded-lg border-2 border-dashed border-gray-300 p-8 text-center">
-						<p class="text-sm text-gray-500">
-							Nenhum item adicionado. Use a busca acima para adicionar objetos ao pedido.
-						</p>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Warnings Section -->
+					{:else}
+						<EmptyState
+							title="Nenhum item adicionado"
+							description="Use a busca acima para adicionar objetos ao pedido."
+						>
+							{#snippet icon()}
+								<Plus />
+							{/snippet}
+						</EmptyState>
+					{/if}
+				</div>
+			</GlassCard>
 
 			{#if warning}
-				<div
-					class="rounded-lg border border-yellow-400 bg-yellow-50 px-4 py-3 text-sm text-yellow-800"
-				>
-					<p class="font-semibold">Aviso</p>
-					<p>{warning}</p>
+				<div class={`alert ${existingPedidos.length > 0 ? 'alert-warning' : 'alert-info'}`}>
+					<span>{warning}</span>
 				</div>
 			{/if}
 
 			{#if checking}
-				<p class="text-sm text-gray-500">Verificando pedidos existentes...</p>
-			{/if}
-
-			{#if existingPedidos.length > 0}
-				<div class="rounded-lg border border-yellow-300 bg-yellow-50 p-4">
-					<p class="mb-3 font-semibold text-yellow-900">Pedidos similares encontrados:</p>
-					<ul class="space-y-2">
-						{#each existingPedidos as pedido (pedido._id)}
-							<li class="flex flex-col rounded-lg bg-white px-4 py-3 shadow-sm">
-								<div class="flex items-center justify-between gap-3">
-									<div class="space-y-1">
-										<p class="text-sm font-medium text-gray-900">
-											Pedido {pedido.numeroSei || 'sem número SEI'} — {formatStatus(pedido.status)}
-										</p>
-
-										{#if getMatchingInfo(pedido)}
-											<p class="mt-1 text-xs text-blue-700">
-												{getMatchingInfo(pedido)}
-											</p>
-										{/if}
-									</div>
-									<a
-										href={resolve(buildPedidoHref(pedido))}
-										class="text-sm font-medium text-blue-600 hover:text-blue-800"
-									>
-										Abrir
-									</a>
-								</div>
-							</li>
-						{/each}
-					</ul>
+				<div class="text-base-content/60 flex items-center gap-2 text-sm">
+					<span class="loading loading-spinner loading-sm"></span>
+					Verificando pedidos existentes...
 				</div>
 			{/if}
 
-			<!-- Action Buttons -->
-			<div class="flex items-center justify-end gap-3 border-t pt-6">
-				<a
-					href={resolve('/pedidos')}
-					class="rounded-lg bg-gray-200 px-6 py-2.5 font-semibold text-gray-800 transition hover:bg-gray-300"
-				>
-					Cancelar
-				</a>
+			{#if existingPedidos.length > 0}
+				<GlassCard>
+					<h2 class="text-lg font-semibold">Pedidos similares encontrados</h2>
+					<div class="mt-4 space-y-2">
+						{#each existingPedidos as pedido (pedido._id)}
+							<div
+								class="border-base-300 bg-base-100 flex items-start justify-between gap-3 rounded-lg border p-4"
+							>
+								<div class="min-w-0">
+									<p class="font-medium">
+										Pedido {pedido.numeroSei || 'sem número SEI'} — {formatStatus(pedido.status)}
+									</p>
+									{#if getMatchingInfo(pedido)}
+										<p class="text-info mt-1 text-xs">{getMatchingInfo(pedido)}</p>
+									{/if}
+								</div>
+								<a href={resolve(buildPedidoHref(pedido))} class="btn btn-ghost btn-sm">Abrir</a>
+							</div>
+						{/each}
+					</div>
+				</GlassCard>
+			{/if}
+
+			<div class="flex items-center justify-end gap-3">
+				<a href={resolve('/pedidos')} class="btn">Cancelar</a>
 				<button
 					type="submit"
 					disabled={creating || selectedItems.length === 0}
-					class="rounded-lg bg-blue-600 px-6 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+					class="btn btn-primary"
 				>
-					{creating ? 'Criando...' : 'Criar Pedido'}
+					{#if creating}
+						<span class="loading loading-spinner loading-sm"></span>
+					{/if}
+					Criar Pedido
 				</button>
 			</div>
 		</form>
 	</div>
 
-	<!-- Item Configuration Modal -->
 	{#if showItemModal && itemConfig.objeto}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-		>
-			<div class="relative w-full max-w-lg rounded-xl bg-white p-6 shadow-2xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-lg">
 				<button
+					type="button"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 					onclick={closeItemModal}
-					class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-					aria-label="Fechar"
+					aria-label="Fechar modal"
 				>
-					<X size={24} />
+					<X class="h-5 w-5" />
 				</button>
 
-				<h3 class="mb-4 text-xl font-bold text-gray-900">Configurar Item</h3>
+				<h3 class="text-lg font-bold">Configurar Item</h3>
 
-				<div class="mb-6 rounded-lg bg-blue-50 p-4">
-					<p class="font-semibold text-gray-900">{itemConfig.objeto.nome}</p>
-					<p class="text-sm text-gray-600">Unidade: {itemConfig.objeto.unidade}</p>
-					<p class="mt-1 text-xs text-gray-500">
+				<div class="border-base-300 bg-base-200/30 mt-4 rounded-lg border p-4">
+					<p class="font-semibold">{itemConfig.objeto.nome}</p>
+					<p class="text-base-content/70 text-sm">Unidade: {itemConfig.objeto.unidade}</p>
+					<p class="text-base-content/60 mt-1 text-xs">
 						Valor estimado: {itemConfig.objeto.valorEstimado}
 					</p>
 				</div>
 
-				<div class="space-y-4">
+				<div class="mt-4 grid gap-4">
 					<div>
-						<label class="mb-2 block text-sm font-medium text-gray-700" for="quantidade">
-							Quantidade
+						<label class="label py-0" for="quantidade">
+							<span class="label-text font-semibold">Quantidade</span>
 						</label>
 						<input
 							id="quantidade"
 							type="number"
 							min="1"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="input input-bordered focus:input-primary w-full"
 							bind:value={itemConfig.quantidade}
 						/>
 					</div>
 
 					<div>
-						<label class="mb-2 block text-sm font-medium text-gray-700" for="itemAcao">
-							Ação (Opcional)
+						<label class="label py-0" for="itemAcao">
+							<span class="label-text font-semibold">Ação (Opcional)</span>
 						</label>
 						<select
 							id="itemAcao"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="select select-bordered focus:select-primary w-full"
 							bind:value={itemConfig.acaoId}
 						>
 							<option value="">Selecione uma ação...</option>
@@ -510,59 +508,62 @@
 					</div>
 				</div>
 
-				<div class="mt-6 flex justify-end gap-3">
-					<button
-						type="button"
-						onclick={closeItemModal}
-						class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 transition hover:bg-gray-300"
+				<div class="modal-action">
+					<button type="button" class="btn" onclick={closeItemModal}>Cancelar</button>
+					<button type="button" class="btn btn-primary" onclick={confirmAddItem}
+						>Adicionar Item</button
 					>
-						Cancelar
-					</button>
-					<button
-						type="button"
-						onclick={confirmAddItem}
-						class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700"
-					>
-						Adicionar Item
-					</button>
 				</div>
 			</div>
+			<button
+				type="button"
+				class="modal-backdrop"
+				onclick={closeItemModal}
+				aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
 
-	<!-- Details Modal -->
 	{#if showDetailsModal && detailsItem}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-		>
-			<div class="relative w-full max-w-lg rounded-xl bg-white p-6 shadow-2xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-lg">
 				<button
+					type="button"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 					onclick={closeDetails}
-					class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-					aria-label="Fechar"
+					aria-label="Fechar modal"
 				>
-					<X size={24} />
+					<X class="h-5 w-5" />
 				</button>
 
-				<h3 class="mb-4 text-xl font-bold text-gray-900">Detalhes do Item</h3>
+				<h3 class="text-lg font-bold">Detalhes do Item</h3>
 
-				<div class="space-y-4">
-					<div class="rounded-lg bg-gray-50 p-4">
-						<h4 class="mb-2 font-semibold text-gray-800">Objeto</h4>
-						<p class="text-gray-700"><strong>Nome:</strong> {detailsItem.objeto.nome}</p>
-						<p class="text-gray-700"><strong>Unidade:</strong> {detailsItem.objeto.unidade}</p>
-						<p class="text-gray-700">
+				<div class="mt-4 space-y-4">
+					<div class="border-base-300 bg-base-200/30 rounded-lg border p-4">
+						<h4 class="font-semibold">Objeto</h4>
+						<p class="text-base-content/70 mt-2 text-sm">
+							<strong>Nome:</strong>
+							{detailsItem.objeto.nome}
+						</p>
+						<p class="text-base-content/70 text-sm">
+							<strong>Unidade:</strong>
+							{detailsItem.objeto.unidade}
+						</p>
+						<p class="text-base-content/70 text-sm">
 							<strong>Valor Estimado:</strong>
 							{detailsItem.objeto.valorEstimado}
 						</p>
 					</div>
 
-					<div class="rounded-lg bg-gray-50 p-4">
-						<h4 class="mb-2 font-semibold text-gray-800">Pedido</h4>
-						<p class="text-gray-700"><strong>Quantidade:</strong> {detailsItem.quantidade}</p>
+					<div class="border-base-300 bg-base-200/30 rounded-lg border p-4">
+						<h4 class="font-semibold">Pedido</h4>
+						<p class="text-base-content/70 mt-2 text-sm">
+							<strong>Quantidade:</strong>
+							{detailsItem.quantidade}
+						</p>
 
 						{#if detailsItem.acaoId}
-							<p class="text-gray-700">
+							<p class="text-base-content/70 text-sm">
 								<strong>Ação:</strong>
 								{getAcaoNome(detailsItem.acaoId)}
 							</p>
@@ -570,16 +571,12 @@
 					</div>
 				</div>
 
-				<div class="mt-6 flex justify-end">
-					<button
-						type="button"
-						onclick={closeDetails}
-						class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700"
-					>
-						Fechar
-					</button>
+				<div class="modal-action">
+					<button type="button" class="btn" onclick={closeDetails}>Fechar</button>
 				</div>
 			</div>
+			<button type="button" class="modal-backdrop" onclick={closeDetails} aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
-</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
index dc78d70..6303291 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/+page.svelte
@@ -1,8 +1,12 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageHeader from '$lib/components/layout/PageHeader.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import TableCard from '$lib/components/ui/TableCard.svelte';
 	import { useConvexClient, useQuery } from 'convex-svelte';
-	import { Plus, Eye, X } from 'lucide-svelte';
+	import { ClipboardList, Eye, Plus, X } from 'lucide-svelte';
 	import { resolve } from '$app/paths';
 	import { goto } from '$app/navigation';
 	import { toast } from 'svelte-sonner';
@@ -28,16 +32,16 @@
 		}
 	}
 
-	function getStatusColor(status: string) {
+	function getStatusBadgeClass(status: string) {
 		switch (status) {
 			case 'rascunho':
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 			case 'gerado':
-				return 'bg-green-100 text-green-800';
+				return 'badge-success';
 			case 'cancelado':
-				return 'bg-red-100 text-red-800';
+				return 'badge-error';
 			default:
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 		}
 	}
 
@@ -94,165 +98,171 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
-	<div class="mb-6 flex items-center justify-between">
-		<h1 class="text-2xl font-bold">Planejamento de Pedidos</h1>
-		<button
-			type="button"
-			class="flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
-			onclick={openCreate}
-		>
-			<Plus size={20} />
-			Novo planejamento
-		</button>
-	</div>
+<PageShell>
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: 'Planejamento' }
+		]}
+	/>
+
+	<PageHeader
+		title="Planejamento de Pedidos"
+		subtitle="Crie e acompanhe planejamentos antes de gerar pedidos"
+	>
+		{#snippet icon()}
+			<ClipboardList strokeWidth={2} />
+		{/snippet}
+
+		{#snippet actions()}
+			<button
+				type="button"
+				class="btn btn-primary gap-2 shadow-md transition-all hover:shadow-lg"
+				onclick={openCreate}
+			>
+				<Plus class="h-5 w-5" strokeWidth={2} />
+				Novo planejamento
+			</button>
+		{/snippet}
+	</PageHeader>
 
 	{#if planejamentosQuery.isLoading}
-		<div class="flex flex-col gap-4">
-			{#each Array(3)}
-				<div class="skeleton h-16 w-full rounded-lg"></div>
-			{/each}
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
 		</div>
 	{:else if planejamentosQuery.error}
 		<div class="alert alert-error">
 			<span>{planejamentosQuery.error.message}</span>
 		</div>
 	{:else}
-		<div class="overflow-hidden rounded-lg bg-white shadow-md">
-			<table class="min-w-full divide-y divide-gray-200">
-				<thead class="bg-gray-50">
+		<TableCard>
+			<table class="table-zebra table w-full">
+				<thead>
 					<tr>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Título</th
 						>
-							Título
-						</th>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Data</th
 						>
-							Data
-						</th>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Responsável</th
 						>
-							Responsável
-						</th>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Ação</th
 						>
-							Ação
-						</th>
-						<th
-							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
+						<th class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
+							>Status</th
 						>
-							Status
-						</th>
 						<th
-							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
+							class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
+							>Ações</th
 						>
-							Ações
-						</th>
 					</tr>
 				</thead>
-				<tbody class="divide-y divide-gray-200 bg-white">
-					{#each planejamentos as p (p._id)}
-						<tr class="hover:bg-gray-50">
-							<td class="px-6 py-4 font-medium whitespace-nowrap">{p.titulo}</td>
-							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{formatDateYMD(p.data)}</td>
-							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{p.responsavelNome}</td>
-							<td class="px-6 py-4 whitespace-nowrap text-gray-600">{p.acaoNome || '-'}</td>
-							<td class="px-6 py-4 whitespace-nowrap">
-								<span
-									class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getStatusColor(
-										p.status
-									)}"
-								>
-									{formatStatus(p.status)}
-								</span>
-							</td>
-							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
-								<a
-									href={resolve(`/pedidos/planejamento/${p._id}`)}
-									class="inline-flex items-center gap-1 text-indigo-600 hover:text-indigo-900"
-								>
-									<Eye size={18} />
-									Abrir
-								</a>
-							</td>
-						</tr>
-					{/each}
+				<tbody>
 					{#if planejamentos.length === 0}
 						<tr>
-							<td colspan="6" class="px-6 py-4 text-center text-gray-500"
-								>Nenhum planejamento encontrado.</td
-							>
+							<td colspan="6" class="py-12 text-center">
+								<div class="text-base-content/60 flex flex-col items-center gap-2">
+									<p class="text-lg font-semibold">Nenhum planejamento encontrado</p>
+									<p class="text-sm">Clique em “Novo planejamento” para criar o primeiro.</p>
+								</div>
+							</td>
 						</tr>
+					{:else}
+						{#each planejamentos as p (p._id)}
+							<tr class="hover:bg-base-200/50 transition-colors">
+								<td class="font-medium whitespace-nowrap">{p.titulo}</td>
+								<td class="text-base-content/70 whitespace-nowrap">{formatDateYMD(p.data)}</td>
+								<td class="text-base-content/70 whitespace-nowrap">{p.responsavelNome}</td>
+								<td class="text-base-content/70 whitespace-nowrap">{p.acaoNome || '-'}</td>
+								<td class="whitespace-nowrap">
+									<span class="badge badge-sm {getStatusBadgeClass(p.status)}">
+										{formatStatus(p.status)}
+									</span>
+								</td>
+								<td class="text-right whitespace-nowrap">
+									<a
+										href={resolve(`/pedidos/planejamento/${p._id}`)}
+										class="btn btn-ghost btn-sm gap-2"
+										aria-label="Abrir planejamento"
+									>
+										<Eye class="h-4 w-4" />
+										Abrir
+									</a>
+								</td>
+							</tr>
+						{/each}
 					{/if}
 				</tbody>
 			</table>
-		</div>
+		</TableCard>
 	{/if}
 
 	{#if showCreate}
-		<div
-			class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-		>
-			<div class="relative w-full max-w-2xl rounded-xl bg-white p-6 shadow-2xl">
+		<div class="modal modal-open">
+			<div class="modal-box max-w-2xl">
 				<button
 					type="button"
+					class="btn btn-sm btn-circle absolute top-2 right-2"
 					onclick={closeCreate}
-					class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-					aria-label="Fechar"
+					aria-label="Fechar modal"
 					disabled={creating}
 				>
-					<X size={24} />
+					<X class="h-5 w-5" />
 				</button>
 
-				<h2 class="mb-4 text-xl font-bold text-gray-900">Novo planejamento</h2>
+				<h3 class="text-lg font-bold">Novo planejamento</h3>
 
-				<div class="grid gap-4 md:grid-cols-2">
-					<div class="md:col-span-2">
-						<label class="mb-1 block text-sm font-medium text-gray-700" for="titulo">Título</label>
+				<div class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-2">
+					<div class="form-control w-full md:col-span-2">
+						<label class="label" for="titulo">
+							<span class="label-text font-semibold">Título</span>
+						</label>
 						<input
 							id="titulo"
 							type="text"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="input input-bordered focus:input-primary w-full"
 							bind:value={form.titulo}
 							disabled={creating}
 						/>
 					</div>
 
-					<div class="md:col-span-2">
-						<label class="mb-1 block text-sm font-medium text-gray-700" for="descricao"
-							>Descrição</label
-						>
+					<div class="form-control w-full md:col-span-2">
+						<label class="label" for="descricao">
+							<span class="label-text font-semibold">Descrição</span>
+						</label>
 						<textarea
 							id="descricao"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="textarea textarea-bordered focus:textarea-primary w-full"
 							rows="4"
 							bind:value={form.descricao}
 							disabled={creating}
 						></textarea>
 					</div>
 
-					<div>
-						<label class="mb-1 block text-sm font-medium text-gray-700" for="data">Data</label>
+					<div class="form-control w-full">
+						<label class="label" for="data">
+							<span class="label-text font-semibold">Data</span>
+						</label>
 						<input
 							id="data"
 							type="date"
-							class="w-full rounded-lg border border-gray-300 px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="input input-bordered focus:input-primary w-full"
 							bind:value={form.data}
 							disabled={creating}
 						/>
 					</div>
 
-					<div>
-						<label class="mb-1 block text-sm font-medium text-gray-700" for="responsavel"
-							>Responsável</label
-						>
+					<div class="form-control w-full">
+						<label class="label" for="responsavel">
+							<span class="label-text font-semibold">Responsável</span>
+						</label>
 						<select
 							id="responsavel"
-							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="select select-bordered focus:select-primary w-full"
 							bind:value={form.responsavelId}
 							disabled={creating || funcionariosQuery.isLoading}
 						>
@@ -263,13 +273,13 @@
 						</select>
 					</div>
 
-					<div class="md:col-span-2">
-						<label class="mb-1 block text-sm font-medium text-gray-700" for="acao"
-							>Ação (opcional)</label
-						>
+					<div class="form-control w-full md:col-span-2">
+						<label class="label" for="acao">
+							<span class="label-text font-semibold">Ação (opcional)</span>
+						</label>
 						<select
 							id="acao"
-							class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-700 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-200 focus:outline-none"
+							class="select select-bordered focus:select-primary w-full"
 							bind:value={form.acaoId}
 							disabled={creating || acoesQuery.isLoading}
 						>
@@ -281,25 +291,20 @@
 					</div>
 				</div>
 
-				<div class="mt-6 flex justify-end gap-2">
-					<button
-						type="button"
-						class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 transition hover:bg-gray-300"
-						onclick={closeCreate}
-						disabled={creating}
-					>
-						Cancelar
-					</button>
-					<button
-						type="button"
-						class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white shadow-md transition hover:bg-blue-700 disabled:opacity-50"
-						onclick={handleCreate}
-						disabled={creating}
+				<div class="modal-action">
+					<button type="button" class="btn" onclick={closeCreate} disabled={creating}
+						>Cancelar</button
 					>
+					<button type="button" class="btn btn-primary" onclick={handleCreate} disabled={creating}>
+						{#if creating}
+							<span class="loading loading-spinner loading-sm"></span>
+						{/if}
 						{creating ? 'Criando...' : 'Criar'}
 					</button>
 				</div>
 			</div>
+			<button type="button" class="modal-backdrop" onclick={closeCreate} aria-label="Fechar modal"
+			></button>
 		</div>
 	{/if}
-</div>
+</PageShell>
diff --git a/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
index febbc21..42f5ff5 100644
--- a/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/pedidos/planejamento/[id]/+page.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
 	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import type { Doc, Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import Breadcrumbs from '$lib/components/layout/Breadcrumbs.svelte';
+	import PageShell from '$lib/components/layout/PageShell.svelte';
+	import GlassCard from '$lib/components/ui/GlassCard.svelte';
 	import { useConvexClient, useQuery } from 'convex-svelte';
 	import { page } from '$app/state';
 	import { resolve } from '$app/paths';
@@ -40,16 +43,16 @@
 		}
 	}
 
-	function getStatusColor(status: string) {
+	function getStatusBadgeClass(status: string) {
 		switch (status) {
 			case 'rascunho':
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 			case 'gerado':
-				return 'bg-green-100 text-green-800';
+				return 'badge-success';
 			case 'cancelado':
-				return 'bg-red-100 text-red-800';
+				return 'badge-error';
 			default:
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 		}
 	}
 
@@ -72,22 +75,22 @@
 		}
 	}
 
-	function getPedidoStatusColor(status: string) {
+	function getPedidoBadgeClass(status: string) {
 		switch (status) {
 			case 'em_rascunho':
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 			case 'aguardando_aceite':
-				return 'bg-yellow-100 text-yellow-800';
+				return 'badge-warning';
 			case 'em_analise':
-				return 'bg-blue-100 text-blue-800';
+				return 'badge-info';
 			case 'precisa_ajustes':
-				return 'bg-orange-100 text-orange-800';
+				return 'badge-secondary';
 			case 'concluido':
-				return 'bg-green-100 text-green-800';
+				return 'badge-success';
 			case 'cancelado':
-				return 'bg-red-100 text-red-800';
+				return 'badge-error';
 			default:
-				return 'bg-gray-100 text-gray-800';
+				return 'badge-ghost';
 		}
 	}
 
@@ -322,40 +325,51 @@
 	}
 </script>
 
-<div class="container mx-auto p-6">
+<PageShell>
+	<Breadcrumbs
+		items={[
+			{ label: 'Dashboard', href: resolve('/') },
+			{ label: 'Pedidos', href: resolve('/pedidos') },
+			{ label: 'Planejamento', href: resolve('/pedidos/planejamento') },
+			{ label: planejamento?.titulo ?? 'Detalhes' }
+		]}
+	/>
+
 	{#if planejamentoQuery.isLoading}
-		<p>Carregando...</p>
+		<div class="flex items-center justify-center py-10">
+			<span class="loading loading-spinner loading-lg"></span>
+		</div>
 	{:else if planejamentoQuery.error}
-		<p class="text-red-600">{planejamentoQuery.error.message}</p>
+		<div class="alert alert-error">
+			<span>{planejamentoQuery.error.message}</span>
+		</div>
 	{:else if planejamento}
-		<div class="mb-6 overflow-hidden rounded-lg bg-white p-6 shadow-md">
+		<GlassCard class="mb-6">
 			<div class="flex items-start justify-between gap-4">
 				<div class="min-w-0 flex-1">
 					<div class="flex items-center gap-3">
-						<h1 class="truncate text-2xl font-bold text-gray-900">{planejamento.titulo}</h1>
-						<span
-							class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getStatusColor(
-								planejamento.status
-							)}"
-						>
+						<h1 class="text-primary truncate text-2xl font-bold">{planejamento.titulo}</h1>
+						<span class="badge badge-sm {getStatusBadgeClass(planejamento.status)}">
 							{formatStatus(planejamento.status)}
 						</span>
 					</div>
 
-					<p class="mt-2 text-sm whitespace-pre-wrap text-gray-700">{planejamento.descricao}</p>
+					<p class="text-base-content/70 mt-2 text-sm whitespace-pre-wrap">
+						{planejamento.descricao}
+					</p>
 
 					<div class="mt-4 grid gap-3 md:grid-cols-3">
-						<div class="rounded-lg bg-gray-50 p-3">
-							<div class="text-xs font-semibold text-gray-500">Data</div>
-							<div class="text-sm text-gray-900">{planejamento.data}</div>
+						<div class="bg-base-200/50 rounded-lg p-3">
+							<div class="text-base-content/60 text-xs font-semibold">Data</div>
+							<div class="text-base-content text-sm">{planejamento.data}</div>
 						</div>
-						<div class="rounded-lg bg-gray-50 p-3">
-							<div class="text-xs font-semibold text-gray-500">Responsável</div>
-							<div class="text-sm text-gray-900">{planejamento.responsavelNome}</div>
+						<div class="bg-base-200/50 rounded-lg p-3">
+							<div class="text-base-content/60 text-xs font-semibold">Responsável</div>
+							<div class="text-base-content text-sm">{planejamento.responsavelNome}</div>
 						</div>
-						<div class="rounded-lg bg-gray-50 p-3">
-							<div class="text-xs font-semibold text-gray-500">Ação</div>
-							<div class="text-sm text-gray-900">{planejamento.acaoNome || '-'}</div>
+						<div class="bg-base-200/50 rounded-lg p-3">
+							<div class="text-base-content/60 text-xs font-semibold">Ação</div>
+							<div class="text-base-content text-sm">{planejamento.acaoNome || '-'}</div>
 						</div>
 					</div>
 				</div>
@@ -366,16 +380,20 @@
 							<div class="flex gap-2">
 								<button
 									type="button"
-									class="flex items-center gap-2 rounded bg-green-600 px-3 py-2 text-sm text-white hover:bg-green-700 disabled:opacity-50"
+									class="btn btn-primary btn-sm gap-2"
 									onclick={saveHeader}
 									disabled={savingHeader}
 								>
-									<Save size={16} />
+									{#if savingHeader}
+										<span class="loading loading-spinner loading-sm"></span>
+									{:else}
+										<Save class="h-4 w-4" />
+									{/if}
 									Salvar
 								</button>
 								<button
 									type="button"
-									class="rounded bg-gray-200 px-3 py-2 text-sm text-gray-800 hover:bg-gray-300"
+									class="btn btn-ghost btn-sm"
 									onclick={cancelEditHeader}
 									disabled={savingHeader}
 								>
@@ -383,12 +401,8 @@
 								</button>
 							</div>
 						{:else}
-							<button
-								type="button"
-								class="flex items-center gap-2 rounded bg-gray-100 px-3 py-2 text-sm text-gray-800 hover:bg-gray-200"
-								onclick={startEditHeader}
-							>
-								<Edit size={16} />
+							<button type="button" class="btn btn-ghost btn-sm gap-2" onclick={startEditHeader}>
+								<Edit class="h-4 w-4" />
 								Editar
 							</button>
 						{/if}
@@ -397,49 +411,51 @@
 			</div>
 
 			{#if editingHeader}
-				<div class="mt-5 rounded-lg border border-gray-200 bg-white p-4">
+				<div class="border-base-300 bg-base-100 mt-5 rounded-lg border p-4">
 					<div class="grid gap-4 md:grid-cols-2">
 						<div class="md:col-span-2">
-							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_titulo"
-								>Título</label
-							>
+							<label class="label" for="eh_titulo">
+								<span class="label-text font-semibold">Título</span>
+							</label>
 							<input
 								id="eh_titulo"
 								type="text"
-								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="input input-bordered focus:input-primary w-full"
 								bind:value={headerForm.titulo}
 								disabled={savingHeader}
 							/>
 						</div>
 						<div class="md:col-span-2">
-							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_descricao"
-								>Descrição</label
-							>
+							<label class="label" for="eh_descricao">
+								<span class="label-text font-semibold">Descrição</span>
+							</label>
 							<textarea
 								id="eh_descricao"
 								rows="4"
-								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="textarea textarea-bordered focus:textarea-primary w-full"
 								bind:value={headerForm.descricao}
 								disabled={savingHeader}
 							></textarea>
 						</div>
 						<div>
-							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_data">Data</label>
+							<label class="label" for="eh_data">
+								<span class="label-text font-semibold">Data</span>
+							</label>
 							<input
 								id="eh_data"
 								type="date"
-								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="input input-bordered focus:input-primary w-full"
 								bind:value={headerForm.data}
 								disabled={savingHeader}
 							/>
 						</div>
 						<div>
-							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_resp"
-								>Responsável</label
-							>
+							<label class="label" for="eh_resp">
+								<span class="label-text font-semibold">Responsável</span>
+							</label>
 							<select
 								id="eh_resp"
-								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="select select-bordered focus:select-primary w-full"
 								bind:value={headerForm.responsavelId}
 								disabled={savingHeader || funcionariosQuery.isLoading}
 							>
@@ -450,12 +466,12 @@
 							</select>
 						</div>
 						<div class="md:col-span-2">
-							<label class="mb-1 block text-sm font-medium text-gray-700" for="eh_acao"
-								>Ação (opcional)</label
-							>
+							<label class="label" for="eh_acao">
+								<span class="label-text font-semibold">Ação (opcional)</span>
+							</label>
 							<select
 								id="eh_acao"
-								class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="select select-bordered focus:select-primary w-full"
 								bind:value={headerForm.acaoId}
 								disabled={savingHeader || acoesQuery.isLoading}
 							>
@@ -468,15 +484,15 @@
 					</div>
 				</div>
 			{/if}
-		</div>
+		</GlassCard>
 
 		<!-- Itens -->
-		<div class="mb-6 overflow-hidden rounded-lg bg-white shadow-md">
-			<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
+		<GlassCard class="mb-6" bodyClass="p-0">
+			<div class="border-base-300 flex items-center justify-between border-b px-6 py-4">
 				<div>
 					<h2 class="text-lg font-semibold">Itens</h2>
 					{#if itensSemDfdCount > 0}
-						<p class="mt-1 text-xs text-amber-700">
+						<p class="text-warning mt-1 text-xs">
 							{itensSemDfdCount} item(ns) sem DFD. Para gerar pedidos, todos os itens precisam ter DFD.
 						</p>
 					{/if}
@@ -487,7 +503,7 @@
 							type="button"
 							onclick={openGerarModal}
 							disabled={!canGerar}
-							class="rounded bg-indigo-600 px-3 py-2 text-sm text-white hover:bg-indigo-700 disabled:opacity-50"
+							class="btn btn-primary btn-sm"
 						>
 							Gerar pedidos
 						</button>
@@ -496,29 +512,29 @@
 						<div class="relative">
 							<input
 								type="text"
-								class="w-64 rounded-md border border-gray-300 px-3 py-2 text-sm"
+								class="input input-bordered focus:input-primary input-sm w-64"
 								placeholder="Buscar objetos..."
 								bind:value={searchQuery}
 							/>
 							{#if searchQuery.length > 0}
 								<div
-									class="absolute z-10 mt-2 w-full rounded-lg border border-gray-200 bg-white shadow-xl"
+									class="border-base-300 bg-base-100 absolute z-10 mt-2 w-full rounded-lg border shadow-xl"
 								>
 									{#if searchResultsQuery.isLoading}
-										<div class="p-3 text-sm text-gray-500">Buscando...</div>
+										<div class="text-base-content/60 p-3 text-sm">Buscando...</div>
 									{:else if searchResults.length === 0}
-										<div class="p-3 text-sm text-gray-500">Nenhum objeto encontrado.</div>
+										<div class="text-base-content/60 p-3 text-sm">Nenhum objeto encontrado.</div>
 									{:else}
 										<ul class="max-h-64 overflow-y-auto">
 											{#each searchResults as o (o._id)}
 												<li>
 													<button
 														type="button"
-														class="flex w-full items-center justify-between px-4 py-3 text-left transition hover:bg-blue-50"
+														class="hover:bg-base-200/50 flex w-full items-center justify-between px-4 py-3 text-left transition-colors"
 														onclick={() => openAddItemModal(o)}
 													>
-														<span class="font-medium text-gray-800">{o.nome}</span>
-														<Plus size={16} class="text-blue-600" />
+														<span class="font-medium">{o.nome}</span>
+														<Plus class="text-primary h-4 w-4" />
 													</button>
 												</li>
 											{/each}
@@ -533,22 +549,24 @@
 
 			<div class="p-6">
 				{#if itemsQuery.isLoading}
-					<p class="text-sm text-gray-500">Carregando itens...</p>
+					<p class="text-base-content/60 text-sm">Carregando itens...</p>
 				{:else if items.length === 0}
-					<p class="text-sm text-gray-500">Nenhum item adicionado.</p>
+					<p class="text-base-content/60 text-sm">Nenhum item adicionado.</p>
 				{:else}
 					<div class="space-y-4">
 						{#each grouped as group (group.key)}
 							{@const dfd = group.isSemDfd ? null : group.key}
 							{@const pedidoLink = dfd ? pedidosByDfd[dfd] : null}
-							<div class="rounded-lg border border-gray-200">
-								<div class="flex items-center justify-between bg-gray-50 px-4 py-3">
+							<GlassCard bodyClass="p-0">
+								<div
+									class="border-base-300 bg-base-200/50 flex items-center justify-between border-b px-6 py-4"
+								>
 									<div class="flex flex-col gap-1">
-										<div class="font-semibold text-gray-900">{group.label}</div>
+										<div class="font-semibold">{group.label}</div>
 										{#if pedidoLink?.pedido}
 											<a
 												href={resolve(`/pedidos/${pedidoLink.pedido._id}`)}
-												class="text-xs text-blue-700 hover:underline"
+												class="text-primary text-xs hover:underline"
 											>
 												Pedido: {pedidoLink.pedido.numeroSei || pedidoLink.pedido._id} — {formatPedidoStatus(
 													pedidoLink.pedido.status
@@ -556,45 +574,52 @@
 											</a>
 										{/if}
 									</div>
-									<div class="text-xs text-gray-500">{group.items.length} item(ns)</div>
+									<div class="text-base-content/60 text-xs">{group.items.length} item(ns)</div>
 								</div>
 
 								<div class="overflow-x-auto">
-									<table class="min-w-full divide-y divide-gray-200">
-										<thead class="bg-white">
+									<table class="table-zebra table w-full">
+										<thead>
 											<tr>
-												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+												<th
+													class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 													>Objeto</th
 												>
-												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+												<th
+													class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 													>Qtd</th
 												>
-												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+												<th
+													class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 													>Valor Est.</th
 												>
-												<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase"
+												<th
+													class="text-base-content border-base-400 border-b font-bold whitespace-nowrap"
 													>DFD</th
 												>
-												<th class="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase"
+												<th
+													class="text-base-content border-base-400 border-b text-right font-bold whitespace-nowrap"
 													>Ações</th
 												>
 											</tr>
 										</thead>
-										<tbody class="divide-y divide-gray-200 bg-white">
+										<tbody>
 											{#each group.items as it (it._id)}
-												<tr class="hover:bg-gray-50">
-													<td class="px-4 py-2 text-sm text-gray-900">
+												<tr class="hover:bg-base-200/50 transition-colors">
+													<td class="whitespace-nowrap">
 														{it.objetoNome}
 														{#if it.objetoUnidade}
-															<span class="ml-2 text-xs text-gray-400">({it.objetoUnidade})</span>
+															<span class="text-base-content/60 ml-2 text-xs">
+																({it.objetoUnidade})
+															</span>
 														{/if}
 													</td>
-													<td class="px-4 py-2 text-sm text-gray-700">
+													<td class="whitespace-nowrap">
 														{#if isRascunho}
 															<input
 																type="number"
 																min="1"
-																class="w-24 rounded border px-2 py-1 text-sm"
+																class="input input-bordered input-sm w-24"
 																value={it.quantidade}
 																onchange={(e) =>
 																	updateItemField(it._id, {
@@ -605,11 +630,11 @@
 															{it.quantidade}
 														{/if}
 													</td>
-													<td class="px-4 py-2 text-sm text-gray-700">
+													<td class="whitespace-nowrap">
 														{#if isRascunho}
 															<input
 																type="text"
-																class="w-40 rounded border px-2 py-1 text-sm"
+																class="input input-bordered input-sm w-40"
 																value={it.valorEstimado}
 																onblur={(e) =>
 																	updateItemField(it._id, { valorEstimado: e.currentTarget.value })}
@@ -618,11 +643,11 @@
 															{it.valorEstimado}
 														{/if}
 													</td>
-													<td class="px-4 py-2 text-sm text-gray-700">
+													<td class="whitespace-nowrap">
 														{#if isRascunho}
 															<input
 																type="text"
-																class="w-32 rounded border px-2 py-1 text-sm"
+																class="input input-bordered input-sm w-32"
 																value={it.numeroDfd || ''}
 																placeholder="(opcional)"
 																onblur={(e) => {
@@ -634,18 +659,18 @@
 															{it.numeroDfd || '-'}
 														{/if}
 													</td>
-													<td class="px-4 py-2 text-right">
+													<td class="text-right whitespace-nowrap">
 														{#if isRascunho}
 															<button
 																type="button"
-																class="rounded bg-red-100 p-2 text-red-700 hover:bg-red-200"
+																class="btn btn-ghost btn-sm text-error"
 																onclick={() => removeItem(it._id)}
 																title="Remover item"
 															>
-																<Trash2 size={16} />
+																<Trash2 class="h-4 w-4" />
 															</button>
 														{:else}
-															<span class="text-xs text-gray-400">—</span>
+															<span class="text-base-content/50 text-xs">—</span>
 														{/if}
 													</td>
 												</tr>
@@ -653,33 +678,33 @@
 										</tbody>
 									</table>
 								</div>
-							</div>
+							</GlassCard>
 						{/each}
 					</div>
 				{/if}
 			</div>
-		</div>
+		</GlassCard>
 
 		<!-- Pedidos -->
-		<div class="overflow-hidden rounded-lg bg-white shadow-md">
-			<div class="border-b border-gray-200 px-6 py-4">
+		<GlassCard bodyClass="p-0">
+			<div class="border-base-300 border-b px-6 py-4">
 				<h2 class="text-lg font-semibold">Pedidos gerados</h2>
 			</div>
 			<div class="p-6">
 				{#if pedidosQuery.isLoading}
-					<p class="text-sm text-gray-500">Carregando pedidos...</p>
+					<p class="text-base-content/60 text-sm">Carregando pedidos...</p>
 				{:else if pedidosLinks.length === 0}
-					<p class="text-sm text-gray-500">Nenhum pedido gerado ainda.</p>
+					<p class="text-base-content/60 text-sm">Nenhum pedido gerado ainda.</p>
 				{:else}
 					<div class="space-y-4">
 						{#each pedidosLinks as row (row._id)}
-							<div class="rounded-lg border border-gray-200 p-4">
+							<div class="border-base-300 rounded-lg border p-4">
 								<div class="flex flex-wrap items-center justify-between gap-3">
 									<div class="space-y-1">
-										<div class="text-sm font-semibold text-gray-900">DFD: {row.numeroDfd}</div>
+										<div class="text-sm font-semibold">DFD: {row.numeroDfd}</div>
 										{#if row.pedido}
 											<a
-												class="text-sm text-blue-700 hover:underline"
+												class="text-primary text-sm hover:underline"
 												href={resolve(`/pedidos/${row.pedido._id}`)}
 											>
 												Pedido: {row.pedido.numeroSei || row.pedido._id}
@@ -687,11 +712,7 @@
 										{/if}
 									</div>
 									{#if row.pedido}
-										<span
-											class="inline-flex rounded-full px-2 py-1 text-xs font-semibold {getPedidoStatusColor(
-												row.pedido.status
-											)}"
-										>
+										<span class="badge badge-sm {getPedidoBadgeClass(row.pedido.status)}">
 											{formatPedidoStatus(row.pedido.status)}
 										</span>
 									{/if}
@@ -699,12 +720,12 @@
 
 								{#if row.lastHistory && row.lastHistory.length > 0}
 									<div class="mt-3">
-										<div class="mb-2 text-xs font-semibold text-gray-500">Últimas ações</div>
-										<ul class="space-y-1 text-xs text-gray-700">
+										<div class="text-base-content/60 mb-2 text-xs font-semibold">Últimas ações</div>
+										<ul class="text-base-content/70 space-y-1 text-xs">
 											{#each row.lastHistory as h (h._id)}
 												<li class="flex items-center justify-between gap-2">
 													<span class="truncate">{h.usuarioNome}: {h.acao}</span>
-													<span class="shrink-0 text-gray-400"
+													<span class="text-base-content/50 shrink-0"
 														>{new Date(h.data).toLocaleString('pt-BR')}</span
 													>
 												</li>
@@ -717,65 +738,63 @@
 					</div>
 				{/if}
 			</div>
-		</div>
+		</GlassCard>
 
 		<!-- Add item modal -->
 		{#if showAddItemModal && addItemConfig.objeto}
-			<div
-				class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-			>
-				<div class="relative w-full max-w-lg rounded-xl bg-white p-6 shadow-2xl">
+			<div class="modal modal-open">
+				<div class="modal-box max-w-lg">
 					<button
 						type="button"
+						class="btn btn-sm btn-circle absolute top-2 right-2"
 						onclick={closeAddItemModal}
-						class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-						aria-label="Fechar"
+						aria-label="Fechar modal"
 						disabled={addingItem}
 					>
-						<X size={24} />
+						<X class="h-5 w-5" />
 					</button>
 
-					<h3 class="mb-4 text-xl font-bold text-gray-900">Adicionar item</h3>
+					<h3 class="text-lg font-bold">Adicionar item</h3>
 
-					<div class="mb-4 rounded-lg bg-blue-50 p-4">
-						<p class="font-semibold text-gray-900">{addItemConfig.objeto.nome}</p>
-						<p class="text-sm text-gray-600">Unidade: {addItemConfig.objeto.unidade}</p>
+					<div class="bg-base-200/50 mt-4 rounded-lg p-4">
+						<p class="font-semibold">{addItemConfig.objeto.nome}</p>
+						<p class="text-base-content/70 text-sm">Unidade: {addItemConfig.objeto.unidade}</p>
 					</div>
 
-					<div class="space-y-4">
-						<div>
-							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_qtd"
-								>Quantidade</label
-							>
+					<div class="mt-6 space-y-4">
+						<div class="form-control w-full">
+							<label class="label" for="ai_qtd">
+								<span class="label-text font-semibold">Quantidade</span>
+							</label>
 							<input
 								id="ai_qtd"
 								type="number"
 								min="1"
-								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								class="input input-bordered focus:input-primary w-full"
 								bind:value={addItemConfig.quantidade}
 								disabled={addingItem}
 							/>
 						</div>
-						<div>
-							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_valor"
-								>Valor estimado</label
-							>
+						<div class="form-control w-full">
+							<label class="label" for="ai_valor">
+								<span class="label-text font-semibold">Valor estimado</span>
+							</label>
 							<input
 								id="ai_valor"
 								type="text"
-								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								class="input input-bordered focus:input-primary w-full"
 								bind:value={addItemConfig.valorEstimado}
 								disabled={addingItem}
 							/>
 						</div>
-						<div>
-							<label class="mb-2 block text-sm font-medium text-gray-700" for="ai_dfd"
-								>Número DFD (opcional)</label
-							>
+						<div class="form-control w-full">
+							<label class="label" for="ai_dfd">
+								<span class="label-text font-semibold">Número DFD (opcional)</span>
+							</label>
 							<input
 								id="ai_dfd"
 								type="text"
-								class="w-full rounded-lg border border-gray-300 px-4 py-2.5"
+								class="input input-bordered focus:input-primary w-full"
 								bind:value={addItemConfig.numeroDfd}
 								disabled={addingItem}
 								placeholder="Ex: 123/2025"
@@ -783,64 +802,66 @@
 						</div>
 					</div>
 
-					<div class="mt-6 flex justify-end gap-3">
-						<button
-							type="button"
-							onclick={closeAddItemModal}
-							class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 hover:bg-gray-300"
-							disabled={addingItem}
-						>
+					<div class="modal-action">
+						<button type="button" class="btn" onclick={closeAddItemModal} disabled={addingItem}>
 							Cancelar
 						</button>
 						<button
 							type="button"
+							class="btn btn-primary"
 							onclick={confirmAddItem}
-							class="rounded-lg bg-blue-600 px-5 py-2.5 font-semibold text-white hover:bg-blue-700 disabled:opacity-50"
 							disabled={addingItem}
 						>
+							{#if addingItem}
+								<span class="loading loading-spinner loading-sm"></span>
+							{/if}
 							{addingItem ? 'Adicionando...' : 'Adicionar'}
 						</button>
 					</div>
 				</div>
+				<button
+					type="button"
+					class="modal-backdrop"
+					onclick={closeAddItemModal}
+					aria-label="Fechar modal"
+				></button>
 			</div>
 		{/if}
 
 		<!-- Gerar pedidos modal -->
 		{#if showGerarModal}
-			<div
-				class="fixed inset-0 z-50 flex h-full w-full items-center justify-center overflow-y-auto bg-black/40 p-4"
-			>
-				<div class="relative w-full max-w-2xl rounded-xl bg-white p-6 shadow-2xl">
+			<div class="modal modal-open">
+				<div class="modal-box max-w-2xl">
 					<button
 						type="button"
+						class="btn btn-sm btn-circle absolute top-2 right-2"
 						onclick={closeGerarModal}
-						class="absolute top-4 right-4 rounded-lg p-1 text-gray-400 transition hover:bg-gray-100 hover:text-gray-600"
-						aria-label="Fechar"
+						aria-label="Fechar modal"
 						disabled={gerando}
 					>
-						<X size={24} />
+						<X class="h-5 w-5" />
 					</button>
 
-					<h3 class="mb-2 text-xl font-bold text-gray-900">Gerar pedidos</h3>
-					<p class="mb-4 text-sm text-gray-600">
+					<h3 class="text-lg font-bold">Gerar pedidos</h3>
+					<p class="text-base-content/70 mt-2 text-sm">
 						Será criado <strong>1 pedido por DFD</strong>. Informe o número SEI de cada pedido.
 					</p>
 
-					<div class="space-y-3">
+					<div class="mt-6 space-y-3">
 						{#each dfdsParaGerar as dfd (dfd)}
-							<div class="grid gap-3 rounded-lg border border-gray-200 p-4 md:grid-cols-3">
+							<div class="border-base-300 grid gap-3 rounded-lg border p-4 md:grid-cols-3">
 								<div class="md:col-span-1">
-									<div class="text-xs font-semibold text-gray-500">DFD</div>
-									<div class="text-sm font-semibold text-gray-900">{dfd}</div>
+									<div class="text-base-content/60 text-xs font-semibold">DFD</div>
+									<div class="text-sm font-semibold">{dfd}</div>
 								</div>
 								<div class="md:col-span-2">
-									<label class="mb-1 block text-xs font-semibold text-gray-500" for={`sei_${dfd}`}
-										>Número SEI</label
-									>
+									<label class="label py-0" for={`sei_${dfd}`}>
+										<span class="label-text font-semibold">Número SEI</span>
+									</label>
 									<input
 										id={`sei_${dfd}`}
 										type="text"
-										class="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+										class="input input-bordered focus:input-primary w-full"
 										bind:value={seiByDfd[dfd]}
 										disabled={gerando}
 										placeholder="Ex: 12345.000000/2025-00"
@@ -850,26 +871,30 @@
 						{/each}
 					</div>
 
-					<div class="mt-6 flex justify-end gap-2">
-						<button
-							type="button"
-							onclick={closeGerarModal}
-							class="rounded-lg bg-gray-200 px-5 py-2.5 font-semibold text-gray-800 hover:bg-gray-300"
-							disabled={gerando}
-						>
+					<div class="modal-action">
+						<button type="button" class="btn" onclick={closeGerarModal} disabled={gerando}>
 							Cancelar
 						</button>
 						<button
 							type="button"
+							class="btn btn-primary"
 							onclick={confirmarGeracao}
-							class="rounded-lg bg-indigo-600 px-5 py-2.5 font-semibold text-white hover:bg-indigo-700 disabled:opacity-50"
 							disabled={gerando}
 						>
+							{#if gerando}
+								<span class="loading loading-spinner loading-sm"></span>
+							{/if}
 							{gerando ? 'Gerando...' : 'Confirmar e gerar'}
 						</button>
 					</div>
 				</div>
+				<button
+					type="button"
+					class="modal-backdrop"
+					onclick={closeGerarModal}
+					aria-label="Fechar modal"
+				></button>
 			</div>
 		{/if}
 	{/if}
-</div>
+</PageShell>

From d3a4e5db8fec664735437958fe7286ae22eb64ad Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Thu, 18 Dec 2025 14:52:38 -0300
Subject: [PATCH 13/13] refactor: update sidebar submenu link for 'Meus
 Processos' to improve navigation structure and maintain consistency in URL
 paths

---
 apps/web/src/lib/components/Sidebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/lib/components/Sidebar.svelte b/apps/web/src/lib/components/Sidebar.svelte
index a13dcb0..45c0c96 100644
--- a/apps/web/src/lib/components/Sidebar.svelte
+++ b/apps/web/src/lib/components/Sidebar.svelte
@@ -173,7 +173,7 @@
 			submenus: [
 				{
 					label: 'Meus Processos',
-					link: '/fluxos/meus-processos',
+					link: '/fluxos',
 					permission: { recurso: 'fluxos_instancias', acao: 'listar' }
 				},
 				{