diff --git a/apps/web/src/lib/components/FileUpload.svelte b/apps/web/src/lib/components/FileUpload.svelte
index 33c8fac..11e234f 100644
--- a/apps/web/src/lib/components/FileUpload.svelte
+++ b/apps/web/src/lib/components/FileUpload.svelte
@@ -1,65 +1,70 @@
 <script lang="ts">
-  import { useConvexClient } from "convex-svelte";
-  import {
-    ExternalLink,
-    FileText,
-    File as FileIcon,
-    Upload,
-    Trash2,
-    Eye,
-    RefreshCw,
-  } from "lucide-svelte";
+	import { useConvexClient } from 'convex-svelte';
+	import { resolve } from '$app/paths';
+	import {
+		ExternalLink,
+		FileText,
+		File as FileIcon,
+		Upload,
+		Trash2,
+		Eye,
+		RefreshCw
+	} from 'lucide-svelte';
 
-  interface Props {
-    label: string;
-    helpUrl?: string;
-    value?: string; // storageId
-    disabled?: boolean;
-    required?: boolean;
-    onUpload: (file: globalThis.File) => Promise<void>;
-    onRemove: () => Promise<void>;
-  }
+	interface Props {
+		label: string;
+		helpUrl?: string;
+		value?: string; // storageId
+		disabled?: boolean;
+		required?: boolean;
+		onUpload: (file: globalThis.File) => Promise<void>;
+		onRemove: () => Promise<void>;
+	}
 
-  let {
-    label,
-    helpUrl,
-    value = $bindable(),
-    disabled = false,
-    required = false,
-    onUpload,
-    onRemove,
-  }: Props = $props();
+	let {
+		label,
+		helpUrl,
+		value = $bindable(),
+		disabled = false,
+		required = false,
+		onUpload,
+		onRemove
+	}: Props = $props();
 
-  const client = useConvexClient();
+	const client = useConvexClient() as unknown as {
+		storage: {
+			getUrl: (id: string) => Promise<string | null>;
+		};
+	};
 
-  let fileInput: HTMLInputElement | null = null;
-  let uploading = $state(false);
-  let error = $state<string | null>(null);
-  let fileName = $state<string>("");
-  let fileType = $state<string>("");
-  let previewUrl = $state<string | null>(null);
-  let fileUrl = $state<string | null>(null);
+	let fileInput: HTMLInputElement | null = null;
+	let uploading = $state(false);
+	let error = $state<string | null>(null);
+	let fileName = $state<string>('');
+	let fileType = $state<string>('');
+	let previewUrl = $state<string | null>(null);
+	let fileUrl = $state<string | null>(null);
 
-  const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
-  const ALLOWED_TYPES = [
-    "application/pdf",
-    "image/jpeg",
-    "image/jpg",
-    "image/png",
-  ];
+	const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+	const ALLOWED_TYPES = ['application/pdf', 'image/jpeg', 'image/jpg', 'image/png'];
 
 	// Buscar URL do arquivo quando houver um storageId
 	$effect(() => {
-		if (!value || fileName) {
-			return;
+		if (value && !fileName) {
+			// Tem storageId mas não é um upload recente
+			void loadExistingFile(value);
 		}
 
 		let cancelled = false;
 		const storageId = value;
 
+		if (!storageId) {
+			return;
+		}
+
 		(async () => {
 			try {
-				const url = await client.storage.getUrl(storageId as any);
+				const url = await client.storage.getUrl(storageId);
 				if (!url || cancelled) {
 					return;
 				}
@@ -93,126 +98,161 @@
 		};
 	});
 
-  async function handleFileSelect(event: Event) {
-    const target = event.target as HTMLInputElement;
-    const file = target.files?.[0];
+	async function loadExistingFile(storageId: string) {
+		try {
+			const url = await client.storage.getUrl(storageId);
+			if (url) {
+				fileUrl = url;
 
-    error = null;
+				// Detectar tipo pelo URL ou assumir PDF
+				if (url.includes('.pdf') || url.includes('application/pdf')) {
+					fileType = 'application/pdf';
+				} else {
+					fileType = 'image/jpeg';
+					// Para imagens, a URL serve como preview
+					previewUrl = url;
+				}
+			}
+		} catch (err) {
+			console.error('Erro ao carregar arquivo existente:', err);
+		}
+	}
 
-    // Validate file size
-    if (file.size > MAX_FILE_SIZE) {
-      error = "Arquivo muito grande. Tamanho máximo: 10MB";
-      target.value = "";
-      return;
-    }
+	async function handleFileSelect(event: Event) {
+		const target = event.target as HTMLInputElement;
+		const file = target.files?.[0];
 
-    // Validate file type
-    if (!ALLOWED_TYPES.includes(file.type)) {
-      error = "Tipo de arquivo não permitido. Use PDF ou imagens (JPG, PNG)";
-      target.value = "";
-      return;
-    }
+		if (!file) {
+			return;
+		}
 
-    try {
-      uploading = true;
-      fileName = file.name;
-      fileType = file.type;
+		error = null;
 
-      // Create preview for images
-      if (file.type.startsWith("image/")) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-          previewUrl = e.target?.result as string;
-        };
-        reader.readAsDataURL(file);
-      }
+		// Validate file size
+		if (file.size > MAX_FILE_SIZE) {
+			error = 'Arquivo muito grande. Tamanho máximo: 10MB';
+			target.value = '';
+			return;
+		}
 
-      await onUpload(file);
-    } catch (err: any) {
-      error = err?.message || "Erro ao fazer upload do arquivo";
-      previewUrl = null;
-    } finally {
-      uploading = false;
-      target.value = "";
-    }
-  }
+		// Validate file type
+		if (!ALLOWED_TYPES.includes(file.type)) {
+			error = 'Tipo de arquivo não permitido. Use PDF ou imagens (JPG, PNG)';
+			target.value = '';
+			return;
+		}
 
-  async function handleRemove() {
-    if (!confirm("Tem certeza que deseja remover este arquivo?")) {
-      return;
-    }
+		try {
+			uploading = true;
+			fileName = file.name;
+			fileType = file.type;
 
-    try {
-      uploading = true;
-      await onRemove();
-      fileName = "";
-      fileType = "";
-      previewUrl = null;
-      fileUrl = null;
-    } catch (err: any) {
-      error = err?.message || "Erro ao remover arquivo";
-    } finally {
-      uploading = false;
-    }
-  }
+			// Create preview for images
+			if (file.type.startsWith('image/')) {
+				const reader = new FileReader();
+				reader.onload = (e) => {
+					const result = e.target?.result;
+					if (typeof result === 'string') {
+						previewUrl = result;
+					}
+				};
+				reader.readAsDataURL(file);
+			} else {
+				previewUrl = null;
+			}
 
-  function handleView() {
-    if (fileUrl) {
-      window.open(fileUrl, "_blank");
-    }
-  }
+			await onUpload(file);
+		} catch (err: unknown) {
+			if (err instanceof Error) {
+				error = err.message || 'Erro ao fazer upload do arquivo';
+			} else {
+				error = 'Erro ao fazer upload do arquivo';
+			}
+			previewUrl = null;
+		} finally {
+			uploading = false;
+			target.value = '';
+		}
+	}
 
-  function openFileDialog() {
-    fileInput?.click();
-  }
+	async function handleRemove() {
+		if (!confirm('Tem certeza que deseja remover este arquivo?')) {
+			return;
+		}
 
-  function setFileInput(node: HTMLInputElement) {
-    fileInput = node;
-    return {
-      destroy() {
-        if (fileInput === node) {
-          fileInput = null;
-        }
-      },
-    };
-  }
+		try {
+			uploading = true;
+			await onRemove();
+			fileName = '';
+			fileType = '';
+			previewUrl = null;
+			fileUrl = null;
+			error = null;
+		} catch (err: unknown) {
+			if (err instanceof Error) {
+				error = err.message || 'Erro ao remover arquivo';
+			} else {
+				error = 'Erro ao remover arquivo';
+			}
+		} finally {
+			uploading = false;
+		}
+	}
+
+	function handleView() {
+		if (fileUrl) {
+			window.open(fileUrl, '_blank');
+		}
+	}
+
+	function openFileDialog() {
+		fileInput?.click();
+	}
+
+	function setFileInput(node: HTMLInputElement) {
+		fileInput = node;
+		return {
+			destroy() {
+				if (fileInput === node) {
+					fileInput = null;
+				}
+			}
+		};
+	}
 </script>
 
 <div class="form-control w-full">
-  <label class="label" for="file-upload-input">
-    <span class="label-text font-medium flex items-center gap-2">
-      {label}
-      {#if required}
-        <span class="text-error">*</span>
-      {/if}
-      {#if helpUrl}
-        <div
-          class="tooltip tooltip-right"
-          data-tip="Clique para acessar o link"
-        >
-          <a
-            href={helpUrl}
-            target="_blank"
-            rel="noopener noreferrer"
-            class="text-primary hover:text-primary-focus transition-colors"
-            aria-label="Acessar link"
-          >
-            <ExternalLink class="h-4 w-4" strokeWidth={2} />
-          </a>
-        </div>
-      {/if}
-    </span>
-  </label>
+	<label class="label" for="file-upload-input">
+		<span class="label-text flex items-center gap-2 font-medium">
+			{label}
+			{#if required}
+				<span class="text-error">*</span>
+			{/if}
+			{#if helpUrl}
+				<div class="tooltip tooltip-right" data-tip="Clique para acessar o link">
+					<a
+						href={helpUrl ?? '/'}
+						target="_blank"
+						rel="noopener noreferrer"
+						class="text-primary hover:text-primary-focus transition-colors"
+						aria-label="Acessar link"
+					>
+						<ExternalLink class="h-4 w-4" strokeWidth={2} />
+					</a>
+				</div>
+			{/if}
+		</span>
+	</label>
 
-  <input
-    id="file-upload-input"
-    type="file"
-    use:setFileInput
-    onchange={handleFileSelect}
-    accept=".pdf,.jpg,.jpeg,.png"
-    class="hidden"
-    {disabled}
-  />
+	<input
+		id="file-upload-input"
+		type="file"
+		use:setFileInput
+		onchange={handleFileSelect}
+		accept=".pdf,.jpg,.jpeg,.png"
+		class="hidden"
+		{disabled}
+	/>
 
 	{#if value || fileName}
 		<div class="border-base-300 bg-base-100 flex items-center gap-2 rounded-lg border p-3">
@@ -231,73 +271,73 @@
 				{/if}
 			</div>
 
-      <!-- File info -->
-      <div class="flex-1 min-w-0">
-        <p class="text-sm font-medium truncate">
-          {fileName || "Arquivo anexado"}
-        </p>
-        <p class="text-xs text-base-content/60">
-          {#if uploading}
-            Carregando...
-          {:else}
-            Enviado com sucesso
-          {/if}
-        </p>
-      </div>
+			<!-- File info -->
+			<div class="min-w-0 flex-1">
+				<p class="truncate text-sm font-medium">
+					{fileName || 'Arquivo anexado'}
+				</p>
+				<p class="text-base-content/60 text-xs">
+					{#if uploading}
+						Carregando...
+					{:else}
+						Enviado com sucesso
+					{/if}
+				</p>
+			</div>
 
-      <!-- Actions -->
-      <div class="flex gap-2">
-        {#if fileUrl}
-          <button
-            type="button"
-            onclick={handleView}
-            class="btn btn-sm btn-ghost text-info"
-            disabled={uploading || disabled}
-            title="Visualizar arquivo"
-          >
-            <Eye class="h-4 w-4" strokeWidth={2} />
-          </button>
-        {/if}
-        <button
-          type="button"
-          onclick={openFileDialog}
-          class="btn btn-sm btn-ghost"
-          disabled={uploading || disabled}
-          title="Substituir arquivo"
-        >
-          <RefreshCw class="h-4 w-4" strokeWidth={2} />
-        </button>
-        <button
-          type="button"
-          onclick={handleRemove}
-          class="btn btn-sm btn-ghost text-error"
-          disabled={uploading || disabled}
-          title="Remover arquivo"
-        >
-          <Trash2 class="h-4 w-4" strokeWidth={2} />
-        </button>
-      </div>
-    </div>
-  {:else}
-    <button
-      type="button"
-      onclick={openFileDialog}
-      class="btn btn-outline btn-block justify-start gap-2"
-      disabled={uploading || disabled}
-    >
-      {#if uploading}
-        <span class="loading loading-spinner loading-sm"></span>
-        Carregando...
-      {:else}
-        <Upload class="h-5 w-5" strokeWidth={2} />
-        Selecionar arquivo (PDF ou imagem, máx. 10MB)
-      {/if}
-    </button>
-  {/if}
+			<!-- Actions -->
+			<div class="flex gap-2">
+				{#if fileUrl}
+					<button
+						type="button"
+						onclick={handleView}
+						class="btn btn-sm btn-ghost text-info"
+						disabled={uploading || disabled}
+						title="Visualizar arquivo"
+					>
+						<Eye class="h-4 w-4" strokeWidth={2} />
+					</button>
+				{/if}
+				<button
+					type="button"
+					onclick={openFileDialog}
+					class="btn btn-sm btn-ghost"
+					disabled={uploading || disabled}
+					title="Substituir arquivo"
+				>
+					<RefreshCw class="h-4 w-4" strokeWidth={2} />
+				</button>
+				<button
+					type="button"
+					onclick={handleRemove}
+					class="btn btn-sm btn-ghost text-error"
+					disabled={uploading || disabled}
+					title="Remover arquivo"
+				>
+					<Trash2 class="h-4 w-4" strokeWidth={2} />
+				</button>
+			</div>
+		</div>
+	{:else}
+		<button
+			type="button"
+			onclick={openFileDialog}
+			class="btn btn-outline btn-block justify-start gap-2"
+			disabled={uploading || disabled}
+		>
+			{#if uploading}
+				<span class="loading loading-spinner loading-sm"></span>
+				Carregando...
+			{:else}
+				<Upload class="h-5 w-5" strokeWidth={2} />
+				Selecionar arquivo (PDF ou imagem, máx. 10MB)
+			{/if}
+		</button>
+	{/if}
 
-  {#if error}
-    <div class="label">
-      <span class="label-text-alt text-error">{error}</span>
-    </div>
-  {/if}
+	{#if error}
+		<div class="label">
+			<span class="label-text-alt text-error">{error}</span>
+		</div>
+	{/if}
 </div>
diff --git a/apps/web/src/lib/components/ProtectedRoute.svelte b/apps/web/src/lib/components/ProtectedRoute.svelte
index e12eace..6bcf57a 100644
--- a/apps/web/src/lib/components/ProtectedRoute.svelte
+++ b/apps/web/src/lib/components/ProtectedRoute.svelte
@@ -1,80 +1,77 @@
 <script lang="ts">
-  import { useQuery } from "convex-svelte";
-  import { api } from "@sgse-app/backend/convex/_generated/api";
-  import { onMount } from "svelte";
-  import { page } from "$app/stores";
-  import type { Snippet } from "svelte";
+	import { useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { onMount } from 'svelte';
+	import type { Snippet } from 'svelte';
 
-  let {
-    children,
-    requireAuth = true,
-    allowedRoles = [],
-    maxLevel = 3,
-    redirectTo = "/",
-  }: {
-    children: Snippet;
-    requireAuth?: boolean;
-    allowedRoles?: string[];
-    maxLevel?: number;
-    redirectTo?: string;
-  } = $props();
+	let {
+		children,
+		requireAuth = true,
+		allowedRoles = [],
+		maxLevel = 3,
+		redirectTo = '/'
+	}: {
+		children: Snippet;
+		requireAuth?: boolean;
+		allowedRoles?: string[];
+		maxLevel?: number;
+		redirectTo?: string;
+	} = $props();
 
-  let isChecking = $state(true);
-  let hasAccess = $state(false);
-  const currentUser = useQuery(api.auth.getCurrentUser, {});
+	let isChecking = $state(true);
+	let hasAccess = $state(false);
+	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
-  onMount(() => {
-    checkAccess();
-  });
+	onMount(() => {
+		checkAccess();
+	});
 
-  function checkAccess() {
-    isChecking = true;
+	function checkAccess() {
+		isChecking = true;
 
-    // Aguardar um pouco para o authStore carregar do localStorage
-    setTimeout(() => {
-      // Verificar autenticação
-      if (requireAuth && !currentUser?.data) {
-        const currentPath = window.location.pathname;
-        window.location.href = `${redirectTo}?error=auth_required&redirect=${encodeURIComponent(currentPath)}`;
-        return;
-      }
+		// Aguardar um pouco para o authStore carregar do localStorage
+		setTimeout(() => {
+			// Verificar autenticação
+			if (requireAuth && !currentUser?.data) {
+				const currentPath = window.location.pathname;
+				window.location.href = `${redirectTo}?error=auth_required&redirect=${encodeURIComponent(currentPath)}`;
+				return;
+			}
 
-      // Verificar roles
-      if (allowedRoles.length > 0 && currentUser?.data) {
-        const hasRole = allowedRoles.includes(
-          currentUser.data.role?.nome ?? "",
-        );
-        if (!hasRole) {
-          const currentPath = window.location.pathname;
-          window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
-          return;
-        }
-      }
+			// Verificar roles
+			if (allowedRoles.length > 0 && currentUser?.data) {
+				const hasRole = allowedRoles.includes(currentUser.data.role?.nome ?? '');
+				if (!hasRole) {
+					const currentPath = window.location.pathname;
+					window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
+					return;
+				}
+			}
 
-      // Verificar nível
-      if (
-        currentUser?.data &&
-        currentUser.data.role?.nivel &&
-        currentUser.data.role.nivel > maxLevel
-      ) {
-        const currentPath = window.location.pathname;
-        window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
-        return;
-      }
+			// Verificar nível
+			if (
+				currentUser?.data &&
+				currentUser.data.role?.nivel &&
+				currentUser.data.role.nivel > maxLevel
+			) {
+				const currentPath = window.location.pathname;
+				window.location.href = `${redirectTo}?error=access_denied&route=${encodeURIComponent(currentPath)}`;
+				return;
+			}
 
-      hasAccess = true;
-      isChecking = false;
-    }, 100);
-  }
+			hasAccess = true;
+			isChecking = false;
+		}, 100);
+	}
 </script>
 
 {#if isChecking}
-  <div class="flex justify-center items-center min-h-screen">
-    <div class="text-center">
-      <span class="loading loading-spinner loading-lg text-primary"></span>
-      <p class="mt-4 text-base-content/70">Verificando permissões...</p>
-    </div>
-  </div>
+	<div class="flex min-h-screen items-center justify-center">
+		<div class="text-center">
+			<span class="loading loading-spinner loading-lg text-primary"></span>
+			<p class="text-base-content/70 mt-4">Verificando permissões...</p>
+		</div>
+	</div>
 {:else if hasAccess}
-  {@render children()}
+	{@render children()}
 {/if}
diff --git a/apps/web/src/routes/(dashboard)/+page.svelte b/apps/web/src/routes/(dashboard)/+page.svelte
index 0c7070b..fa79b22 100644
--- a/apps/web/src/routes/(dashboard)/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/+page.svelte
@@ -7,6 +7,7 @@
   import { resolve } from "$app/paths";
   import { UserPlus, Mail } from "lucide-svelte";
   import { useAuth } from "@mmailaender/convex-better-auth-svelte/svelte";
+  import ProtectedRoute from "$lib/components/ProtectedRoute.svelte";
 
   let { data } = $props();
 
@@ -128,6 +129,7 @@
   }
 </script>
 
+<ProtectedRoute>
 <main class="container mx-auto px-4 py-4">
   <!-- Alerta de Acesso Negado / Autenticação -->
   {#if showAlert}
@@ -823,6 +825,7 @@
     </div>
   {/if}
 </main>
+</ProtectedRoute>
 
 <style>
   @keyframes fadeIn {
diff --git a/apps/web/src/routes/(dashboard)/compras/+page.svelte b/apps/web/src/routes/(dashboard)/compras/+page.svelte
index e6497f9..53bee00 100644
--- a/apps/web/src/routes/(dashboard)/compras/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/compras/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { ShoppingCart, ShoppingBag, Plus } 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="text-sm breadcrumbs mb-4">
     <ul>
@@ -41,4 +43,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte b/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
index 2166880..b7ac2fd 100644
--- a/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/comunicacao/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { Megaphone, Edit, Plus } 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="text-sm breadcrumbs mb-4">
     <ul>
@@ -41,4 +43,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/controladoria/+page.svelte b/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
index 74917ac..66e9454 100644
--- a/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/controladoria/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { BarChart3, ClipboardCheck, Plus, CheckCircle2, Clock, TrendingUp } 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">
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
@@ -86,4 +88,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/financeiro/+page.svelte b/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
index fbe4fd7..94aa47d 100644
--- a/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/financeiro/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { DollarSign, Building2, Plus, Calculator, TrendingUp, FileText } 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">
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
@@ -86,4 +88,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/juridico/+page.svelte b/apps/web/src/routes/(dashboard)/juridico/+page.svelte
index 29d279f..bc9bb5d 100644
--- a/apps/web/src/routes/(dashboard)/juridico/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/juridico/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { Scale, BookOpen, Plus } 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="text-sm breadcrumbs mb-4">
     <ul>
@@ -41,4 +43,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/licitacoes/+page.svelte b/apps/web/src/routes/(dashboard)/licitacoes/+page.svelte
index 5e7ad18..2251dff 100644
--- a/apps/web/src/routes/(dashboard)/licitacoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/licitacoes/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { FileText, ClipboardCopy, Plus, Users, File } 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">
   <!-- Breadcrumb -->
   <div class="text-sm breadcrumbs mb-4">
@@ -86,4 +88,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index fa7e589..ae72bbb 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -1,27 +1,28 @@
 <script lang="ts">
-import { useConvexClient, useQuery } from 'convex-svelte';
-import { api } from '@sgse-app/backend/convex/_generated/api';
+	import { useConvexClient, useQuery } from 'convex-svelte';
+	import { api } from '@sgse-app/backend/convex/_generated/api';
 	import AprovarFerias from '$lib/components/AprovarFerias.svelte';
 	import WizardSolicitacaoFerias from '$lib/components/ferias/WizardSolicitacaoFerias.svelte';
 	import WizardSolicitacaoAusencia from '$lib/components/ausencias/WizardSolicitacaoAusencia.svelte';
 	import AprovarAusencias from '$lib/components/AprovarAusencias.svelte';
 	import CalendarioAusencias from '$lib/components/ausencias/CalendarioAusencias.svelte';
 	import { generateAvatarGallery } from '$lib/utils/avatars';
-import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
-import type { FunctionReturnType } from 'convex/server';
+	import ProtectedRoute from '$lib/components/ProtectedRoute.svelte';
+	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
+	import type { FunctionReturnType } from 'convex/server';
 	import { X, Calendar } from 'lucide-svelte';
 
-const client = useConvexClient();
-const currentUser = useQuery(api.auth.getCurrentUser, {});
+	const client = useConvexClient();
+	const currentUser = useQuery(api.auth.getCurrentUser, {});
 
-type FuncionarioAtual = FunctionReturnType<typeof api.funcionarios.getCurrent>;
-type TimeAtual = FunctionReturnType<typeof api.times.obterTimeFuncionario>;
-type MinhasSolicitacoes = FunctionReturnType<typeof api.ferias.listarMinhasSolicitacoes>;
-type MinhasAusencias = FunctionReturnType<typeof api.ausencias.listarMinhasSolicitacoes>;
-let funcionarioEstavel = $state<FuncionarioAtual | null>(null);
-let meuTimeEstavel = $state<TimeAtual | null>(null);
-let minhasSolicitacoesEstaveis = $state<MinhasSolicitacoes>([]);
-let minhasAusenciasEstaveis = $state<MinhasAusencias>([]);
+	type FuncionarioAtual = FunctionReturnType<typeof api.funcionarios.getCurrent>;
+	type TimeAtual = FunctionReturnType<typeof api.times.obterTimeFuncionario>;
+	type MinhasSolicitacoes = FunctionReturnType<typeof api.ferias.listarMinhasSolicitacoes>;
+	type MinhasAusencias = FunctionReturnType<typeof api.ausencias.listarMinhasSolicitacoes>;
+	let funcionarioEstavel = $state<FuncionarioAtual | null>(null);
+	let meuTimeEstavel = $state<TimeAtual | null>(null);
+	let minhasSolicitacoesEstaveis = $state<MinhasSolicitacoes>([]);
+	let minhasAusenciasEstaveis = $state<MinhasAusencias>([]);
 
 	let abaAtiva = $state<
 		'meu-perfil' | 'minhas-ferias' | 'minhas-ausencias' | 'aprovar-ferias' | 'aprovar-ausencias'
@@ -53,95 +54,95 @@ let minhasAusenciasEstaveis = $state<MinhasAusencias>([]);
 	// FuncionarioId disponível diretamente do usuário atual
 	const funcionarioIdDisponivel = $derived(currentUser?.data?.funcionarioId ?? null);
 
-// Queries
-const funcionarioQuery = $derived(
-	currentUser?.data?.funcionarioId ? useQuery(api.funcionarios.getCurrent, {}) : { data: null }
-);
+	// Queries
+	const funcionarioQuery = $derived(
+		currentUser?.data?.funcionarioId ? useQuery(api.funcionarios.getCurrent, {}) : { data: null }
+	);
 
-$effect(() => {
-	if (funcionarioQuery?.data) {
-		funcionarioEstavel = funcionarioQuery.data;
-	} else if (!currentUser?.data?.funcionarioId) {
-		funcionarioEstavel = null;
-	}
-});
+	$effect(() => {
+		if (funcionarioQuery?.data) {
+			funcionarioEstavel = funcionarioQuery.data;
+		} else if (!currentUser?.data?.funcionarioId) {
+			funcionarioEstavel = null;
+		}
+	});
 
-const solicitacoesSubordinadosQuery = $derived(
-	currentUser?.data?._id
-		? useQuery(api.ferias.listarSolicitacoesSubordinados, {
-				gestorId: currentUser.data._id as Id<'usuarios'>
-			})
-		: { data: [] }
-);
+	const solicitacoesSubordinadosQuery = $derived(
+		currentUser?.data?._id
+			? useQuery(api.ferias.listarSolicitacoesSubordinados, {
+					gestorId: currentUser.data._id as Id<'usuarios'>
+				})
+			: { data: [] }
+	);
 
-const ausenciasSubordinadosQuery = $derived(
-	currentUser?.data?._id
-		? useQuery(api.ausencias.listarSolicitacoesSubordinados, {
-				gestorId: currentUser.data._id as Id<'usuarios'>
-			})
-		: { data: [] }
-);
+	const ausenciasSubordinadosQuery = $derived(
+		currentUser?.data?._id
+			? useQuery(api.ausencias.listarSolicitacoesSubordinados, {
+					gestorId: currentUser.data._id as Id<'usuarios'>
+				})
+			: { data: [] }
+	);
 
-const minhasSolicitacoesQuery = $derived(
-	funcionarioEstavel?._id
-		? useQuery(api.ferias.listarMinhasSolicitacoes, {
-				funcionarioId: funcionarioEstavel._id
-			})
-		: { data: [] }
-);
+	const minhasSolicitacoesQuery = $derived(
+		funcionarioEstavel?._id
+			? useQuery(api.ferias.listarMinhasSolicitacoes, {
+					funcionarioId: funcionarioEstavel._id
+				})
+			: { data: [] }
+	);
 
-const minhasAusenciasQuery = $derived(
-	funcionarioEstavel?._id
-		? useQuery(api.ausencias.listarMinhasSolicitacoes, {
-				funcionarioId: funcionarioEstavel._id
-			})
-		: { data: [] }
-);
+	const minhasAusenciasQuery = $derived(
+		funcionarioEstavel?._id
+			? useQuery(api.ausencias.listarMinhasSolicitacoes, {
+					funcionarioId: funcionarioEstavel._id
+				})
+			: { data: [] }
+	);
 
-const meuTimeQuery = $derived(
-	funcionarioEstavel?._id
-		? useQuery(api.times.obterTimeFuncionario, {
-				funcionarioId: funcionarioEstavel._id
-			})
-		: { data: null }
-);
+	const meuTimeQuery = $derived(
+		funcionarioEstavel?._id
+			? useQuery(api.times.obterTimeFuncionario, {
+					funcionarioId: funcionarioEstavel._id
+				})
+			: { data: null }
+	);
 
-$effect(() => {
-	if (meuTimeQuery?.data) {
-		meuTimeEstavel = meuTimeQuery.data;
-	} else if (!funcionarioEstavel?._id) {
-		meuTimeEstavel = null;
-	}
-});
+	$effect(() => {
+		if (meuTimeQuery?.data) {
+			meuTimeEstavel = meuTimeQuery.data;
+		} else if (!funcionarioEstavel?._id) {
+			meuTimeEstavel = null;
+		}
+	});
 
-const funcionario = $derived(funcionarioEstavel);
-const solicitacoesSubordinados = $derived(solicitacoesSubordinadosQuery?.data || []);
-const ausenciasSubordinados = $derived(ausenciasSubordinadosQuery?.data || []);
-const meuTime = $derived(meuTimeEstavel);
+	const funcionario = $derived(funcionarioEstavel);
+	const solicitacoesSubordinados = $derived(solicitacoesSubordinadosQuery?.data || []);
+	const ausenciasSubordinados = $derived(ausenciasSubordinadosQuery?.data || []);
+	const meuTime = $derived(meuTimeEstavel);
 
-$effect(() => {
-	if (Array.isArray(minhasSolicitacoesQuery?.data)) {
-		minhasSolicitacoesEstaveis = minhasSolicitacoesQuery.data;
-	} else if (!funcionarioEstavel?._id) {
-		minhasSolicitacoesEstaveis = [];
-	}
-});
+	$effect(() => {
+		if (Array.isArray(minhasSolicitacoesQuery?.data)) {
+			minhasSolicitacoesEstaveis = minhasSolicitacoesQuery.data;
+		} else if (!funcionarioEstavel?._id) {
+			minhasSolicitacoesEstaveis = [];
+		}
+	});
 
-$effect(() => {
-	if (Array.isArray(minhasAusenciasQuery?.data)) {
-		minhasAusenciasEstaveis = minhasAusenciasQuery.data;
-	} else if (!funcionarioEstavel?._id) {
-		minhasAusenciasEstaveis = [];
-	}
-});
+	$effect(() => {
+		if (Array.isArray(minhasAusenciasQuery?.data)) {
+			minhasAusenciasEstaveis = minhasAusenciasQuery.data;
+		} else if (!funcionarioEstavel?._id) {
+			minhasAusenciasEstaveis = [];
+		}
+	});
 
-const minhasSolicitacoes = $derived(minhasSolicitacoesEstaveis);
-const minhasAusencias = $derived(minhasAusenciasEstaveis);
+	const minhasSolicitacoes = $derived(minhasSolicitacoesEstaveis);
+	const minhasAusencias = $derived(minhasAusenciasEstaveis);
 
-const timesSubordinadosQuery = $derived(useQuery(api.times.listarSubordinadosDoGestorAtual, {}));
-const timesSubordinados = $derived(timesSubordinadosQuery?.data || []);
-// Times gerenciados usam a query que já infere o gestor logado
-const meusTimesGestor = $derived(timesSubordinados);
+	const timesSubordinadosQuery = $derived(useQuery(api.times.listarSubordinadosDoGestorAtual, {}));
+	const timesSubordinados = $derived(timesSubordinadosQuery?.data || []);
+	// Times gerenciados usam a query que já infere o gestor logado
+	const meusTimesGestor = $derived(timesSubordinados);
 
 	const rolePermiteAprovacao = $derived(
 		currentUser?.data?.role?.nome === 'TI_MASTER' || currentUser?.data?.role?.nome === 'TI_ADMIN'
@@ -350,96 +351,65 @@ const meusTimesGestor = $derived(timesSubordinados);
 	}
 </script>
 
-<main class="min-h-screen pb-12">
-	<!-- BANNER HERO PREMIUM -->
-	<div class="relative mb-8 overflow-hidden">
-		<!-- Background com gradiente animado -->
-		<div
-			class="animate-gradient absolute inset-0 bg-linear-to-br from-purple-600 via-blue-600 to-indigo-700"
-		></div>
+<ProtectedRoute>
+	<main class="min-h-screen pb-12">
+		<!-- BANNER HERO PREMIUM -->
+		<div class="relative mb-8 overflow-hidden">
+			<!-- Background com gradiente animado -->
+			<div
+				class="animate-gradient absolute inset-0 bg-linear-to-br from-purple-600 via-blue-600 to-indigo-700"
+			></div>
 
-		<!-- Overlay pattern -->
-		<div
-			class="absolute inset-0 opacity-10"
-			style="background-image: url('data:image/svg+xml,%3Csvg width=&quot;60&quot; height=&quot;60&quot; viewBox=&quot;0 0 60 60&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;%3E%3Cg fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;%3E%3Cg fill=&quot;%23ffffff&quot; fill-opacity=&quot;1&quot;%3E%3Cpath d=&quot;M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z&quot;/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"
-		></div>
+			<!-- Overlay pattern -->
+			<div
+				class="absolute inset-0 opacity-10"
+				style="background-image: url('data:image/svg+xml,%3Csvg width=&quot;60&quot; height=&quot;60&quot; viewBox=&quot;0 0 60 60&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;%3E%3Cg fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;%3E%3Cg fill=&quot;%23ffffff&quot; fill-opacity=&quot;1&quot;%3E%3Cpath d=&quot;M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z&quot;/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"
+			></div>
 
-		<!-- Conteúdo do Banner -->
-		<div class="relative container mx-auto px-6 py-16">
-			<div class="flex flex-col items-center gap-8 md:flex-row">
-				<!-- Avatar PREMIUM -->
-				<div
-					class="group relative"
-					role="button"
-					tabindex="0"
-					onmouseenter={() => (mostrarBotaoCamera = true)}
-					onmouseleave={() => (mostrarBotaoCamera = false)}
-				>
-					s
-					<button
-						type="button"
-						class="avatar cursor-pointer border-0 bg-transparent p-0"
-						onclick={abrirModalFoto}
+			<!-- Conteúdo do Banner -->
+			<div class="relative container mx-auto px-6 py-16">
+				<div class="flex flex-col items-center gap-8 md:flex-row">
+					<!-- Avatar PREMIUM -->
+					<div
+						class="group relative"
+						role="button"
+						tabindex="0"
+						onmouseenter={() => (mostrarBotaoCamera = true)}
+						onmouseleave={() => (mostrarBotaoCamera = false)}
 					>
-						<div
-							class="animate-float h-40 w-40 rounded-full shadow-2xl ring-4 ring-white ring-offset-4 ring-offset-transparent transition-all duration-300 hover:scale-105 hover:ring-8"
+						s
+						<button
+							type="button"
+							class="avatar cursor-pointer border-0 bg-transparent p-0"
+							onclick={abrirModalFoto}
 						>
-							{#if currentUser.data?.fotoPerfilUrl}
-								<img
-									src={currentUser.data.fotoPerfilUrl}
-									alt="Foto de perfil"
-									class="object-cover"
-								/>
-							{:else if currentUser.data?.avatar}
-								<img src={currentUser.data.avatar} alt="Avatar" class="object-cover" />
-							{:else}
-								<div class="flex items-center justify-center bg-white text-purple-700">
-									<span class="text-5xl font-black"
-										>{currentUser.data?.nome.substring(0, 2).toUpperCase()}</span
-									>
-								</div>
-							{/if}
-						</div>
-					</button>
+							<div
+								class="animate-float h-40 w-40 rounded-full shadow-2xl ring-4 ring-white ring-offset-4 ring-offset-transparent transition-all duration-300 hover:scale-105 hover:ring-8"
+							>
+								{#if currentUser.data?.fotoPerfilUrl}
+									<img
+										src={currentUser.data.fotoPerfilUrl}
+										alt="Foto de perfil"
+										class="object-cover"
+									/>
+								{:else if currentUser.data?.avatar}
+									<img src={currentUser.data.avatar} alt="Avatar" class="object-cover" />
+								{:else}
+									<div class="flex items-center justify-center bg-white text-purple-700">
+										<span class="text-5xl font-black"
+											>{currentUser.data?.nome.substring(0, 2).toUpperCase()}</span
+										>
+									</div>
+								{/if}
+							</div>
+						</button>
 
-					<!-- Botão de editar MODERNO -->
-					<button
-						type="button"
-						class={`absolute right-2 bottom-2 flex h-12 w-12 items-center justify-center rounded-full bg-white text-purple-600 shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
-						onclick={abrirModalFoto}
-						aria-label="Editar foto de perfil"
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-6 w-6"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-							stroke-width="2.5"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
-							/>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"
-							/>
-						</svg>
-					</button>
-				</div>
-
-				<!-- Informações do Usuário PREMIUM -->
-				<div class="flex-1 text-center text-white md:text-left">
-					<h1 class="mb-3 text-5xl font-black drop-shadow-lg">
-						{currentUser.data?.nome}
-					</h1>
-
-					{#if funcionario?.descricaoCargo}
-						<p
-							class="mb-3 flex items-center justify-center gap-2 text-2xl font-semibold text-white/90 md:justify-start"
+						<!-- Botão de editar MODERNO -->
+						<button
+							type="button"
+							class={`absolute right-2 bottom-2 flex h-12 w-12 items-center justify-center rounded-full bg-white text-purple-600 shadow-2xl transition-all duration-300 hover:scale-110 ${mostrarBotaoCamera ? 'scale-100 opacity-100' : 'scale-50 opacity-0'}`}
+							onclick={abrirModalFoto}
+							aria-label="Editar foto de perfil"
 						>
 							<svg
 								xmlns="http://www.w3.org/2000/svg"
@@ -447,53 +417,35 @@ const meusTimesGestor = $derived(timesSubordinados);
 								fill="none"
 								viewBox="0 0 24 24"
 								stroke="currentColor"
+								stroke-width="2.5"
 							>
 								<path
 									stroke-linecap="round"
 									stroke-linejoin="round"
-									stroke-width="2"
-									d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+									d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
+								/>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"
 								/>
 							</svg>
-							{funcionario.descricaoCargo}
-						</p>
-					{/if}
+						</button>
+					</div>
 
-					<p
-						class="mb-4 flex items-center justify-center gap-2 text-lg text-white/80 md:justify-start"
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-							/>
-						</svg>
-						{currentUser.data?.email}
-					</p>
+					<!-- Informações do Usuário PREMIUM -->
+					<div class="flex-1 text-center text-white md:text-left">
+						<h1 class="mb-3 text-5xl font-black drop-shadow-lg">
+							{currentUser.data?.nome}
+						</h1>
 
-					<div class="flex flex-wrap items-center justify-center gap-3 md:justify-start">
-						<div
-							class="badge badge-lg border-0 bg-white/90 px-4 font-bold text-purple-700 shadow-lg"
-						>
-							{currentUser.data?.role?.nome || 'Usuário'}
-						</div>
-
-						{#if meuTime}
-							<div
-								class="badge badge-lg border-0 bg-white/80 px-4 font-semibold shadow-lg"
-								style="color: {meuTime.cor}"
+						{#if funcionario?.descricaoCargo}
+							<p
+								class="mb-3 flex items-center justify-center gap-2 text-2xl font-semibold text-white/90 md:justify-start"
 							>
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
-									class="mr-2 h-4 w-4"
+									class="h-6 w-6"
 									fill="none"
 									viewBox="0 0 24 24"
 									stroke="currentColor"
@@ -502,113 +454,93 @@ const meusTimesGestor = $derived(timesSubordinados);
 										stroke-linecap="round"
 										stroke-linejoin="round"
 										stroke-width="2"
-										d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+										d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
 									/>
 								</svg>
-								{meuTime.nome}
-							</div>
+								{funcionario.descricaoCargo}
+							</p>
 						{/if}
 
-						{#if funcionario?.statusFerias === 'em_ferias'}
-							<div
-								class="badge badge-lg animate-pulse border-0 bg-yellow-400 px-4 font-bold text-yellow-900 shadow-lg"
+						<p
+							class="mb-4 flex items-center justify-center gap-2 text-lg text-white/80 md:justify-start"
+						>
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
 							>
-								🏖️ Em Férias
-							</div>
-						{:else}
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+								/>
+							</svg>
+							{currentUser.data?.email}
+						</p>
+
+						<div class="flex flex-wrap items-center justify-center gap-3 md:justify-start">
 							<div
-								class="badge badge-lg border-0 bg-green-400 px-4 font-bold text-green-900 shadow-lg"
+								class="badge badge-lg border-0 bg-white/90 px-4 font-bold text-purple-700 shadow-lg"
 							>
-								✅ Ativo
+								{currentUser.data?.role?.nome || 'Usuário'}
 							</div>
-						{/if}
+
+							{#if meuTime}
+								<div
+									class="badge badge-lg border-0 bg-white/80 px-4 font-semibold shadow-lg"
+									style="color: {meuTime.cor}"
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="mr-2 h-4 w-4"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+										/>
+									</svg>
+									{meuTime.nome}
+								</div>
+							{/if}
+
+							{#if funcionario?.statusFerias === 'em_ferias'}
+								<div
+									class="badge badge-lg animate-pulse border-0 bg-yellow-400 px-4 font-bold text-yellow-900 shadow-lg"
+								>
+									🏖️ Em Férias
+								</div>
+							{:else}
+								<div
+									class="badge badge-lg border-0 bg-green-400 px-4 font-bold text-green-900 shadow-lg"
+								>
+									✅ Ativo
+								</div>
+							{/if}
+						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div>
 
-	<div class="container mx-auto max-w-7xl px-6">
-		<!-- Tabs PREMIUM -->
-		<div
-			role="tablist"
-			class="tabs tabs-boxed from-base-200 to-base-300 mb-8 bg-linear-to-r p-2 shadow-xl"
-		>
-			<button
-				type="button"
-				role="tab"
-				class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'meu-perfil' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-				onclick={() => (abaAtiva = 'meu-perfil')}
+		<div class="container mx-auto max-w-7xl px-6">
+			<!-- Tabs PREMIUM -->
+			<div
+				role="tablist"
+				class="tabs tabs-boxed from-base-200 to-base-300 mb-8 bg-linear-to-r p-2 shadow-xl"
 			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="mr-2 h-5 w-5"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-					stroke-width="2"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
-					/>
-				</svg>
-				Meu Perfil
-			</button>
-
-			<button
-				type="button"
-				role="tab"
-				class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ferias' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-				onclick={() => (abaAtiva = 'minhas-ferias')}
-			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="mr-2 h-5 w-5"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-					stroke-width="2"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-					/>
-				</svg>
-				Minhas Férias
-			</button>
-
-			<button
-				type="button"
-				role="tab"
-				class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ausencias' ? 'tab-active scale-105 bg-linear-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-				onclick={() => (abaAtiva = 'minhas-ausencias')}
-			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="mr-2 h-5 w-5"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke="currentColor"
-					stroke-width="2"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-					/>
-				</svg>
-				Minhas Ausências
-			</button>
-
-			{#if ehGestor}
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ferias' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'aprovar-ferias')}
+					class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'meu-perfil' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => (abaAtiva = 'meu-perfil')}
 				>
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -621,23 +553,40 @@ const meusTimesGestor = $derived(timesSubordinados);
 						<path
 							stroke-linecap="round"
 							stroke-linejoin="round"
-							d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+							d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
 						/>
 					</svg>
-					Aprovar Férias
-					{#if (solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao').length > 0}
-						<span class="badge badge-error badge-sm ml-2 animate-pulse">
-							{(solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao')
-								.length}
-						</span>
-					{/if}
+					Meu Perfil
 				</button>
 
 				<button
 					type="button"
 					role="tab"
-					class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ausencias' ? 'tab-active scale-105 bg-linear-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
-					onclick={() => (abaAtiva = 'aprovar-ausencias')}
+					class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ferias' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => (abaAtiva = 'minhas-ferias')}
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="mr-2 h-5 w-5"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke="currentColor"
+						stroke-width="2"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+						/>
+					</svg>
+					Minhas Férias
+				</button>
+
+				<button
+					type="button"
+					role="tab"
+					class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'minhas-ausencias' ? 'tab-active scale-105 bg-linear-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
+					onclick={() => (abaAtiva = 'minhas-ausencias')}
 				>
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -653,175 +602,208 @@ const meusTimesGestor = $derived(timesSubordinados);
 							d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 						/>
 					</svg>
-					Aprovar Ausências
-					{#if (ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao').length > 0}
-						<span class="badge badge-error badge-sm ml-2 animate-pulse">
-							{(ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao')
-								.length}
-						</span>
-					{/if}
+					Minhas Ausências
 				</button>
-			{/if}
-		</div>
 
-		<!-- Conteúdo das Abas -->
-		{#if abaAtiva === 'meu-perfil'}
-			<!-- Meu Perfil PREMIUM -->
-			<div class="space-y-6">
-				<!-- STATS CARDS -->
-				<div class="grid grid-cols-1 gap-6 md:grid-cols-4">
-					<!-- Stat 1: Perfil -->
-					<div
-						class="card bg-linear-to-br from-purple-500 to-purple-700 text-white shadow-2xl transition-transform hover:scale-105"
+				{#if ehGestor}
+					<button
+						type="button"
+						role="tab"
+						class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ferias' ? 'tab-active scale-105 bg-linear-to-r from-purple-600 to-blue-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => (abaAtiva = 'aprovar-ferias')}
 					>
-						<div class="card-body">
-							<div class="flex items-center justify-between">
-								<div>
-									<p class="text-sm font-medium text-white/80">Seu Perfil</p>
-									<p class="text-2xl font-black">
-										{currentUser.data?.role?.nome || 'Usuário'}
-									</p>
-								</div>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-12 w-12 opacity-80"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
-							</div>
-						</div>
-					</div>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="mr-2 h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+							stroke-width="2"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+							/>
+						</svg>
+						Aprovar Férias
+						{#if (solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao').length > 0}
+							<span class="badge badge-error badge-sm ml-2 animate-pulse">
+								{(solicitacoesSubordinados || []).filter((s) => s.status === 'aguardando_aprovacao')
+									.length}
+							</span>
+						{/if}
+					</button>
 
-					<!-- Stat 2: Time -->
-					<div
-						class="card bg-linear-to-br from-blue-500 to-blue-700 text-white shadow-2xl transition-transform hover:scale-105"
+					<button
+						type="button"
+						role="tab"
+						class={`tab tab-lg font-semibold transition-all duration-300 ${abaAtiva === 'aprovar-ausencias' ? 'tab-active scale-105 bg-linear-to-r from-orange-600 to-amber-600 text-white shadow-lg' : 'hover:bg-base-100'}`}
+						onclick={() => (abaAtiva = 'aprovar-ausencias')}
 					>
-						<div class="card-body">
-							<div class="flex items-center justify-between">
-								<div>
-									<p class="text-sm font-medium text-white/80">Seu Time</p>
-									<p class="truncate text-2xl font-black">
-										{meuTime?.nome || 'Sem time'}
-									</p>
-								</div>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-12 w-12 opacity-80"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-									/>
-								</svg>
-							</div>
-						</div>
-					</div>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="mr-2 h-5 w-5"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+							stroke-width="2"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+							/>
+						</svg>
+						Aprovar Ausências
+						{#if (ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao').length > 0}
+							<span class="badge badge-error badge-sm ml-2 animate-pulse">
+								{(ausenciasSubordinados || []).filter((a) => a.status === 'aguardando_aprovacao')
+									.length}
+							</span>
+						{/if}
+					</button>
+				{/if}
+			</div>
 
-					<!-- Stat 3: Status -->
-					<div
-						class="card bg-linear-to-br from-green-500 to-green-700 text-white shadow-2xl transition-transform hover:scale-105"
-					>
-						<div class="card-body">
-							<div class="flex items-center justify-between">
-								<div>
-									<p class="text-sm font-medium text-white/80">Status</p>
-									<p class="text-2xl font-black">
-										{funcionario?.statusFerias === 'em_ferias' ? 'Em Férias' : 'Ativo'}
-									</p>
-								</div>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-12 w-12 opacity-80"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-									/>
-								</svg>
-							</div>
-						</div>
-					</div>
-
-					<!-- Stat 4: Matrícula -->
-					<div
-						class="card bg-linear-to-br from-indigo-500 to-indigo-700 text-white shadow-2xl transition-transform hover:scale-105"
-					>
-						<div class="card-body">
-							<div class="flex items-center justify-between">
-								<div>
-									<p class="text-sm font-medium text-white/80">Matrícula</p>
-									<p class="text-2xl font-black">
-										{funcionario?.matricula || '---'}
-									</p>
-								</div>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-12 w-12 opacity-80"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
-									/>
-								</svg>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<!-- CARDS PRINCIPAIS -->
-				<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
-					<!-- Informações Pessoais PREMIUM -->
-					<div
-						class="card bg-base-100 hover:shadow-3xl border-t-4 border-purple-500 shadow-2xl transition-shadow"
-					>
-						<div class="card-body">
-							<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-7 w-7 text-purple-600"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
-									/>
-								</svg>
-								Informações Pessoais
-							</h2>
-							<div class="space-y-4">
-								<div
-									class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
-								>
+			<!-- Conteúdo das Abas -->
+			{#if abaAtiva === 'meu-perfil'}
+				<!-- Meu Perfil PREMIUM -->
+				<div class="space-y-6">
+					<!-- STATS CARDS -->
+					<div class="grid grid-cols-1 gap-6 md:grid-cols-4">
+						<!-- Stat 1: Perfil -->
+						<div
+							class="card bg-linear-to-br from-purple-500 to-purple-700 text-white shadow-2xl transition-transform hover:scale-105"
+						>
+							<div class="card-body">
+								<div class="flex items-center justify-between">
+									<div>
+										<p class="text-sm font-medium text-white/80">Seu Perfil</p>
+										<p class="text-2xl font-black">
+											{currentUser.data?.role?.nome || 'Usuário'}
+										</p>
+									</div>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary mt-1 h-6 w-6"
+										class="h-12 w-12 opacity-80"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+										/>
+									</svg>
+								</div>
+							</div>
+						</div>
+
+						<!-- Stat 2: Time -->
+						<div
+							class="card bg-linear-to-br from-blue-500 to-blue-700 text-white shadow-2xl transition-transform hover:scale-105"
+						>
+							<div class="card-body">
+								<div class="flex items-center justify-between">
+									<div>
+										<p class="text-sm font-medium text-white/80">Seu Time</p>
+										<p class="truncate text-2xl font-black">
+											{meuTime?.nome || 'Sem time'}
+										</p>
+									</div>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-12 w-12 opacity-80"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+										/>
+									</svg>
+								</div>
+							</div>
+						</div>
+
+						<!-- Stat 3: Status -->
+						<div
+							class="card bg-linear-to-br from-green-500 to-green-700 text-white shadow-2xl transition-transform hover:scale-105"
+						>
+							<div class="card-body">
+								<div class="flex items-center justify-between">
+									<div>
+										<p class="text-sm font-medium text-white/80">Status</p>
+										<p class="text-2xl font-black">
+											{funcionario?.statusFerias === 'em_ferias' ? 'Em Férias' : 'Ativo'}
+										</p>
+									</div>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-12 w-12 opacity-80"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+										/>
+									</svg>
+								</div>
+							</div>
+						</div>
+
+						<!-- Stat 4: Matrícula -->
+						<div
+							class="card bg-linear-to-br from-indigo-500 to-indigo-700 text-white shadow-2xl transition-transform hover:scale-105"
+						>
+							<div class="card-body">
+								<div class="flex items-center justify-between">
+									<div>
+										<p class="text-sm font-medium text-white/80">Matrícula</p>
+										<p class="text-2xl font-black">
+											{funcionario?.matricula || '---'}
+										</p>
+									</div>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-12 w-12 opacity-80"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
+										/>
+									</svg>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- CARDS PRINCIPAIS -->
+					<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
+						<!-- Informações Pessoais PREMIUM -->
+						<div
+							class="card bg-base-100 hover:shadow-3xl border-t-4 border-purple-500 shadow-2xl transition-shadow"
+						>
+							<div class="card-body">
+								<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-7 w-7 text-purple-600"
 										fill="none"
 										viewBox="0 0 24 24"
 										stroke="currentColor"
@@ -833,99 +815,7 @@ const meusTimesGestor = $derived(timesSubordinados);
 											d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
 										/>
 									</svg>
-									<div class="flex-1">
-										<span class="label-text text-base-content/70 text-sm font-bold"
-											>Nome Completo</span
-										>
-										<p class="text-base-content text-lg font-semibold">
-											{currentUser.data?.nome}
-										</p>
-									</div>
-								</div>
-
-								<div class="divider my-1"></div>
-
-								<div
-									class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary mt-1 h-6 w-6"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-										/>
-									</svg>
-									<div class="flex-1">
-										<span class="label-text text-base-content/70 text-sm font-bold"
-											>E-mail Institucional</span
-										>
-										<p class="text-base-content text-lg font-semibold break-all">
-											{currentUser.data?.email}
-										</p>
-									</div>
-								</div>
-
-								<div class="divider my-1"></div>
-
-								<div
-									class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="text-primary mt-1 h-6 w-6"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
-										/>
-									</svg>
-									<div class="flex-1">
-										<span class="label-text text-base-content/70 text-sm font-bold"
-											>Perfil de Acesso</span
-										>
-										<div class="badge badge-primary badge-lg mt-1 font-bold">
-											{currentUser.data?.role?.nome || 'Usuário'}
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-
-					<!-- Dados Funcionais PREMIUM -->
-					{#if funcionario}
-						<div
-							class="card bg-base-100 hover:shadow-3xl border-t-4 border-blue-500 shadow-2xl transition-shadow"
-						>
-							<div class="card-body">
-								<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-7 w-7 text-blue-600"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-										/>
-									</svg>
-									Dados Funcionais
+									Informações Pessoais
 								</h2>
 								<div class="space-y-4">
 									<div
@@ -942,15 +832,15 @@ const meusTimesGestor = $derived(timesSubordinados);
 												stroke-linecap="round"
 												stroke-linejoin="round"
 												stroke-width="2"
-												d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
+												d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
 											/>
 										</svg>
 										<div class="flex-1">
 											<span class="label-text text-base-content/70 text-sm font-bold"
-												>Matrícula</span
+												>Nome Completo</span
 											>
 											<p class="text-base-content text-lg font-semibold">
-												{funcionario.matricula || 'Não informada'}
+												{currentUser.data?.nome}
 											</p>
 										</div>
 									</div>
@@ -971,13 +861,15 @@ const meusTimesGestor = $derived(timesSubordinados);
 												stroke-linecap="round"
 												stroke-linejoin="round"
 												stroke-width="2"
-												d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
+												d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
 											/>
 										</svg>
 										<div class="flex-1">
-											<span class="label-text text-base-content/70 text-sm font-bold">CPF</span>
-											<p class="text-base-content text-lg font-semibold">
-												{funcionario.cpf}
+											<span class="label-text text-base-content/70 text-sm font-bold"
+												>E-mail Institucional</span
+											>
+											<p class="text-base-content text-lg font-semibold break-all">
+												{currentUser.data?.email}
 											</p>
 										</div>
 									</div>
@@ -998,316 +890,289 @@ const meusTimesGestor = $derived(timesSubordinados);
 												stroke-linecap="round"
 												stroke-linejoin="round"
 												stroke-width="2"
-												d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-											/>
-										</svg>
-										<div class="flex-1">
-											<span class="label-text text-base-content/70 text-sm font-bold">Time</span>
-											{#if meuTime}
-												<div class="mt-1 flex items-center gap-2">
-													<div
-														class="badge badge-lg font-semibold"
-														style="background-color: {meuTime.cor}20; border-color: {meuTime.cor}; color: {meuTime.cor}"
-													>
-														{meuTime.nome}
-													</div>
-												</div>
-												<p class="text-base-content/60 mt-1 text-xs">
-													Gestor: <span class="font-semibold">{meuTime.gestor?.nome}</span>
-												</p>
-											{:else}
-												<p class="text-base-content/50 mt-1 text-sm">Não atribuído a um time</p>
-											{/if}
-										</div>
-									</div>
-
-									<div class="divider my-1"></div>
-
-									<div
-										class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
-									>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="text-primary mt-1 h-6 w-6"
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke="currentColor"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+												d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
 											/>
 										</svg>
 										<div class="flex-1">
 											<span class="label-text text-base-content/70 text-sm font-bold"
-												>Status Atual</span
+												>Perfil de Acesso</span
 											>
-											{#if funcionario.statusFerias === 'em_ferias'}
-												<div class="badge badge-warning badge-lg mt-1 font-bold">🏖️ Em Férias</div>
-											{:else}
-												<div class="badge badge-success badge-lg mt-1 font-bold">✅ Ativo</div>
-											{/if}
+											<div class="badge badge-primary badge-lg mt-1 font-bold">
+												{currentUser.data?.role?.nome || 'Usuário'}
+											</div>
 										</div>
 									</div>
 								</div>
 							</div>
 						</div>
-					{/if}
-				</div>
 
-				<!-- Times Gerenciados PREMIUM -->
-				{#if ehGestor}
-					<div
-						class="card border-t-4 border-amber-500 bg-linear-to-br from-amber-50 to-orange-50 shadow-2xl dark:from-amber-950 dark:to-orange-950"
-					>
-						<div class="card-body">
-							<h2
-								class="card-title mb-6 flex items-center gap-2 text-2xl text-amber-700 dark:text-amber-400"
+						<!-- Dados Funcionais PREMIUM -->
+						{#if funcionario}
+							<div
+								class="card bg-base-100 hover:shadow-3xl border-t-4 border-blue-500 shadow-2xl transition-shadow"
 							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-7 w-7"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
-									/>
-								</svg>
-								Times que Você Gerencia
-								<div class="badge badge-warning badge-lg ml-2">
-									{meusTimesGestor.length}
-								</div>
-							</h2>
+								<div class="card-body">
+									<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-7 w-7 text-blue-600"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+										>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+											/>
+										</svg>
+										Dados Funcionais
+									</h2>
+									<div class="space-y-4">
+										<div
+											class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
+										>
+											<svg
+												xmlns="http://www.w3.org/2000/svg"
+												class="text-primary mt-1 h-6 w-6"
+												fill="none"
+												viewBox="0 0 24 24"
+												stroke="currentColor"
+											>
+												<path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2"
+												/>
+											</svg>
+											<div class="flex-1">
+												<span class="label-text text-base-content/70 text-sm font-bold"
+													>Matrícula</span
+												>
+												<p class="text-base-content text-lg font-semibold">
+													{funcionario.matricula || 'Não informada'}
+												</p>
+											</div>
+										</div>
 
-							{#if meusTimesGestor.length === 0}
-								<div class="alert alert-info">
+										<div class="divider my-1"></div>
+
+										<div
+											class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
+										>
+											<svg
+												xmlns="http://www.w3.org/2000/svg"
+												class="text-primary mt-1 h-6 w-6"
+												fill="none"
+												viewBox="0 0 24 24"
+												stroke="currentColor"
+											>
+												<path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
+												/>
+											</svg>
+											<div class="flex-1">
+												<span class="label-text text-base-content/70 text-sm font-bold">CPF</span>
+												<p class="text-base-content text-lg font-semibold">
+													{funcionario.cpf}
+												</p>
+											</div>
+										</div>
+
+										<div class="divider my-1"></div>
+
+										<div
+											class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
+										>
+											<svg
+												xmlns="http://www.w3.org/2000/svg"
+												class="text-primary mt-1 h-6 w-6"
+												fill="none"
+												viewBox="0 0 24 24"
+												stroke="currentColor"
+											>
+												<path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
+												/>
+											</svg>
+											<div class="flex-1">
+												<span class="label-text text-base-content/70 text-sm font-bold">Time</span>
+												{#if meuTime}
+													<div class="mt-1 flex items-center gap-2">
+														<div
+															class="badge badge-lg font-semibold"
+															style="background-color: {meuTime.cor}20; border-color: {meuTime.cor}; color: {meuTime.cor}"
+														>
+															{meuTime.nome}
+														</div>
+													</div>
+													<p class="text-base-content/60 mt-1 text-xs">
+														Gestor: <span class="font-semibold">{meuTime.gestor?.nome}</span>
+													</p>
+												{:else}
+													<p class="text-base-content/50 mt-1 text-sm">Não atribuído a um time</p>
+												{/if}
+											</div>
+										</div>
+
+										<div class="divider my-1"></div>
+
+										<div
+											class="hover:bg-base-200 flex items-start gap-3 rounded-lg p-3 transition-colors"
+										>
+											<svg
+												xmlns="http://www.w3.org/2000/svg"
+												class="text-primary mt-1 h-6 w-6"
+												fill="none"
+												viewBox="0 0 24 24"
+												stroke="currentColor"
+											>
+												<path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+												/>
+											</svg>
+											<div class="flex-1">
+												<span class="label-text text-base-content/70 text-sm font-bold"
+													>Status Atual</span
+												>
+												{#if funcionario.statusFerias === 'em_ferias'}
+													<div class="badge badge-warning badge-lg mt-1 font-bold">
+														🏖️ Em Férias
+													</div>
+												{:else}
+													<div class="badge badge-success badge-lg mt-1 font-bold">✅ Ativo</div>
+												{/if}
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						{/if}
+					</div>
+
+					<!-- Times Gerenciados PREMIUM -->
+					{#if ehGestor}
+						<div
+							class="card border-t-4 border-amber-500 bg-linear-to-br from-amber-50 to-orange-50 shadow-2xl dark:from-amber-950 dark:to-orange-950"
+						>
+							<div class="card-body">
+								<h2
+									class="card-title mb-6 flex items-center gap-2 text-2xl text-amber-700 dark:text-amber-400"
+								>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
+										class="h-7 w-7"
 										fill="none"
 										viewBox="0 0 24 24"
-										class="h-6 w-6 shrink-0 stroke-current"
+										stroke="currentColor"
 									>
 										<path
 											stroke-linecap="round"
 											stroke-linejoin="round"
 											stroke-width="2"
-											d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-										></path>
+											d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+										/>
 									</svg>
-									<span>Você não gerencia nenhum time no momento.</span>
-								</div>
-							{:else}
-								<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
-									{#each meusTimesGestor as time (time._id)}
-										<div
-											class="card dark:bg-base-100 border-l-4 bg-white shadow-xl transition-all hover:scale-105 hover:shadow-2xl"
-											style="border-color: {time.cor}"
+									Times que Você Gerencia
+									<div class="badge badge-warning badge-lg ml-2">
+										{meusTimesGestor.length}
+									</div>
+								</h2>
+
+								{#if meusTimesGestor.length === 0}
+									<div class="alert alert-info">
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											fill="none"
+											viewBox="0 0 24 24"
+											class="h-6 w-6 shrink-0 stroke-current"
 										>
-											<div class="card-body">
-												<div class="flex items-start gap-2">
-													<div class="flex-1">
-														<h3 class="mb-2 text-xl font-black" style="color: {time.cor}">
-															{time.nome}
-														</h3>
-														<p class="text-base-content/70 mb-4 line-clamp-2 text-sm">
-															{time.descricao || 'Sem descrição'}
-														</p>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+											></path>
+										</svg>
+										<span>Você não gerencia nenhum time no momento.</span>
+									</div>
+								{:else}
+									<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+										{#each meusTimesGestor as time (time._id)}
+											<div
+												class="card dark:bg-base-100 border-l-4 bg-white shadow-xl transition-all hover:scale-105 hover:shadow-2xl"
+												style="border-color: {time.cor}"
+											>
+												<div class="card-body">
+													<div class="flex items-start gap-2">
+														<div class="flex-1">
+															<h3 class="mb-2 text-xl font-black" style="color: {time.cor}">
+																{time.nome}
+															</h3>
+															<p class="text-base-content/70 mb-4 line-clamp-2 text-sm">
+																{time.descricao || 'Sem descrição'}
+															</p>
+														</div>
 													</div>
-												</div>
 
-												<div class="divider my-2"></div>
+													<div class="divider my-2"></div>
 
-												<div class="flex items-center justify-between">
-													<div class="flex items-center gap-2">
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="text-primary h-5 w-5"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
+													<div class="flex items-center justify-between">
+														<div class="flex items-center gap-2">
+															<svg
+																xmlns="http://www.w3.org/2000/svg"
+																class="text-primary h-5 w-5"
+																fill="none"
+																viewBox="0 0 24 24"
+																stroke="currentColor"
+															>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
+																/>
+															</svg>
+															<span class="text-lg font-bold">{time.membros?.length || 0}</span>
+															<span class="text-base-content/70 text-sm">membros</span>
+														</div>
+														<div
+															class="badge badge-lg font-semibold"
+															style="background-color: {time.cor}20; border-color: {time.cor}; color: {time.cor}"
 														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-															/>
-														</svg>
-														<span class="text-lg font-bold">{time.membros?.length || 0}</span>
-														<span class="text-base-content/70 text-sm">membros</span>
-													</div>
-													<div
-														class="badge badge-lg font-semibold"
-														style="background-color: {time.cor}20; border-color: {time.cor}; color: {time.cor}"
-													>
-														Gestor
+															Gestor
+														</div>
 													</div>
 												</div>
 											</div>
-										</div>
-									{/each}
-								</div>
-							{/if}
+										{/each}
+									</div>
+								{/if}
+							</div>
 						</div>
-					</div>
-				{/if}
-			</div>
-		{:else if abaAtiva === 'minhas-ferias'}
-			<!-- Minhas Férias -->
-			<div class="space-y-6">
-				<!-- Estatísticas -->
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-5">
-					<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
-						<div class="stat-figure text-primary">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Total</div>
-						<div class="stat-value text-primary">{statsMinhasFerias.total}</div>
-						<div class="stat-desc">Solicitações</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
-						<div class="stat-figure text-warning">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Aguardando</div>
-						<div class="stat-value text-warning">
-							{statsMinhasFerias.aguardando}
-						</div>
-						<div class="stat-desc">Pendentes</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
-						<div class="stat-figure text-success">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Aprovadas</div>
-						<div class="stat-value text-success">
-							{statsMinhasFerias.aprovadas}
-						</div>
-						<div class="stat-desc">Deferidas</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
-						<div class="stat-figure text-error">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Reprovadas</div>
-						<div class="stat-value text-error">
-							{statsMinhasFerias.reprovadas}
-						</div>
-						<div class="stat-desc">Indeferidas</div>
-					</div>
-
-					<div
-						class="stat rounded-box border-2 border-purple-500/30 bg-linear-to-br from-purple-500/10 to-purple-600/20 shadow-lg"
-					>
-						<div class="stat-figure text-purple-600">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Em Férias</div>
-						<div class="stat-value text-purple-600">
-							{statsMinhasFerias.emFerias}
-						</div>
-						<div class="stat-desc">Agora</div>
-					</div>
+					{/if}
 				</div>
-
-				<!-- Filtros e Botão Nova Solicitação -->
-				<div class="card bg-base-100 shadow-lg">
-					<div class="card-body">
-						<div
-							class="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center"
-						>
-							<h2 class="card-title text-lg">Filtros</h2>
-							<button
-								type="button"
-								class="btn btn-primary gap-2"
-								onclick={() => {
-									if (funcionarioIdDisponivel) {
-										mostrarWizard = true;
-									}
-								}}
-								disabled={!funcionarioIdDisponivel}
-								title={funcionarioIdDisponivel
-									? 'Clique para agendar suas férias'
-									: 'Estamos validando seus dados de funcionário...'}
-							>
+			{:else if abaAtiva === 'minhas-ferias'}
+				<!-- Minhas Férias -->
+				<div class="space-y-6">
+					<!-- Estatísticas -->
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-5">
+						<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
+							<div class="stat-figure text-primary">
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
-									class="h-5 w-5"
+									class="h-8 w-8"
 									fill="none"
 									viewBox="0 0 24 24"
 									stroke="currentColor"
@@ -1316,277 +1181,20 @@ const meusTimesGestor = $derived(timesSubordinados);
 										stroke-linecap="round"
 										stroke-linejoin="round"
 										stroke-width="2"
-										d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 									/>
 								</svg>
-								Agendar Férias
-							</button>
-						</div>
-						<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-1">
-							<div class="form-control">
-								<label class="label" for="status">
-									<span class="label-text">Status</span>
-								</label>
-								<select id="status" class="select select-bordered" bind:value={filtroStatusFerias}>
-									<option value="todos">Todos</option>
-									<option value="aguardando_aprovacao">Aguardando Aprovação</option>
-									<option value="aprovado">Aprovado</option>
-									<option value="reprovado">Reprovado</option>
-									<option value="data_ajustada_aprovada">Data Ajustada</option>
-									<option value="EmFérias">Em Férias</option>
-								</select>
 							</div>
+							<div class="stat-title">Total</div>
+							<div class="stat-value text-primary">{statsMinhasFerias.total}</div>
+							<div class="stat-desc">Solicitações</div>
 						</div>
-					</div>
-				</div>
 
-				<!-- Lista de Solicitações -->
-				<div class="card bg-base-100 shadow-lg">
-					<div class="card-body">
-						<h2 class="card-title mb-4 text-lg">
-							Minhas Solicitações ({solicitacoesFiltradas.length})
-						</h2>
-
-						{#if solicitacoesFiltradas.length === 0}
-							<div class="alert">
+						<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
+							<div class="stat-figure text-warning">
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
-									fill="none"
-									viewBox="0 0 24 24"
-									class="stroke-info h-6 w-6 shrink-0"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-									></path>
-								</svg>
-								<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
-							</div>
-						{:else}
-							<div class="overflow-x-auto">
-								<table class="table-zebra table">
-									<thead>
-										<tr>
-											<th>Ano</th>
-											<th>Período</th>
-											<th>Dias</th>
-											<th>Status</th>
-											<th>Solicitado em</th>
-										</tr>
-									</thead>
-									<tbody>
-										{#each solicitacoesFiltradas as periodo (periodo._id)}
-											<tr>
-												<td>{periodo.anoReferencia}</td>
-												<td>
-													{formatarDataString(periodo.dataInicio)} - {formatarDataString(
-														periodo.dataFim
-													)}
-												</td>
-												<td class="font-bold">{periodo.diasFerias} dias</td>
-												<td>
-													<div class={`badge ${getStatusBadge(periodo.status)}`}>
-														{getStatusTexto(periodo.status)}
-													</div>
-												</td>
-												<td class="text-xs"
-													>{new Date(periodo._creationTime).toLocaleDateString('pt-BR')}</td
-												>
-											</tr>
-										{/each}
-									</tbody>
-								</table>
-							</div>
-						{/if}
-					</div>
-				</div>
-			</div>
-		{:else if abaAtiva === 'minhas-ausencias'}
-			<!-- Minhas Ausências -->
-			<div class="space-y-6">
-				<!-- Estatísticas -->
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
-					<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
-						<div class="stat-figure text-orange-500">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Total</div>
-						<div class="stat-value text-orange-500">
-							{statsMinhasAusencias.total}
-						</div>
-						<div class="stat-desc">Solicitações</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
-						<div class="stat-figure text-warning">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Aguardando</div>
-						<div class="stat-value text-warning">
-							{statsMinhasAusencias.aguardando}
-						</div>
-						<div class="stat-desc">Pendentes</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
-						<div class="stat-figure text-success">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Aprovadas</div>
-						<div class="stat-value text-success">
-							{statsMinhasAusencias.aprovadas}
-						</div>
-						<div class="stat-desc">Deferidas</div>
-					</div>
-
-					<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
-						<div class="stat-figure text-error">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-8 w-8"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-								/>
-							</svg>
-						</div>
-						<div class="stat-title">Reprovadas</div>
-						<div class="stat-value text-error">
-							{statsMinhasAusencias.reprovadas}
-						</div>
-						<div class="stat-desc">Indeferidas</div>
-					</div>
-				</div>
-
-				<!-- Calendário de Ausências -->
-				<div class="card bg-base-100 shadow-lg">
-					<div class="card-body">
-						<h2 class="card-title mb-4 text-lg">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								class="h-6 w-6 text-orange-500"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke="currentColor"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-								/>
-							</svg>
-							Calendário de Ausências
-						</h2>
-						<p class="text-base-content/70 mb-4 text-sm">
-							Visualize todas as suas solicitações de ausência no calendário
-						</p>
-						{#if ausenciasParaCalendario.length > 0}
-							<CalendarioAusencias
-								ausenciasExistentes={ausenciasParaCalendario}
-								readonly={true}
-								modoVisualizacao="month"
-							/>
-						{:else}
-							<div class="alert alert-info">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									fill="none"
-									viewBox="0 0 24 24"
-									class="stroke-info h-6 w-6 shrink-0"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										stroke-width="2"
-										d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-									></path>
-								</svg>
-								<span
-									>Você ainda não possui solicitações de ausência. Clique em "Solicitar Ausência"
-									para criar uma nova.</span
-								>
-							</div>
-						{/if}
-					</div>
-				</div>
-
-				<!-- Filtros e Botão Nova Solicitação -->
-				<div class="card bg-base-100 shadow-lg">
-					<div class="card-body">
-						<div
-							class="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center"
-						>
-							<h2 class="card-title text-lg">Filtros</h2>
-							<button
-								type="button"
-								class="btn btn-warning gap-2"
-								onclick={() => {
-									const funcionarioId = currentUser?.data?.funcionarioId;
-									console.log('🔍 [Perfil] Click no botão - funcionarioId:', funcionarioId);
-									if (funcionarioId) {
-										mostrarWizardAusencia = true;
-									} else {
-										alert(
-											`Não foi possível identificar seu funcionário.\n\nVerifique no console (F12) o objeto usuario:\n${JSON.stringify(currentUser?.data, null, 2)}\n\nEntre em contato com o suporte se o problema persistir.`
-										);
-									}
-								}}
-								disabled={!funcionarioIdDisponivel}
-								title={funcionarioIdDisponivel
-									? 'Clique para solicitar uma ausência'
-									: 'Funcionário não identificado. Entre em contato com o suporte.'}
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									class="h-5 w-5"
+									class="h-8 w-8"
 									fill="none"
 									viewBox="0 0 24 24"
 									stroke="currentColor"
@@ -1598,91 +1206,642 @@ const meusTimesGestor = $derived(timesSubordinados);
 										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 									/>
 								</svg>
-								Solicitar Ausência
-							</button>
-						</div>
-						<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-1">
-							<div class="form-control">
-								<label class="label" for="status-ausencias">
-									<span class="label-text">Status</span>
-								</label>
-								<select
-									id="status-ausencias"
-									class="select select-bordered"
-									bind:value={filtroStatusAusencias}
-								>
-									<option value="todos">Todos</option>
-									<option value="aguardando_aprovacao">Aguardando Aprovação</option>
-									<option value="aprovado">Aprovado</option>
-									<option value="reprovado">Reprovado</option>
-								</select>
 							</div>
+							<div class="stat-title">Aguardando</div>
+							<div class="stat-value text-warning">
+								{statsMinhasFerias.aguardando}
+							</div>
+							<div class="stat-desc">Pendentes</div>
 						</div>
-					</div>
-				</div>
 
-				<!-- Lista de Solicitações -->
-				<div class="card bg-base-100 shadow-lg">
-					<div class="card-body">
-						<h2 class="card-title mb-4 text-lg">
-							Minhas Solicitações ({ausenciasFiltradas.length})
-						</h2>
-
-						{#if ausenciasFiltradas.length === 0}
-							<div class="alert">
+						<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
+							<div class="stat-figure text-success">
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
 									fill="none"
 									viewBox="0 0 24 24"
-									class="stroke-info h-6 w-6 shrink-0"
+									stroke="currentColor"
 								>
 									<path
 										stroke-linecap="round"
 										stroke-linejoin="round"
 										stroke-width="2"
-										d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+										d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Aprovadas</div>
+							<div class="stat-value text-success">
+								{statsMinhasFerias.aprovadas}
+							</div>
+							<div class="stat-desc">Deferidas</div>
+						</div>
+
+						<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
+							<div class="stat-figure text-error">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Reprovadas</div>
+							<div class="stat-value text-error">
+								{statsMinhasFerias.reprovadas}
+							</div>
+							<div class="stat-desc">Indeferidas</div>
+						</div>
+
+						<div
+							class="stat rounded-box border-2 border-purple-500/30 bg-linear-to-br from-purple-500/10 to-purple-600/20 shadow-lg"
+						>
+							<div class="stat-figure text-purple-600">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Em Férias</div>
+							<div class="stat-value text-purple-600">
+								{statsMinhasFerias.emFerias}
+							</div>
+							<div class="stat-desc">Agora</div>
+						</div>
+					</div>
+
+					<!-- Filtros e Botão Nova Solicitação -->
+					<div class="card bg-base-100 shadow-lg">
+						<div class="card-body">
+							<div
+								class="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center"
+							>
+								<h2 class="card-title text-lg">Filtros</h2>
+								<button
+									type="button"
+									class="btn btn-primary gap-2"
+									onclick={() => {
+										if (funcionarioIdDisponivel) {
+											mostrarWizard = true;
+										}
+									}}
+									disabled={!funcionarioIdDisponivel}
+									title={funcionarioIdDisponivel
+										? 'Clique para agendar suas férias'
+										: 'Estamos validando seus dados de funcionário...'}
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-5 w-5"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+										/>
+									</svg>
+									Agendar Férias
+								</button>
+							</div>
+							<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-1">
+								<div class="form-control">
+									<label class="label" for="status">
+										<span class="label-text">Status</span>
+									</label>
+									<select
+										id="status"
+										class="select select-bordered"
+										bind:value={filtroStatusFerias}
+									>
+										<option value="todos">Todos</option>
+										<option value="aguardando_aprovacao">Aguardando Aprovação</option>
+										<option value="aprovado">Aprovado</option>
+										<option value="reprovado">Reprovado</option>
+										<option value="data_ajustada_aprovada">Data Ajustada</option>
+										<option value="EmFérias">Em Férias</option>
+									</select>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Lista de Solicitações -->
+					<div class="card bg-base-100 shadow-lg">
+						<div class="card-body">
+							<h2 class="card-title mb-4 text-lg">
+								Minhas Solicitações ({solicitacoesFiltradas.length})
+							</h2>
+
+							{#if solicitacoesFiltradas.length === 0}
+								<div class="alert">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										class="stroke-info h-6 w-6 shrink-0"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+										></path>
+									</svg>
+									<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
+								</div>
+							{:else}
+								<div class="overflow-x-auto">
+									<table class="table-zebra table">
+										<thead>
+											<tr>
+												<th>Ano</th>
+												<th>Período</th>
+												<th>Dias</th>
+												<th>Status</th>
+												<th>Solicitado em</th>
+											</tr>
+										</thead>
+										<tbody>
+											{#each solicitacoesFiltradas as periodo (periodo._id)}
+												<tr>
+													<td>{periodo.anoReferencia}</td>
+													<td>
+														{formatarDataString(periodo.dataInicio)} - {formatarDataString(
+															periodo.dataFim
+														)}
+													</td>
+													<td class="font-bold">{periodo.diasFerias} dias</td>
+													<td>
+														<div class={`badge ${getStatusBadge(periodo.status)}`}>
+															{getStatusTexto(periodo.status)}
+														</div>
+													</td>
+													<td class="text-xs"
+														>{new Date(periodo._creationTime).toLocaleDateString('pt-BR')}</td
+													>
+												</tr>
+											{/each}
+										</tbody>
+									</table>
+								</div>
+							{/if}
+						</div>
+					</div>
+				</div>
+			{:else if abaAtiva === 'minhas-ausencias'}
+				<!-- Minhas Ausências -->
+				<div class="space-y-6">
+					<!-- Estatísticas -->
+					<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
+						<div class="stat bg-base-100 rounded-box border-base-300 border shadow-lg">
+							<div class="stat-figure text-orange-500">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Total</div>
+							<div class="stat-value text-orange-500">
+								{statsMinhasAusencias.total}
+							</div>
+							<div class="stat-desc">Solicitações</div>
+						</div>
+
+						<div class="stat bg-base-100 rounded-box border-warning/30 border shadow-lg">
+							<div class="stat-figure text-warning">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Aguardando</div>
+							<div class="stat-value text-warning">
+								{statsMinhasAusencias.aguardando}
+							</div>
+							<div class="stat-desc">Pendentes</div>
+						</div>
+
+						<div class="stat bg-base-100 rounded-box border-success/30 border shadow-lg">
+							<div class="stat-figure text-success">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Aprovadas</div>
+							<div class="stat-value text-success">
+								{statsMinhasAusencias.aprovadas}
+							</div>
+							<div class="stat-desc">Deferidas</div>
+						</div>
+
+						<div class="stat bg-base-100 rounded-box border-error/30 border shadow-lg">
+							<div class="stat-figure text-error">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-8 w-8"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+									/>
+								</svg>
+							</div>
+							<div class="stat-title">Reprovadas</div>
+							<div class="stat-value text-error">
+								{statsMinhasAusencias.reprovadas}
+							</div>
+							<div class="stat-desc">Indeferidas</div>
+						</div>
+					</div>
+
+					<!-- Calendário de Ausências -->
+					<div class="card bg-base-100 shadow-lg">
+						<div class="card-body">
+							<h2 class="card-title mb-4 text-lg">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-6 w-6 text-orange-500"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+									/>
+								</svg>
+								Calendário de Ausências
+							</h2>
+							<p class="text-base-content/70 mb-4 text-sm">
+								Visualize todas as suas solicitações de ausência no calendário
+							</p>
+							{#if ausenciasParaCalendario.length > 0}
+								<CalendarioAusencias
+									ausenciasExistentes={ausenciasParaCalendario}
+									readonly={true}
+									modoVisualizacao="month"
+								/>
+							{:else}
+								<div class="alert alert-info">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										class="stroke-info h-6 w-6 shrink-0"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+										></path>
+									</svg>
+									<span
+										>Você ainda não possui solicitações de ausência. Clique em "Solicitar Ausência"
+										para criar uma nova.</span
+									>
+								</div>
+							{/if}
+						</div>
+					</div>
+
+					<!-- Filtros e Botão Nova Solicitação -->
+					<div class="card bg-base-100 shadow-lg">
+						<div class="card-body">
+							<div
+								class="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center"
+							>
+								<h2 class="card-title text-lg">Filtros</h2>
+								<button
+									type="button"
+									class="btn btn-warning gap-2"
+									onclick={() => {
+										const funcionarioId = currentUser?.data?.funcionarioId;
+										console.log('🔍 [Perfil] Click no botão - funcionarioId:', funcionarioId);
+										if (funcionarioId) {
+											mostrarWizardAusencia = true;
+										} else {
+											alert(
+												`Não foi possível identificar seu funcionário.\n\nVerifique no console (F12) o objeto usuario:\n${JSON.stringify(currentUser?.data, null, 2)}\n\nEntre em contato com o suporte se o problema persistir.`
+											);
+										}
+									}}
+									disabled={!funcionarioIdDisponivel}
+									title={funcionarioIdDisponivel
+										? 'Clique para solicitar uma ausência'
+										: 'Funcionário não identificado. Entre em contato com o suporte.'}
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										class="h-5 w-5"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke="currentColor"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+										/>
+									</svg>
+									Solicitar Ausência
+								</button>
+							</div>
+							<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-1">
+								<div class="form-control">
+									<label class="label" for="status-ausencias">
+										<span class="label-text">Status</span>
+									</label>
+									<select
+										id="status-ausencias"
+										class="select select-bordered"
+										bind:value={filtroStatusAusencias}
+									>
+										<option value="todos">Todos</option>
+										<option value="aguardando_aprovacao">Aguardando Aprovação</option>
+										<option value="aprovado">Aprovado</option>
+										<option value="reprovado">Reprovado</option>
+									</select>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Lista de Solicitações -->
+					<div class="card bg-base-100 shadow-lg">
+						<div class="card-body">
+							<h2 class="card-title mb-4 text-lg">
+								Minhas Solicitações ({ausenciasFiltradas.length})
+							</h2>
+
+							{#if ausenciasFiltradas.length === 0}
+								<div class="alert">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										class="stroke-info h-6 w-6 shrink-0"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+										></path>
+									</svg>
+									<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
+								</div>
+							{:else}
+								<div class="overflow-x-auto">
+									<table class="table-zebra table">
+										<thead>
+											<tr>
+												<th>Período</th>
+												<th>Dias</th>
+												<th>Motivo</th>
+												<th>Status</th>
+												<th>Solicitado em</th>
+											</tr>
+										</thead>
+										<tbody>
+											{#each ausenciasFiltradas as ausencia (ausencia._id)}
+												<tr>
+													<td>
+														{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {new Date(
+															ausencia.dataFim
+														).toLocaleDateString('pt-BR')}
+													</td>
+													<td class="font-bold">
+														{Math.ceil(
+															(new Date(ausencia.dataFim).getTime() -
+																new Date(ausencia.dataInicio).getTime()) /
+																(1000 * 60 * 60 * 24)
+														) + 1} dias
+													</td>
+													<td class="max-w-xs truncate" title={ausencia.motivo}>
+														{ausencia.motivo}
+													</td>
+													<td>
+														<div class={`badge ${getStatusBadge(ausencia.status)}`}>
+															{getStatusTexto(ausencia.status)}
+														</div>
+													</td>
+													<td class="text-xs"
+														>{new Date(ausencia.criadoEm).toLocaleDateString('pt-BR')}</td
+													>
+												</tr>
+											{/each}
+										</tbody>
+									</table>
+								</div>
+							{/if}
+						</div>
+					</div>
+				</div>
+			{:else if abaAtiva === 'aprovar-ferias'}
+				<!-- Aprovar Férias (Gestores) PREMIUM -->
+				<div class="card bg-base-100 border-t-4 border-green-500 shadow-2xl">
+					<div class="card-body">
+						<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="h-7 w-7 text-green-600"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
+								/>
+							</svg>
+							Solicitações da Equipe
+							<div class="badge badge-lg badge-primary ml-2">
+								{solicitacoesSubordinados.length}
+							</div>
+						</h2>
+
+						{#if solicitacoesSubordinados.length === 0}
+							<div class="alert alert-success">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									class="h-6 w-6 shrink-0 stroke-current"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
 									></path>
 								</svg>
-								<span>Nenhuma solicitação encontrada com os filtros aplicados.</span>
+								<span class="font-semibold">Nenhuma solicitação pendente no momento.</span>
 							</div>
 						{:else}
 							<div class="overflow-x-auto">
-								<table class="table-zebra table">
+								<table class="table-zebra table-lg table">
 									<thead>
-										<tr>
-											<th>Período</th>
-											<th>Dias</th>
-											<th>Motivo</th>
-											<th>Status</th>
-											<th>Solicitado em</th>
+										<tr class="bg-base-200">
+											<th class="font-bold">Funcionário</th>
+											<th class="font-bold">Time</th>
+											<th class="font-bold">Ano</th>
+											<th class="font-bold">Período</th>
+											<th class="font-bold">Dias</th>
+											<th class="font-bold">Status</th>
+											<th class="font-bold">Ações</th>
 										</tr>
 									</thead>
 									<tbody>
-										{#each ausenciasFiltradas as ausencia (ausencia._id)}
-											<tr>
+										{#each solicitacoesSubordinados as periodo (periodo._id)}
+											<tr class="hover:bg-base-200 transition-colors">
 												<td>
-													{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {new Date(
-														ausencia.dataFim
-													).toLocaleDateString('pt-BR')}
-												</td>
-												<td class="font-bold">
-													{Math.ceil(
-														(new Date(ausencia.dataFim).getTime() -
-															new Date(ausencia.dataInicio).getTime()) /
-															(1000 * 60 * 60 * 24)
-													) + 1} dias
-												</td>
-												<td class="max-w-xs truncate" title={ausencia.motivo}>
-													{ausencia.motivo}
-												</td>
-												<td>
-													<div class={`badge ${getStatusBadge(ausencia.status)}`}>
-														{getStatusTexto(ausencia.status)}
+													<div class="font-bold">
+														{periodo.funcionario?.nome}
 													</div>
 												</td>
-												<td class="text-xs"
-													>{new Date(ausencia.criadoEm).toLocaleDateString('pt-BR')}</td
-												>
+												<td>
+													{#if periodo.time}
+														<div
+															class="badge badge-lg font-semibold"
+															style="background-color: {periodo.time.cor}20; border-color: {periodo
+																.time.cor}; color: {periodo.time.cor}"
+														>
+															{periodo.time.nome}
+														</div>
+													{/if}
+												</td>
+												<td class="font-semibold">{periodo.anoReferencia}</td>
+												<td class="font-semibold">
+													{formatarDataString(periodo.dataInicio)} - {formatarDataString(
+														periodo.dataFim
+													)}
+												</td>
+												<td class="text-lg font-bold">{periodo.diasFerias}</td>
+												<td>
+													<div
+														class={`badge badge-lg font-semibold ${getStatusBadge(periodo.status)}`}
+													>
+														{getStatusTexto(periodo.status)}
+													</div>
+												</td>
+												<td>
+													{#if periodo.status === 'aguardando_aprovacao'}
+														<button
+															type="button"
+															class="btn btn-primary btn-sm gap-2 shadow-lg transition-transform hover:scale-105"
+															onclick={() => selecionarPeriodo(periodo._id)}
+														>
+															<svg
+																xmlns="http://www.w3.org/2000/svg"
+																class="h-4 w-4"
+																fill="none"
+																viewBox="0 0 24 24"
+																stroke="currentColor"
+															>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
+																/>
+															</svg>
+															Analisar
+														</button>
+													{:else}
+														<button
+															type="button"
+															class="btn btn-sm gap-2"
+															onclick={() => selecionarPeriodo(periodo._id)}
+														>
+															<svg
+																xmlns="http://www.w3.org/2000/svg"
+																class="h-4 w-4"
+																fill="none"
+																viewBox="0 0 24 24"
+																stroke="currentColor"
+															>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+																/>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+																/>
+															</svg>
+															Detalhes
+														</button>
+													{/if}
+												</td>
 											</tr>
 										{/each}
 									</tbody>
@@ -1691,573 +1850,424 @@ const meusTimesGestor = $derived(timesSubordinados);
 						{/if}
 					</div>
 				</div>
-			</div>
-		{:else if abaAtiva === 'aprovar-ferias'}
-			<!-- Aprovar Férias (Gestores) PREMIUM -->
-			<div class="card bg-base-100 border-t-4 border-green-500 shadow-2xl">
-				<div class="card-body">
-					<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-7 w-7 text-green-600"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-							/>
-						</svg>
-						Solicitações da Equipe
-						<div class="badge badge-lg badge-primary ml-2">
-							{solicitacoesSubordinados.length}
-						</div>
-					</h2>
-
-					{#if solicitacoesSubordinados.length === 0}
-						<div class="alert alert-success">
+			{:else if abaAtiva === 'aprovar-ausencias'}
+				<!-- Aprovar Ausências (Gestores) -->
+				<div class="card bg-base-100 border-t-4 border-orange-500 shadow-2xl">
+					<div class="card-body">
+						<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
 							<svg
 								xmlns="http://www.w3.org/2000/svg"
+								class="h-7 w-7 text-orange-600"
 								fill="none"
 								viewBox="0 0 24 24"
-								class="h-6 w-6 shrink-0 stroke-current"
+								stroke="currentColor"
 							>
 								<path
 									stroke-linecap="round"
 									stroke-linejoin="round"
 									stroke-width="2"
-									d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								></path>
+									d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+								/>
 							</svg>
-							<span class="font-semibold">Nenhuma solicitação pendente no momento.</span>
-						</div>
-					{:else}
-						<div class="overflow-x-auto">
-							<table class="table-zebra table-lg table">
-								<thead>
-									<tr class="bg-base-200">
-										<th class="font-bold">Funcionário</th>
-										<th class="font-bold">Time</th>
-										<th class="font-bold">Ano</th>
-										<th class="font-bold">Período</th>
-										<th class="font-bold">Dias</th>
-										<th class="font-bold">Status</th>
-										<th class="font-bold">Ações</th>
-									</tr>
-								</thead>
-								<tbody>
-									{#each solicitacoesSubordinados as periodo (periodo._id)}
-										<tr class="hover:bg-base-200 transition-colors">
-											<td>
-												<div class="font-bold">
-													{periodo.funcionario?.nome}
-												</div>
-											</td>
-											<td>
-												{#if periodo.time}
-													<div
-														class="badge badge-lg font-semibold"
-														style="background-color: {periodo.time.cor}20; border-color: {periodo
-															.time.cor}; color: {periodo.time.cor}"
-													>
-														{periodo.time.nome}
-													</div>
-												{/if}
-											</td>
-											<td class="font-semibold">{periodo.anoReferencia}</td>
-											<td class="font-semibold">
-												{formatarDataString(periodo.dataInicio)} - {formatarDataString(
-													periodo.dataFim
-												)}
-											</td>
-											<td class="text-lg font-bold">{periodo.diasFerias}</td>
-											<td>
-												<div
-													class={`badge badge-lg font-semibold ${getStatusBadge(periodo.status)}`}
-												>
-													{getStatusTexto(periodo.status)}
-												</div>
-											</td>
-											<td>
-												{#if periodo.status === 'aguardando_aprovacao'}
-													<button
-														type="button"
-														class="btn btn-primary btn-sm gap-2 shadow-lg transition-transform hover:scale-105"
-														onclick={() => selecionarPeriodo(periodo._id)}
-													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-4 w-4"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
-															/>
-														</svg>
-														Analisar
-													</button>
-												{:else}
-													<button
-														type="button"
-														class="btn btn-sm gap-2"
-														onclick={() => selecionarPeriodo(periodo._id)}
-													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-4 w-4"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-															/>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-															/>
-														</svg>
-														Detalhes
-													</button>
-												{/if}
-											</td>
-										</tr>
-									{/each}
-								</tbody>
-							</table>
-						</div>
-					{/if}
-				</div>
-			</div>
-		{:else if abaAtiva === 'aprovar-ausencias'}
-			<!-- Aprovar Ausências (Gestores) -->
-			<div class="card bg-base-100 border-t-4 border-orange-500 shadow-2xl">
-				<div class="card-body">
-					<h2 class="card-title mb-6 flex items-center gap-2 text-2xl">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-7 w-7 text-orange-600"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
-						Solicitações de Ausências da Equipe
-						<div class="badge badge-lg badge-warning ml-2">
-							{ausenciasSubordinados.length}
-						</div>
-					</h2>
+							Solicitações de Ausências da Equipe
+							<div class="badge badge-lg badge-warning ml-2">
+								{ausenciasSubordinados.length}
+							</div>
+						</h2>
 
-					{#if ausenciasSubordinados.length === 0}
-						<div class="alert alert-success">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								class="h-6 w-6 shrink-0 stroke-current"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-								></path>
-							</svg>
-							<span class="font-semibold">Nenhuma solicitação pendente no momento.</span>
-						</div>
-					{:else}
-						<div class="overflow-x-auto">
-							<table class="table-zebra table-lg table">
-								<thead>
-									<tr class="bg-base-200">
-										<th class="font-bold">Funcionário</th>
-										<th class="font-bold">Time</th>
-										<th class="font-bold">Período</th>
-										<th class="font-bold">Dias</th>
-										<th class="font-bold">Status</th>
-										<th class="font-bold">Ações</th>
-									</tr>
-								</thead>
-								<tbody>
-									{#each ausenciasSubordinados as ausencia (ausencia._id)}
-										<tr class="hover:bg-base-200 transition-colors">
-											<td>
-												<div class="font-bold">
-													{ausencia.funcionario?.nome || 'N/A'}
-												</div>
-											</td>
-											<td>
-												{#if ausencia.time}
-													<div
-														class="badge badge-lg font-semibold"
-														style="background-color: {ausencia.time.cor}20; border-color: {ausencia
-															.time.cor}; color: {ausencia.time.cor}"
-													>
-														{ausencia.time.nome}
-													</div>
-												{/if}
-											</td>
-											<td class="font-semibold">
-												{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até
-												{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
-											</td>
-											<td class="text-lg font-bold">
-												{Math.ceil(
-													(new Date(ausencia.dataFim).getTime() -
-														new Date(ausencia.dataInicio).getTime()) /
-														(1000 * 60 * 60 * 24)
-												) + 1} dias
-											</td>
-											<td>
-												<div
-													class={`badge badge-lg font-semibold ${getStatusBadge(ausencia.status)}`}
-												>
-													{getStatusTexto(ausencia.status)}
-												</div>
-											</td>
-											<td>
-												{#if ausencia.status === 'aguardando_aprovacao'}
-													<button
-														type="button"
-														class="btn btn-warning btn-sm gap-2 shadow-lg transition-transform hover:scale-105"
-														onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
-													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-4 w-4"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
-															/>
-														</svg>
-														Analisar
-													</button>
-												{:else}
-													<button
-														type="button"
-														class="btn btn-sm gap-2"
-														onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
-													>
-														<svg
-															xmlns="http://www.w3.org/2000/svg"
-															class="h-4 w-4"
-															fill="none"
-															viewBox="0 0 24 24"
-															stroke="currentColor"
-														>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-															/>
-															<path
-																stroke-linecap="round"
-																stroke-linejoin="round"
-																stroke-width="2"
-																d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-															/>
-														</svg>
-														Detalhes
-													</button>
-												{/if}
-											</td>
-										</tr>
-									{/each}
-								</tbody>
-							</table>
-						</div>
-					{/if}
-				</div>
-			</div>
-		{/if}
-	</div>
-
-	<!-- Modal de Aprovação de Férias -->
-	{#if periodoSelecionado && currentUser.data}
-		{#await client.query(api.ferias.obterDetalhes, { feriasId: periodoSelecionado }) then detalhes}
-			{#if detalhes}
-				<dialog class="modal modal-open">
-					<div class="modal-box max-w-4xl">
-						<AprovarFerias
-							periodo={detalhes}
-							gestorId={currentUser.data._id}
-							onSucesso={recarregar}
-							onCancelar={() => (periodoSelecionado = null)}
-						/>
-					</div>
-					<form method="dialog" class="modal-backdrop">
-						<button
-							type="button"
-							onclick={() => (periodoSelecionado = null)}
-							aria-label="Fechar modal">Fechar</button
-						>
-					</form>
-				</dialog>
-			{/if}
-		{/await}
-	{/if}
-
-	<!-- Modal de Upload de Foto / Escolher Avatar -->
-	{#if mostrarModalFoto}
-		<dialog class="modal modal-open">
-			<div class="modal-box max-h-[90vh] max-w-4xl overflow-y-auto">
-				<h3
-					class="mb-8 bg-linear-to-r from-purple-600 to-blue-600 bg-clip-text text-center text-3xl font-black text-transparent"
-				>
-					Alterar Foto de Perfil
-				</h3>
-
-				<!-- Preview da foto atual -->
-				<div class="mb-8 flex justify-center">
-					<div class="avatar">
-						<div
-							class="ring-primary ring-offset-base-100 h-32 w-32 rounded-full shadow-2xl ring-4 ring-offset-4"
-						>
-							{#if currentUser.data?.fotoPerfilUrl}
-								<img src={currentUser.data.fotoPerfilUrl} alt="Foto atual" class="object-cover" />
-							{:else if currentUser.data?.avatar}
-								<img src={currentUser.data.avatar} alt="Avatar atual" class="object-cover" />
-							{:else}
-								<div class="bg-primary text-primary-content flex items-center justify-center">
-									<span class="text-4xl font-bold"
-										>{currentUser.data?.nome.substring(0, 2).toUpperCase()}</span
-									>
-								</div>
-							{/if}
-						</div>
-					</div>
-				</div>
-
-				<!-- Tabs: Avatar ou Upload -->
-				<div
-					role="tablist"
-					class="tabs tabs-boxed from-base-200 to-base-300 mb-8 bg-linear-to-r p-2 shadow-xl"
-				>
-					<button
-						type="button"
-						role="tab"
-						class={`tab tab-lg font-semibold transition-all ${modoFoto === 'avatar' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
-						onclick={() => (modoFoto = 'avatar')}
-						disabled={uploadandoFoto}
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mr-2 h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
-						Escolher Avatar
-					</button>
-					<button
-						type="button"
-						role="tab"
-						class={`tab tab-lg font-semibold transition-all ${modoFoto === 'upload' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
-						onclick={() => (modoFoto = 'upload')}
-						disabled={uploadandoFoto}
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="mr-2 h-5 w-5"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke="currentColor"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-							/>
-						</svg>
-						Enviar Foto
-					</button>
-				</div>
-
-				<!-- Conteúdo das Tabs -->
-				{#if modoFoto === 'avatar'}
-					<!-- Galeria de Avatares -->
-					<div class="mb-4">
-						<p class="text-base-content/70 mb-6 text-center text-lg">
-							Escolha um dos <strong class="text-primary">30 avatares profissionais</strong> para seu
-							perfil
-						</p>
-
-						<div
-							class="bg-base-200 grid max-h-[500px] grid-cols-3 gap-4 overflow-y-auto rounded-2xl p-6 shadow-inner md:grid-cols-5 lg:grid-cols-6"
-						>
-							{#each avatarGallery as avatar (avatar.id)}
-								<button
-									type="button"
-									class={`flex cursor-pointer flex-col items-center rounded-xl p-2 transition-all hover:scale-110 ${avatarSelecionado === avatar.url ? 'ring-primary bg-primary/10 scale-105 ring-4' : 'hover:ring-primary/50 hover:bg-base-100 hover:ring-2'}`}
-									onclick={() => (avatarSelecionado = avatar.url)}
-									ondblclick={() => handleSelecionarAvatar(avatar.url)}
-									disabled={uploadandoFoto}
-									aria-label="Selecionar avatar {avatar.name}"
+						{#if ausenciasSubordinados.length === 0}
+							<div class="alert alert-success">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									class="h-6 w-6 shrink-0 stroke-current"
 								>
-									<div class="avatar">
-										<div class="h-20 w-20 rounded-full shadow-lg">
-											<img src={avatar.url} alt={avatar.name} loading="lazy" />
-										</div>
-									</div>
-									<div class="mt-2 w-full truncate text-center text-[10px] font-semibold">
-										{avatar.name}
-									</div>
-								</button>
-							{/each}
-						</div>
-
-						<div class="alert alert-info mt-6 shadow-lg">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								class="h-6 w-6 shrink-0 stroke-current"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-								></path>
-							</svg>
-							<span>
-								<strong>Dica:</strong> Clique uma vez para selecionar, clique duas vezes para aplicar
-								imediatamente!
-							</span>
-						</div>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+									></path>
+								</svg>
+								<span class="font-semibold">Nenhuma solicitação pendente no momento.</span>
+							</div>
+						{:else}
+							<div class="overflow-x-auto">
+								<table class="table-zebra table-lg table">
+									<thead>
+										<tr class="bg-base-200">
+											<th class="font-bold">Funcionário</th>
+											<th class="font-bold">Time</th>
+											<th class="font-bold">Período</th>
+											<th class="font-bold">Dias</th>
+											<th class="font-bold">Status</th>
+											<th class="font-bold">Ações</th>
+										</tr>
+									</thead>
+									<tbody>
+										{#each ausenciasSubordinados as ausencia (ausencia._id)}
+											<tr class="hover:bg-base-200 transition-colors">
+												<td>
+													<div class="font-bold">
+														{ausencia.funcionario?.nome || 'N/A'}
+													</div>
+												</td>
+												<td>
+													{#if ausencia.time}
+														<div
+															class="badge badge-lg font-semibold"
+															style="background-color: {ausencia.time
+																.cor}20; border-color: {ausencia.time.cor}; color: {ausencia.time
+																.cor}"
+														>
+															{ausencia.time.nome}
+														</div>
+													{/if}
+												</td>
+												<td class="font-semibold">
+													{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até
+													{new Date(ausencia.dataFim).toLocaleDateString('pt-BR')}
+												</td>
+												<td class="text-lg font-bold">
+													{Math.ceil(
+														(new Date(ausencia.dataFim).getTime() -
+															new Date(ausencia.dataInicio).getTime()) /
+															(1000 * 60 * 60 * 24)
+													) + 1} dias
+												</td>
+												<td>
+													<div
+														class={`badge badge-lg font-semibold ${getStatusBadge(ausencia.status)}`}
+													>
+														{getStatusTexto(ausencia.status)}
+													</div>
+												</td>
+												<td>
+													{#if ausencia.status === 'aguardando_aprovacao'}
+														<button
+															type="button"
+															class="btn btn-warning btn-sm gap-2 shadow-lg transition-transform hover:scale-105"
+															onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
+														>
+															<svg
+																xmlns="http://www.w3.org/2000/svg"
+																class="h-4 w-4"
+																fill="none"
+																viewBox="0 0 24 24"
+																stroke="currentColor"
+															>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
+																/>
+															</svg>
+															Analisar
+														</button>
+													{:else}
+														<button
+															type="button"
+															class="btn btn-sm gap-2"
+															onclick={() => (solicitacaoAusenciaAprovar = ausencia._id)}
+														>
+															<svg
+																xmlns="http://www.w3.org/2000/svg"
+																class="h-4 w-4"
+																fill="none"
+																viewBox="0 0 24 24"
+																stroke="currentColor"
+															>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+																/>
+																<path
+																	stroke-linecap="round"
+																	stroke-linejoin="round"
+																	stroke-width="2"
+																	d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+																/>
+															</svg>
+															Detalhes
+														</button>
+													{/if}
+												</td>
+											</tr>
+										{/each}
+									</tbody>
+								</table>
+							</div>
+						{/if}
 					</div>
+				</div>
+			{/if}
+		</div>
 
-					{#if avatarSelecionado}
-						<div class="mt-6 flex justify-center gap-3">
+		<!-- Modal de Aprovação de Férias -->
+		{#if periodoSelecionado && currentUser.data}
+			{#await client.query( api.ferias.obterDetalhes, { feriasId: periodoSelecionado } ) then detalhes}
+				{#if detalhes}
+					<dialog class="modal modal-open">
+						<div class="modal-box max-w-4xl">
+							<AprovarFerias
+								periodo={detalhes}
+								gestorId={currentUser.data._id}
+								onSucesso={recarregar}
+								onCancelar={() => (periodoSelecionado = null)}
+							/>
+						</div>
+						<form method="dialog" class="modal-backdrop">
 							<button
 								type="button"
-								class="btn btn-lg gap-2 shadow-xl transition-all hover:scale-105"
-								style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none;"
-								onclick={() => handleSelecionarAvatar(avatarSelecionado)}
-								disabled={uploadandoFoto}
+								onclick={() => (periodoSelecionado = null)}
+								aria-label="Fechar modal">Fechar</button
 							>
-								{#if uploadandoFoto}
-									<span class="loading loading-spinner"></span>
+						</form>
+					</dialog>
+				{/if}
+			{/await}
+		{/if}
+
+		<!-- Modal de Upload de Foto / Escolher Avatar -->
+		{#if mostrarModalFoto}
+			<dialog class="modal modal-open">
+				<div class="modal-box max-h-[90vh] max-w-4xl overflow-y-auto">
+					<h3
+						class="mb-8 bg-linear-to-r from-purple-600 to-blue-600 bg-clip-text text-center text-3xl font-black text-transparent"
+					>
+						Alterar Foto de Perfil
+					</h3>
+
+					<!-- Preview da foto atual -->
+					<div class="mb-8 flex justify-center">
+						<div class="avatar">
+							<div
+								class="ring-primary ring-offset-base-100 h-32 w-32 rounded-full shadow-2xl ring-4 ring-offset-4"
+							>
+								{#if currentUser.data?.fotoPerfilUrl}
+									<img src={currentUser.data.fotoPerfilUrl} alt="Foto atual" class="object-cover" />
+								{:else if currentUser.data?.avatar}
+									<img src={currentUser.data.avatar} alt="Avatar atual" class="object-cover" />
 								{:else}
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-6 w-6"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-										stroke-width="2.5"
-									>
-										<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
-									</svg>
+									<div class="bg-primary text-primary-content flex items-center justify-center">
+										<span class="text-4xl font-bold"
+											>{currentUser.data?.nome.substring(0, 2).toUpperCase()}</span
+										>
+									</div>
 								{/if}
-								{uploadandoFoto ? 'Salvando...' : 'Confirmar Avatar'}
-							</button>
+							</div>
+						</div>
+					</div>
+
+					<!-- Tabs: Avatar ou Upload -->
+					<div
+						role="tablist"
+						class="tabs tabs-boxed from-base-200 to-base-300 mb-8 bg-linear-to-r p-2 shadow-xl"
+					>
+						<button
+							type="button"
+							role="tab"
+							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'avatar' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
+							onclick={() => (modoFoto = 'avatar')}
+							disabled={uploadandoFoto}
+						>
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="mr-2 h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+								/>
+							</svg>
+							Escolher Avatar
+						</button>
+						<button
+							type="button"
+							role="tab"
+							class={`tab tab-lg font-semibold transition-all ${modoFoto === 'upload' ? 'tab-active bg-linear-to-r from-purple-600 to-blue-600 text-white' : ''}`}
+							onclick={() => (modoFoto = 'upload')}
+							disabled={uploadandoFoto}
+						>
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="mr-2 h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+								/>
+							</svg>
+							Enviar Foto
+						</button>
+					</div>
+
+					<!-- Conteúdo das Tabs -->
+					{#if modoFoto === 'avatar'}
+						<!-- Galeria de Avatares -->
+						<div class="mb-4">
+							<p class="text-base-content/70 mb-6 text-center text-lg">
+								Escolha um dos <strong class="text-primary">30 avatares profissionais</strong> para seu
+								perfil
+							</p>
+
+							<div
+								class="bg-base-200 grid max-h-[500px] grid-cols-3 gap-4 overflow-y-auto rounded-2xl p-6 shadow-inner md:grid-cols-5 lg:grid-cols-6"
+							>
+								{#each avatarGallery as avatar (avatar.id)}
+									<button
+										type="button"
+										class={`flex cursor-pointer flex-col items-center rounded-xl p-2 transition-all hover:scale-110 ${avatarSelecionado === avatar.url ? 'ring-primary bg-primary/10 scale-105 ring-4' : 'hover:ring-primary/50 hover:bg-base-100 hover:ring-2'}`}
+										onclick={() => (avatarSelecionado = avatar.url)}
+										ondblclick={() => handleSelecionarAvatar(avatar.url)}
+										disabled={uploadandoFoto}
+										aria-label="Selecionar avatar {avatar.name}"
+									>
+										<div class="avatar">
+											<div class="h-20 w-20 rounded-full shadow-lg">
+												<img src={avatar.url} alt={avatar.name} loading="lazy" />
+											</div>
+										</div>
+										<div class="mt-2 w-full truncate text-center text-[10px] font-semibold">
+											{avatar.name}
+										</div>
+									</button>
+								{/each}
+							</div>
+
+							<div class="alert alert-info mt-6 shadow-lg">
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									class="h-6 w-6 shrink-0 stroke-current"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+									></path>
+								</svg>
+								<span>
+									<strong>Dica:</strong> Clique uma vez para selecionar, clique duas vezes para aplicar
+									imediatamente!
+								</span>
+							</div>
+						</div>
+
+						{#if avatarSelecionado}
+							<div class="mt-6 flex justify-center gap-3">
+								<button
+									type="button"
+									class="btn btn-lg gap-2 shadow-xl transition-all hover:scale-105"
+									style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none;"
+									onclick={() => handleSelecionarAvatar(avatarSelecionado)}
+									disabled={uploadandoFoto}
+								>
+									{#if uploadandoFoto}
+										<span class="loading loading-spinner"></span>
+									{:else}
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											class="h-6 w-6"
+											fill="none"
+											viewBox="0 0 24 24"
+											stroke="currentColor"
+											stroke-width="2.5"
+										>
+											<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
+										</svg>
+									{/if}
+									{uploadandoFoto ? 'Salvando...' : 'Confirmar Avatar'}
+								</button>
+							</div>
+						{/if}
+					{:else}
+						<!-- Upload de nova foto -->
+						<div class="form-control">
+							<label class="label" for="foto-upload">
+								<span class="label-text text-lg font-bold">Selecionar nova foto</span>
+							</label>
+							<input
+								id="foto-upload"
+								type="file"
+								class="file-input file-input-bordered file-input-lg w-full shadow-lg"
+								accept="image/*"
+								onchange={handleUploadFoto}
+								disabled={uploadandoFoto}
+							/>
+							<div class="label">
+								<span class="label-text-alt text-base-content/70"
+									>Formatos aceitos: JPG, PNG, GIF. Tamanho máximo: 5MB</span
+								>
+							</div>
 						</div>
 					{/if}
-				{:else}
-					<!-- Upload de nova foto -->
-					<div class="form-control">
-						<label class="label" for="foto-upload">
-							<span class="label-text text-lg font-bold">Selecionar nova foto</span>
-						</label>
-						<input
-							id="foto-upload"
-							type="file"
-							class="file-input file-input-bordered file-input-lg w-full shadow-lg"
-							accept="image/*"
-							onchange={handleUploadFoto}
-							disabled={uploadandoFoto}
-						/>
-						<div class="label">
-							<span class="label-text-alt text-base-content/70"
-								>Formatos aceitos: JPG, PNG, GIF. Tamanho máximo: 5MB</span
+
+					{#if erroUpload}
+						<div class="alert alert-error mt-6 shadow-lg">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								class="h-6 w-6 shrink-0 stroke-current"
+								fill="none"
+								viewBox="0 0 24 24"
 							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+								/>
+							</svg>
+							<span class="font-semibold">{erroUpload}</span>
 						</div>
-					</div>
-				{/if}
+					{/if}
 
-				{#if erroUpload}
-					<div class="alert alert-error mt-6 shadow-lg">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							class="h-6 w-6 shrink-0 stroke-current"
-							fill="none"
-							viewBox="0 0 24 24"
+					{#if uploadandoFoto && modoFoto === 'upload'}
+						<div class="mt-6 flex items-center justify-center gap-3">
+							<span class="loading loading-spinner loading-lg text-primary"></span>
+							<span class="text-lg font-semibold">Enviando foto...</span>
+						</div>
+					{/if}
+
+					<div class="modal-action mt-8">
+						<button
+							type="button"
+							class="btn btn-lg"
+							onclick={() => (mostrarModalFoto = false)}
+							disabled={uploadandoFoto}
 						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-							/>
-						</svg>
-						<span class="font-semibold">{erroUpload}</span>
+							Cancelar
+						</button>
 					</div>
-				{/if}
-
-				{#if uploadandoFoto && modoFoto === 'upload'}
-					<div class="mt-6 flex items-center justify-center gap-3">
-						<span class="loading loading-spinner loading-lg text-primary"></span>
-						<span class="text-lg font-semibold">Enviando foto...</span>
-					</div>
-				{/if}
-
-				<div class="modal-action mt-8">
+				</div>
+				<form method="dialog" class="modal-backdrop">
 					<button
 						type="button"
-						class="btn btn-lg"
 						onclick={() => (mostrarModalFoto = false)}
-						disabled={uploadandoFoto}
+						aria-label="Fechar modal"
+						disabled={uploadandoFoto}>Fechar</button
 					>
-						Cancelar
-					</button>
-				</div>
-			</div>
-			<form method="dialog" class="modal-backdrop">
-				<button
-					type="button"
-					onclick={() => (mostrarModalFoto = false)}
-					aria-label="Fechar modal"
-					disabled={uploadandoFoto}>Fechar</button
-				>
-			</form>
-		</dialog>
-	{/if}
-</main>
+				</form>
+			</dialog>
+		{/if}
+	</main>
+</ProtectedRoute>
 
 <!-- Modal Wizard Solicitação de Férias -->
 {#if mostrarWizard && funcionarioIdDisponivel}
diff --git a/apps/web/src/routes/(dashboard)/programas-esportivos/+page.svelte b/apps/web/src/routes/(dashboard)/programas-esportivos/+page.svelte
index 60340ef..eed8a11 100644
--- a/apps/web/src/routes/(dashboard)/programas-esportivos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/programas-esportivos/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { Trophy, Award, Plus } 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="text-sm breadcrumbs mb-4">
     <ul>
@@ -41,4 +43,5 @@
     </div>
   </div>
 </main>
+</ProtectedRoute>
 
diff --git a/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
index 130a768..495a86d 100644
--- a/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte
@@ -543,7 +543,7 @@
 								</div>
 							</div>
 						</div>
-					{:else if catalogoQuery.data}
+					{:else if catalogoQuery.data && catalogoQuery.data.length > 0}
 						<div class="space-y-2">
 							{#each catalogoQuery.data as item (item.recurso)}
 								{@const recursoExpandido = isRecursoExpandido(roleId, item.recurso)}
@@ -576,28 +576,40 @@
 									<!-- Lista de ações (visível quando expandido) -->
 									{#if recursoExpandido}
 										<div class="bg-base-100 border-base-300 border-t px-4 py-3">
-											<div class="space-y-2">
-												{#each ['ver', 'listar', 'criar', 'editar', 'excluir'] as acao (acao)}
-													<label
-														class="hover:bg-base-200 flex cursor-pointer items-center gap-3 rounded p-2 transition-colors"
-													>
-														<input
-															type="checkbox"
-															class="checkbox checkbox-primary"
-															checked={isConcedida(roleId, item.recurso, acao)}
-															disabled={salvando}
-															onchange={(e) =>
-																toggleAcao(roleId, item.recurso, acao, e.currentTarget.checked)}
-														/>
-														<span class="flex-1 font-medium capitalize">{acao}</span>
-													</label>
-												{/each}
-											</div>
+											{#if item.acoes.length === 0}
+												<p class="text-base-content/60 text-sm">
+													Nenhuma permissão cadastrada para este recurso.
+												</p>
+											{:else}
+												<div class="space-y-2">
+													{#each item.acoes as acao (acao)}
+														<label
+															class="hover:bg-base-200 flex cursor-pointer items-center gap-3 rounded p-2 transition-colors"
+														>
+															<input
+																type="checkbox"
+																class="checkbox checkbox-primary"
+																checked={isConcedida(roleId, item.recurso, acao)}
+																disabled={salvando}
+																onchange={(e) =>
+																	toggleAcao(roleId, item.recurso, acao, e.currentTarget.checked)}
+															/>
+															<span class="flex-1 font-medium">{acao}</span>
+														</label>
+													{/each}
+												</div>
+											{/if}
 										</div>
 									{/if}
 								</div>
 							{/each}
 						</div>
+					{:else}
+						<div class="alert alert-info mt-4">
+							<span class="font-semibold">
+								Nenhuma permissão cadastrada ainda. Use o botão “Criar permissão” para começar.
+							</span>
+						</div>
 					{/if}
 				</div>
 			</div>
diff --git a/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
index c3017c3..544b7a4 100644
--- a/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/perfis/+page.svelte
@@ -41,19 +41,15 @@
 	const stats = $derived.by(() => {
 		if (carregando) return null;
 
-		const porNivel = {
-			0: roles.filter((r) => r.nivel === 0).length,
-			1: roles.filter((r) => r.nivel === 1).length,
-			2: roles.filter((r) => r.nivel === 2).length,
-			3: roles.filter((r) => r.nivel >= 3).length
-		};
+		const nivelMaximo = roles.filter((r) => r.nivel === 0).length;
+		const nivelAdministrativo = roles.filter((r) => r.nivel === 1).length;
+		const niveisLegado = roles.filter((r) => r.nivel > 1).length;
 
 		return {
 			total: roles.length,
-			nivelMaximo: porNivel[0],
-			nivelAlto: porNivel[1],
-			nivelMedio: porNivel[2],
-			nivelBaixo: porNivel[3],
+			nivelMaximo,
+			nivelAdministrativo,
+			niveisLegado,
 			comSetor: roles.filter((r) => r.setor).length
 		};
 	});
@@ -78,10 +74,11 @@
 
 		// Filtro por nível
 		if (filtroNivel !== '') {
-			if (filtroNivel === 3) {
-				resultado = resultado.filter((r) => r.nivel >= 3);
-			} else {
+			if (filtroNivel === 0 || filtroNivel === 1) {
 				resultado = resultado.filter((r) => r.nivel === filtroNivel);
+			} else {
+				// Qualquer outro valor é considerado legado
+				resultado = resultado.filter((r) => r.nivel > 1);
 			}
 		}
 
@@ -96,22 +93,19 @@
 	function obterCorNivel(nivel: number): string {
 		if (nivel === 0) return 'badge-error';
 		if (nivel === 1) return 'badge-warning';
-		if (nivel === 2) return 'badge-info';
+		// Níveis > 1 são considerados legado
 		return 'badge-ghost';
 	}
 
 	function obterTextoNivel(nivel: number): string {
 		if (nivel === 0) return 'Máximo';
-		if (nivel === 1) return 'Alto';
-		if (nivel === 2) return 'Médio';
-		if (nivel === 3) return 'Baixo';
-		return `Nível ${nivel}`;
+		if (nivel === 1) return 'Administrativo';
+		return `Legado (${nivel})`;
 	}
 
 	function obterCorCardNivel(nivel: number): string {
 		if (nivel === 0) return 'border-l-4 border-error';
 		if (nivel === 1) return 'border-l-4 border-warning';
-		if (nivel === 2) return 'border-l-4 border-info';
 		return 'border-l-4 border-base-300';
 	}
 
@@ -144,7 +138,7 @@
 	);
 </script>
 
-<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={3}>
+<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={1}>
 	<div class="container mx-auto max-w-7xl px-4 py-6">
 		<!-- Header -->
 		<div class="mb-8 flex items-center justify-between">
@@ -176,31 +170,24 @@
 
 		<!-- Estatísticas -->
 		{#if stats}
-			<div class="mb-8 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-5">
+			<div class="mb-8 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<StatsCard title="Total de Perfis" value={stats.total} Icon={Users} color="primary" />
 				<StatsCard
-					title="Nível Máximo"
+					title="Nível Máximo (0)"
 					value={stats.nivelMaximo}
-					description="Acesso total"
+					description="Acesso total ao sistema"
 					Icon={Shield}
 					color="error"
 				/>
 				<StatsCard
-					title="Nível Alto"
-					value={stats.nivelAlto}
-					description="Acesso elevado"
+					title="Nível Administrativo (1)"
+					value={stats.nivelAdministrativo}
+					description="Perfis administrativos com acesso total"
 					Icon={AlertTriangle}
 					color="warning"
 				/>
 				<StatsCard
-					title="Nível Médio"
-					value={stats.nivelMedio}
-					description="Acesso padrão"
-					Icon={Info}
-					color="info"
-				/>
-				<StatsCard
-					title="Com Setor"
+					title="Perfis com Setor"
 					value={stats.comSetor}
 					description={stats.total > 0
 						? ((stats.comSetor / stats.total) * 100).toFixed(0) + '% do total'
@@ -209,6 +196,18 @@
 					color="secondary"
 				/>
 			</div>
+			{#if stats.niveisLegado > 0}
+				<div class="alert alert-warning mb-6">
+					<Info class="h-5 w-5" />
+					<div>
+						<h3 class="font-bold">Perfis com níveis legados</h3>
+						<p class="text-sm">
+							Existem {stats.niveisLegado} perfis com nível acima de 1. Esses perfis continuarão
+							sendo tratados como nível 1 (administrativo) após a migração.
+						</p>
+					</div>
+				</div>
+			{/if}
 		{/if}
 
 		<!-- Filtros -->
diff --git a/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte b/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
index 51ca3c6..2599cda 100644
--- a/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/personalizar-permissoes/+page.svelte
@@ -4,7 +4,7 @@
 	import { resolve } from '$app/paths';
 </script>
 
-<ProtectedRoute allowedRoles={['admin', 'ti']} maxLevel={1}>
+<ProtectedRoute allowedRoles={['ti_master', 'admin']} maxLevel={1}>
 	<!-- Breadcrumb -->
 	<div class="breadcrumbs mb-4 text-sm">
 		<ul>
diff --git a/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte b/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte
index b63e18f..7cd4ac9 100644
--- a/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/solicitacoes-acesso/+page.svelte
@@ -257,7 +257,7 @@
 	}
 </script>
 
-<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={3}>
+<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={1}>
 	<div class="container mx-auto max-w-7xl px-4 py-6">
 		<!-- Mensagem de Feedback -->
 		{#if mensagem}
diff --git a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
index 668f23b..bd48da8 100644
--- a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
@@ -278,7 +278,7 @@
 	}
 </script>
 
-<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={2}>
+<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={1}>
 	<main class="container mx-auto max-w-7xl px-4 py-6">
 		<!-- Breadcrumb -->
 		<div class="breadcrumbs mb-4 text-sm">
diff --git a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
index f2dc39f..2b478fe 100644
--- a/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/usuarios/+page.svelte
@@ -535,7 +535,7 @@
 	}
 </script>
 
-<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={3}>
+<ProtectedRoute allowedRoles={['ti_master', 'admin', 'ti_usuario']} maxLevel={1}>
 	<div class="container mx-auto max-w-7xl px-4 py-6">
 		<!-- Header -->
 		<div class="mb-6 flex items-center justify-between">
diff --git a/packages/backend/convex/_generated/api.d.ts b/packages/backend/convex/_generated/api.d.ts
index 87b4b87..468ef93 100644
--- a/packages/backend/convex/_generated/api.d.ts
+++ b/packages/backend/convex/_generated/api.d.ts
@@ -15,8 +15,8 @@ import type * as actions_smtp from "../actions/smtp.js";
 import type * as actions_utils_nodeCrypto from "../actions/utils/nodeCrypto.js";
 import type * as atestadosLicencas from "../atestadosLicencas.js";
 import type * as ausencias from "../ausencias.js";
-import type * as auth from "../auth.js";
 import type * as auth_utils from "../auth/utils.js";
+import type * as auth from "../auth.js";
 import type * as chat from "../chat.js";
 import type * as configuracaoEmail from "../configuracaoEmail.js";
 import type * as crons from "../crons.js";
@@ -28,7 +28,6 @@ import type * as ferias from "../ferias.js";
 import type * as funcionarios from "../funcionarios.js";
 import type * as healthCheck from "../healthCheck.js";
 import type * as http from "../http.js";
-import type * as limparPerfisAntigos from "../limparPerfisAntigos.js";
 import type * as logsAcesso from "../logsAcesso.js";
 import type * as logsAtividades from "../logsAtividades.js";
 import type * as logsLogin from "../logsLogin.js";
@@ -54,6 +53,14 @@ import type {
   FunctionReference,
 } from "convex/server";
 
+/**
+ * A utility for referencing Convex functions in your app's API.
+ *
+ * Usage:
+ * ```js
+ * const myFunctionReference = api.myModule.myFunction;
+ * ```
+ */
 declare const fullApi: ApiFromModules<{
   "actions/email": typeof actions_email;
   "actions/linkPreview": typeof actions_linkPreview;
@@ -62,8 +69,8 @@ declare const fullApi: ApiFromModules<{
   "actions/utils/nodeCrypto": typeof actions_utils_nodeCrypto;
   atestadosLicencas: typeof atestadosLicencas;
   ausencias: typeof ausencias;
-  auth: typeof auth;
   "auth/utils": typeof auth_utils;
+  auth: typeof auth;
   chat: typeof chat;
   configuracaoEmail: typeof configuracaoEmail;
   crons: typeof crons;
@@ -75,7 +82,6 @@ declare const fullApi: ApiFromModules<{
   funcionarios: typeof funcionarios;
   healthCheck: typeof healthCheck;
   http: typeof http;
-  limparPerfisAntigos: typeof limparPerfisAntigos;
   logsAcesso: typeof logsAcesso;
   logsAtividades: typeof logsAtividades;
   logsLogin: typeof logsLogin;
@@ -95,30 +101,14 @@ declare const fullApi: ApiFromModules<{
   "utils/getClientIP": typeof utils_getClientIP;
   verificarMatriculas: typeof verificarMatriculas;
 }>;
+declare const fullApiWithMounts: typeof fullApi;
 
-/**
- * A utility for referencing Convex functions in your app's public API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = api.myModule.myFunction;
- * ```
- */
 export declare const api: FilterApi<
-  typeof fullApi,
+  typeof fullApiWithMounts,
   FunctionReference<any, "public">
 >;
-
-/**
- * A utility for referencing Convex functions in your app's internal API.
- *
- * Usage:
- * ```js
- * const myFunctionReference = internal.myModule.myFunction;
- * ```
- */
 export declare const internal: FilterApi<
-  typeof fullApi,
+  typeof fullApiWithMounts,
   FunctionReference<any, "internal">
 >;
 
diff --git a/packages/backend/convex/_generated/server.d.ts b/packages/backend/convex/_generated/server.d.ts
index bec05e6..b5c6828 100644
--- a/packages/backend/convex/_generated/server.d.ts
+++ b/packages/backend/convex/_generated/server.d.ts
@@ -10,6 +10,7 @@
 
 import {
   ActionBuilder,
+  AnyComponents,
   HttpActionBuilder,
   MutationBuilder,
   QueryBuilder,
@@ -18,9 +19,15 @@ import {
   GenericQueryCtx,
   GenericDatabaseReader,
   GenericDatabaseWriter,
+  FunctionReference,
 } from "convex/server";
 import type { DataModel } from "./dataModel.js";
 
+type GenericCtx =
+  | GenericActionCtx<DataModel>
+  | GenericMutationCtx<DataModel>
+  | GenericQueryCtx<DataModel>;
+
 /**
  * Define a query in this Convex app's public API.
  *
@@ -85,12 +92,11 @@ export declare const internalAction: ActionBuilder<DataModel, "internal">;
 /**
  * Define an HTTP action.
  *
- * The wrapped function will be used to respond to HTTP requests received
- * by a Convex deployment if the requests matches the path and method where
- * this action is routed. Be sure to route your httpAction in `convex/http.js`.
+ * This function will be used to respond to HTTP requests received by a Convex
+ * deployment if the requests matches the path and method where this action
+ * is routed. Be sure to route your action in `convex/http.js`.
  *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument
- * and a Fetch API `Request` object as its second.
+ * @param func - The function. It receives an {@link ActionCtx} as its first argument.
  * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
  */
 export declare const httpAction: HttpActionBuilder;
diff --git a/packages/backend/convex/_generated/server.js b/packages/backend/convex/_generated/server.js
index bf3d25a..4a21df4 100644
--- a/packages/backend/convex/_generated/server.js
+++ b/packages/backend/convex/_generated/server.js
@@ -16,6 +16,7 @@ import {
   internalActionGeneric,
   internalMutationGeneric,
   internalQueryGeneric,
+  componentsGeneric,
 } from "convex/server";
 
 /**
@@ -80,14 +81,10 @@ export const action = actionGeneric;
 export const internalAction = internalActionGeneric;
 
 /**
- * Define an HTTP action.
+ * Define a Convex HTTP action.
  *
- * The wrapped function will be used to respond to HTTP requests received
- * by a Convex deployment if the requests matches the path and method where
- * this action is routed. Be sure to route your httpAction in `convex/http.js`.
- *
- * @param func - The function. It receives an {@link ActionCtx} as its first argument
- * and a Fetch API `Request` object as its second.
- * @returns The wrapped function. Import this function from `convex/http.js` and route it to hook it up.
+ * @param func - The function. It receives an {@link ActionCtx} as its first argument, and a `Request` object
+ * as its second.
+ * @returns The wrapped endpoint function. Route a URL path to this function in `convex/http.js`.
  */
 export const httpAction = httpActionGeneric;
diff --git a/packages/backend/convex/limparPerfisAntigos.ts b/packages/backend/convex/limparPerfisAntigos.ts
deleted file mode 100644
index 9e7d53d..0000000
--- a/packages/backend/convex/limparPerfisAntigos.ts
+++ /dev/null
@@ -1,285 +0,0 @@
-import { internalMutation, query } from "./_generated/server";
-import { v } from "convex/values";
-
-/**
- * Listar todos os perfis (roles) do sistema
- */
-export const listarTodosRoles = query({
-  args: {},
-  returns: v.array(
-    v.object({
-      _id: v.id("roles"),
-      nome: v.string(),
-      descricao: v.string(),
-      nivel: v.number(),
-      setor: v.optional(v.string()),
-      customizado: v.optional(v.boolean()),
-      editavel: v.optional(v.boolean()),
-      _creationTime: v.number(),
-    })
-  ),
-  handler: async (ctx) => {
-    const roles = await ctx.db.query("roles").collect();
-    return roles.map((role) => ({
-      _id: role._id,
-      nome: role.nome,
-      descricao: role.descricao,
-      nivel: role.nivel,
-      setor: role.setor,
-      customizado: role.customizado,
-      editavel: role.editavel,
-      _creationTime: role._creationTime,
-    }));
-  },
-});
-
-/**
- * Limpar perfis antigos/duplicados
- *
- * CRITÉRIOS:
- * - Manter apenas: ti_master (nível 0), admin (nível 2), ti_usuario (nível 2)
- * - Remover: admin antigo (nível 0), ti genérico (nível 1), outros duplicados
- */
-export const limparPerfisAntigos = internalMutation({
-  args: {},
-  returns: v.object({
-    removidos: v.array(
-      v.object({
-        nome: v.string(),
-        descricao: v.string(),
-        nivel: v.number(),
-        motivo: v.string(),
-      })
-    ),
-    mantidos: v.array(
-      v.object({
-        nome: v.string(),
-        descricao: v.string(),
-        nivel: v.number(),
-      })
-    ),
-  }),
-  handler: async (ctx) => {
-    const roles = await ctx.db.query("roles").collect();
-
-    const removidos: Array<{
-      nome: string;
-      descricao: string;
-      nivel: number;
-      motivo: string;
-    }> = [];
-
-    const mantidos: Array<{
-      nome: string;
-      descricao: string;
-      nivel: number;
-    }> = [];
-
-    // Perfis que devem ser mantidos (apenas 1 de cada)
-    const perfisCorretos = new Map<string, boolean>();
-    perfisCorretos.set("ti_master", false);
-    perfisCorretos.set("admin", false);
-    perfisCorretos.set("ti_usuario", false);
-
-    for (const role of roles) {
-      let deveManter = false;
-      let motivo = "";
-
-      // TI_MASTER - Manter apenas o de nível 0
-      if (role.nome === "ti_master") {
-        if (role.nivel === 0 && !perfisCorretos.get("ti_master")) {
-          deveManter = true;
-          perfisCorretos.set("ti_master", true);
-        } else {
-          motivo =
-            role.nivel !== 0
-              ? "TI_MASTER deve ser nível 0, este é nível " + role.nivel
-              : "TI_MASTER duplicado";
-        }
-      }
-      // ADMIN - Manter apenas o de nível 2
-      else if (role.nome === "admin") {
-        if (role.nivel === 2 && !perfisCorretos.get("admin")) {
-          deveManter = true;
-          perfisCorretos.set("admin", true);
-        } else {
-          motivo =
-            role.nivel !== 2
-              ? "ADMIN deve ser nível 2, este é nível " + role.nivel
-              : "ADMIN duplicado";
-        }
-      }
-      // TI_USUARIO - Manter apenas o de nível 2
-      else if (role.nome === "ti_usuario") {
-        if (role.nivel === 2 && !perfisCorretos.get("ti_usuario")) {
-          deveManter = true;
-          perfisCorretos.set("ti_usuario", true);
-        } else {
-          motivo =
-            role.nivel !== 2
-              ? "TI_USUARIO deve ser nível 2, este é nível " + role.nivel
-              : "TI_USUARIO duplicado";
-        }
-      }
-      // Perfis genéricos antigos (remover)
-      else if (role.nome === "ti") {
-        motivo =
-          "Perfil genérico 'ti' obsoleto - usar 'ti_master' ou 'ti_usuario'";
-      }
-      // Outros perfis específicos de setores (manter se forem nível >= 2)
-      else if (
-        role.nome === "rh" ||
-        role.nome === "financeiro" ||
-        role.nome === "controladoria" ||
-        role.nome === "licitacoes" ||
-        role.nome === "compras" ||
-        role.nome === "juridico" ||
-        role.nome === "comunicacao" ||
-        role.nome === "programas_esportivos" ||
-        role.nome === "secretaria_executiva" ||
-        role.nome === "gestao_pessoas" ||
-        role.nome === "usuario"
-      ) {
-        if (role.nivel >= 2) {
-          deveManter = true;
-        } else {
-          motivo = `Perfil de setor com nível incorreto (${role.nivel}), deveria ser >= 2`;
-        }
-      }
-      // Perfis customizados (manter sempre)
-      else if (role.customizado) {
-        deveManter = true;
-      }
-      // Outros perfis desconhecidos
-      else {
-        motivo = "Perfil desconhecido ou obsoleto";
-      }
-
-      if (deveManter) {
-        mantidos.push({
-          nome: role.nome,
-          descricao: role.descricao,
-          nivel: role.nivel,
-        });
-        console.log(
-          `✅ MANTIDO: ${role.nome} (${role.descricao}) - Nível ${role.nivel}`
-        );
-      } else {
-        // Verificar se há usuários usando este perfil
-        const usuariosComRole = await ctx.db
-          .query("usuarios")
-          .withIndex("by_role", (q) => q.eq("roleId", role._id))
-          .collect();
-
-        if (usuariosComRole.length > 0) {
-          console.log(
-            `⚠️ AVISO: Não é possível remover "${role.nome}" porque ${usuariosComRole.length} usuário(s) ainda usa(m) este perfil`
-          );
-          mantidos.push({
-            nome: role.nome,
-            descricao: role.descricao,
-            nivel: role.nivel,
-          });
-        } else {
-          // Remover permissões associadas
-          const permissoes = await ctx.db
-            .query("rolePermissoes")
-            .withIndex("by_role", (q) => q.eq("roleId", role._id))
-            .collect();
-          for (const perm of permissoes) {
-            await ctx.db.delete(perm._id);
-          }
-
-          // Remover o role
-          await ctx.db.delete(role._id);
-
-          removidos.push({
-            nome: role.nome,
-            descricao: role.descricao,
-            nivel: role.nivel,
-            motivo: motivo || "Não especificado",
-          });
-          console.log(
-            `🗑️ REMOVIDO: ${role.nome} (${role.descricao}) - Nível ${role.nivel} - Motivo: ${motivo}`
-          );
-        }
-      }
-    }
-
-    return { removidos, mantidos };
-  },
-});
-
-/**
- * Verificar se existem perfis com níveis incorretos
- */
-export const verificarNiveisIncorretos = query({
-  args: {},
-  returns: v.array(
-    v.object({
-      nome: v.string(),
-      descricao: v.string(),
-      nivelAtual: v.number(),
-      nivelCorreto: v.number(),
-      problema: v.string(),
-    })
-  ),
-  handler: async (ctx) => {
-    const roles = await ctx.db.query("roles").collect();
-    const problemas: Array<{
-      nome: string;
-      descricao: string;
-      nivelAtual: number;
-      nivelCorreto: number;
-      problema: string;
-    }> = [];
-
-    for (const role of roles) {
-      // TI_MASTER deve ser nível 0
-      if (role.nome === "ti_master" && role.nivel !== 0) {
-        problemas.push({
-          nome: role.nome,
-          descricao: role.descricao,
-          nivelAtual: role.nivel,
-          nivelCorreto: 0,
-          problema: "TI_MASTER deve ter acesso total (nível 0)",
-        });
-      }
-
-      // ADMIN deve ser nível 2
-      if (role.nome === "admin" && role.nivel !== 2) {
-        problemas.push({
-          nome: role.nome,
-          descricao: role.descricao,
-          nivelAtual: role.nivel,
-          nivelCorreto: 2,
-          problema: "ADMIN deve ser editável (nível 2)",
-        });
-      }
-
-      // TI_USUARIO deve ser nível 2
-      if (role.nome === "ti_usuario" && role.nivel !== 2) {
-        problemas.push({
-          nome: role.nome,
-          descricao: role.descricao,
-          nivelAtual: role.nivel,
-          nivelCorreto: 2,
-          problema: "TI_USUARIO deve ser editável (nível 2)",
-        });
-      }
-
-      // Perfil genérico "ti" não deveria existir
-      if (role.nome === "ti") {
-        problemas.push({
-          nome: role.nome,
-          descricao: role.descricao,
-          nivelAtual: role.nivel,
-          nivelCorreto: -1, // Indica que deve ser removido
-          problema: "Perfil genérico obsoleto - usar ti_master ou ti_usuario",
-        });
-      }
-    }
-
-    return problemas;
-  },
-});
diff --git a/packages/backend/convex/perfisCustomizados.ts b/packages/backend/convex/perfisCustomizados.ts
deleted file mode 100644
index 8b13789..0000000
--- a/packages/backend/convex/perfisCustomizados.ts
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/packages/backend/convex/permissoesAcoes.ts b/packages/backend/convex/permissoesAcoes.ts
index f9f0b3c..ee982f4 100644
--- a/packages/backend/convex/permissoesAcoes.ts
+++ b/packages/backend/convex/permissoesAcoes.ts
@@ -3,27 +3,271 @@ import { v } from 'convex/values';
 import type { Doc } from './_generated/dataModel';
 import { getCurrentUserFunction } from './auth';
 
-// Catálogo base de recursos e ações
-// Ajuste/expanda conforme os módulos disponíveis no sistema
-export const CATALOGO_RECURSOS = [
-	{
-		recurso: 'funcionarios',
-		acoes: [
-			'dashboard',
-			'ver',
-			'listar',
-			'criar',
-			'editar',
-			'excluir',
-			'aprovar_ausencias',
-			'aprovar_ferias'
-		]
-	},
-	{
-		recurso: 'simbolos',
-		acoes: ['dashboard', 'ver', 'listar', 'criar', 'editar', 'excluir']
-	}
-] as const;
+// Catálogo de permissões base para seed controlado via mutation
+const PERMISSOES_BASE = {
+	permissoes: [
+		// Funcionários
+		{
+			nome: 'funcionarios.dashboard',
+			recurso: 'funcionarios',
+			acao: 'dashboard',
+			descricao: 'Acessar o painel de funcionários'
+		},
+		{
+			nome: 'funcionarios.ver',
+			recurso: 'funcionarios',
+			acao: 'ver',
+			descricao: 'Visualizar detalhes de funcionários'
+		},
+		{
+			nome: 'funcionarios.listar',
+			recurso: 'funcionarios',
+			acao: 'listar',
+			descricao: 'Listar funcionários'
+		},
+		{
+			nome: 'funcionarios.criar',
+			recurso: 'funcionarios',
+			acao: 'criar',
+			descricao: 'Criar novos funcionários'
+		},
+		{
+			nome: 'funcionarios.editar',
+			recurso: 'funcionarios',
+			acao: 'editar',
+			descricao: 'Editar dados de funcionários'
+		},
+		{
+			nome: 'funcionarios.excluir',
+			recurso: 'funcionarios',
+			acao: 'excluir',
+			descricao: 'Excluir funcionários'
+		},
+		{
+			nome: 'funcionarios.aprovar_ausencias',
+			recurso: 'funcionarios',
+			acao: 'aprovar_ausencias',
+			descricao: 'Aprovar ausências de funcionários'
+		},
+		{
+			nome: 'funcionarios.aprovar_ferias',
+			recurso: 'funcionarios',
+			acao: 'aprovar_ferias',
+			descricao: 'Aprovar férias de funcionários'
+		},
+		// Símbolos
+		{
+			nome: 'simbolos.dashboard',
+			recurso: 'simbolos',
+			acao: 'dashboard',
+			descricao: 'Acessar o painel de símbolos'
+		},
+		{
+			nome: 'simbolos.ver',
+			recurso: 'simbolos',
+			acao: 'ver',
+			descricao: 'Visualizar detalhes de símbolos'
+		},
+		{
+			nome: 'simbolos.listar',
+			recurso: 'simbolos',
+			acao: 'listar',
+			descricao: 'Listar símbolos'
+		},
+		{
+			nome: 'simbolos.criar',
+			recurso: 'simbolos',
+			acao: 'criar',
+			descricao: 'Criar novos símbolos'
+		},
+		{
+			nome: 'simbolos.editar',
+			recurso: 'simbolos',
+			acao: 'editar',
+			descricao: 'Editar símbolos'
+		},
+		{
+			nome: 'simbolos.excluir',
+			recurso: 'simbolos',
+			acao: 'excluir',
+			descricao: 'Excluir símbolos'
+		},
+		// TI - Usuários
+		{
+			nome: 'ti_usuarios.listar',
+			recurso: 'ti_usuarios',
+			acao: 'listar',
+			descricao: 'Listar usuários do sistema'
+		},
+		{
+			nome: 'ti_usuarios.criar',
+			recurso: 'ti_usuarios',
+			acao: 'criar',
+			descricao: 'Criar novos usuários de acesso'
+		},
+		{
+			nome: 'ti_usuarios.editar',
+			recurso: 'ti_usuarios',
+			acao: 'editar',
+			descricao: 'Editar usuários de acesso'
+		},
+		{
+			nome: 'ti_usuarios.bloquear',
+			recurso: 'ti_usuarios',
+			acao: 'bloquear',
+			descricao: 'Bloquear ou desbloquear usuários'
+		},
+		// TI - Perfis
+		{
+			nome: 'ti_perfis.listar',
+			recurso: 'ti_perfis',
+			acao: 'listar',
+			descricao: 'Listar perfis de acesso'
+		},
+		{
+			nome: 'ti_perfis.criar',
+			recurso: 'ti_perfis',
+			acao: 'criar',
+			descricao: 'Criar novos perfis de acesso'
+		},
+		{
+			nome: 'ti_perfis.editar',
+			recurso: 'ti_perfis',
+			acao: 'editar',
+			descricao: 'Editar perfis de acesso'
+		},
+		// TI - Painel de Permissões
+		{
+			nome: 'ti_painel_permissoes.gerenciar',
+			recurso: 'ti_painel_permissoes',
+			acao: 'gerenciar',
+			descricao: 'Gerenciar matriz de permissões por perfil'
+		},
+		// TI - Solicitações de Acesso
+		{
+			nome: 'ti_solicitacoes_acesso.ver',
+			recurso: 'ti_solicitacoes_acesso',
+			acao: 'ver',
+			descricao: 'Visualizar solicitações de acesso'
+		},
+		{
+			nome: 'ti_solicitacoes_acesso.aprovar',
+			recurso: 'ti_solicitacoes_acesso',
+			acao: 'aprovar',
+			descricao: 'Aprovar solicitações de acesso'
+		},
+		{
+			nome: 'ti_solicitacoes_acesso.reprovar',
+			recurso: 'ti_solicitacoes_acesso',
+			acao: 'reprovar',
+			descricao: 'Reprovar solicitações de acesso'
+		},
+		// TI - Configurações de E-mail
+		{
+			nome: 'ti_configuracoes_email.configurar',
+			recurso: 'ti_configuracoes_email',
+			acao: 'configurar',
+			descricao: 'Configurar parâmetros de envio de e-mail'
+		},
+		// TI - Monitoramento
+		{
+			nome: 'ti_monitoramento.ver',
+			recurso: 'ti_monitoramento',
+			acao: 'ver',
+			descricao: 'Acessar painel de monitoramento geral'
+		},
+		{
+			nome: 'ti_monitoramento_emails.ver',
+			recurso: 'ti_monitoramento_emails',
+			acao: 'ver',
+			descricao: 'Acessar monitoramento de envio de e-mails'
+		},
+		// TI - Notificações
+		{
+			nome: 'ti_notificacoes.configurar',
+			recurso: 'ti_notificacoes',
+			acao: 'configurar',
+			descricao: 'Configurar notificações do sistema'
+		},
+		// TI - Times
+		{
+			nome: 'ti_times.gerenciar',
+			recurso: 'ti_times',
+			acao: 'gerenciar',
+			descricao: 'Gerenciar times/equipes de TI'
+		},
+		// TI - Painel Administrativo
+		{
+			nome: 'ti_painel_administrativo.ver',
+			recurso: 'ti_painel_administrativo',
+			acao: 'ver',
+			descricao: 'Acessar painel administrativo de TI'
+		},
+		// Financeiro
+		{
+			nome: 'financeiro.ver',
+			recurso: 'financeiro',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de financeiro'
+		},
+		// Controladoria
+		{
+			nome: 'controladoria.ver',
+			recurso: 'controladoria',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de controladoria'
+		},
+		// Licitações
+		{
+			nome: 'licitacoes.ver',
+			recurso: 'licitacoes',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de licitações'
+		},
+		// Compras
+		{
+			nome: 'compras.ver',
+			recurso: 'compras',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de compras'
+		},
+		// Jurídico
+		{
+			nome: 'juridico.ver',
+			recurso: 'juridico',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo jurídico'
+		},
+		// Comunicação
+		{
+			nome: 'comunicacao.ver',
+			recurso: 'comunicacao',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de comunicação'
+		},
+		// Programas Esportivos
+		{
+			nome: 'programas_esportivos.ver',
+			recurso: 'programas_esportivos',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de programas esportivos'
+		},
+		// Secretaria Executiva
+		{
+			nome: 'secretaria_executiva.ver',
+			recurso: 'secretaria_executiva',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de secretaria executiva'
+		},
+		// Gestão de Pessoas
+		{
+			nome: 'gestao_pessoas.ver',
+			recurso: 'gestao_pessoas',
+			acao: 'ver',
+			descricao: 'Acessar telas do módulo de gestão de pessoas'
+		}
+	]
+} as const;
 
 export const listarRecursosEAcoes = query({
 	args: {},
@@ -33,10 +277,18 @@ export const listarRecursosEAcoes = query({
 			acoes: v.array(v.string())
 		})
 	),
-	handler: async () => {
-		return CATALOGO_RECURSOS.map((r) => ({
-			recurso: r.recurso,
-			acoes: [...r.acoes]
+	handler: async (ctx) => {
+		const permissoes = await ctx.db.query('permissoes').collect();
+
+		const recursos: Record<string, Set<string>> = {};
+		for (const perm of permissoes) {
+			const set = (recursos[perm.recurso] ||= new Set<string>());
+			set.add(perm.acao);
+		}
+
+		return Object.entries(recursos).map(([recurso, acoes]) => ({
+			recurso,
+			acoes: Array.from(acoes).sort()
 		}));
 	}
 });
@@ -56,7 +308,7 @@ export const listarPermissoesAcoesPorRole = query({
 			.withIndex('by_role', (q) => q.eq('roleId', args.roleId))
 			.collect();
 
-		// Carregar documentos de permissões
+		// Carregar documentos de permissões vinculadas a este role
 		const actionsByResource: Record<string, Set<string>> = {};
 		for (const rp of rolePerms) {
 			const perm = await ctx.db.get(rp.permissaoId);
@@ -65,13 +317,10 @@ export const listarPermissoesAcoesPorRole = query({
 			set.add(perm.acao);
 		}
 
-		// Normalizar para todos os recursos do catálogo
-		const result: Array<{ recurso: string; acoes: Array<string> }> = [];
-		for (const item of CATALOGO_RECURSOS) {
-			const granted = Array.from(actionsByResource[item.recurso] ?? new Set<string>());
-			result.push({ recurso: item.recurso, acoes: granted });
-		}
-		return result;
+		return Object.entries(actionsByResource).map(([recurso, acoes]) => ({
+			recurso,
+			acoes: Array.from(acoes).sort()
+		}));
 	}
 });
 
@@ -84,24 +333,12 @@ export const atualizarPermissaoAcao = mutation({
 	},
 	returns: v.null(),
 	handler: async (ctx, args) => {
-		// Garantir documento de permissão (recurso+acao)
-		let permissao = await ctx.db
+		// Buscar documento de permissão (recurso+acao)
+		const permissao = await ctx.db
 			.query('permissoes')
 			.withIndex('by_recurso_e_acao', (q) => q.eq('recurso', args.recurso).eq('acao', args.acao))
 			.first();
 
-		if (!permissao) {
-			const nome = `${args.recurso}.${args.acao}`;
-			const descricao = `Permite ${args.acao} em ${args.recurso}`;
-			const id = await ctx.db.insert('permissoes', {
-				nome,
-				descricao,
-				recurso: args.recurso,
-				acao: args.acao
-			});
-			permissao = await ctx.db.get(id);
-		}
-
 		if (!permissao) return null;
 
 		// Verificar vínculo atual
@@ -128,6 +365,36 @@ export const atualizarPermissaoAcao = mutation({
 	}
 });
 
+export const seedPermissoesBase = mutation({
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🔐 Seed de permissões base...');
+
+		for (const perm of PERMISSOES_BASE.permissoes) {
+			const existente = await ctx.db
+				.query('permissoes')
+				.withIndex('by_nome', (q) => q.eq('nome', perm.nome))
+				.first();
+
+			if (existente) {
+				console.log(`  ℹ️ Permissão já existe: ${perm.nome}`);
+				continue;
+			}
+
+			await ctx.db.insert('permissoes', {
+				nome: perm.nome,
+				descricao: perm.descricao,
+				recurso: perm.recurso,
+				acao: perm.acao
+			});
+			console.log(`  ✅ Permissão criada: ${perm.nome}`);
+		}
+
+		return null;
+	}
+});
+
 export const verificarAcao = query({
 	args: {
 		usuarioId: v.id('usuarios'),
diff --git a/packages/backend/convex/roles.ts b/packages/backend/convex/roles.ts
index f21547e..6594a96 100644
--- a/packages/backend/convex/roles.ts
+++ b/packages/backend/convex/roles.ts
@@ -1,5 +1,5 @@
 import { v } from 'convex/values';
-import { query, mutation } from './_generated/server';
+import { internalMutation, query, mutation } from './_generated/server';
 import type { Id } from './_generated/dataModel';
 import { getCurrentUserFunction } from './auth';
 
@@ -98,13 +98,16 @@ export const criar = mutation({
 			permissoesParaCopiar = permissoesOrigem.map((item) => item.permissaoId);
 		}
 
-		const nivelAjustado = Math.min(Math.max(Math.round(args.nivel), 0), 10);
+		// Agora só existem níveis 0 e 1.
+		// 0 = máximo (acesso total), 1 = administrativo (também com acesso total).
+		// Qualquer valor informado diferente de 0 é normalizado para 1.
+		const nivelNormalizado = Math.round(args.nivel) <= 0 ? 0 : 1;
 		const setor = args.setor?.trim();
 
 		const roleId = await ctx.db.insert('roles', {
 			nome: nomeNormalizado,
 			descricao: args.descricao.trim() || args.nome.trim(),
-			nivel: nivelAjustado,
+			nivel: nivelNormalizado,
 			setor: setor && setor.length > 0 ? setor : undefined,
 			customizado: true,
 			criadoPor: usuarioAtual._id,
@@ -123,3 +126,26 @@ export const criar = mutation({
 		return { sucesso: true as const, roleId };
 	}
 });
+
+/**
+ * Migração de níveis de roles para o novo modelo (apenas 0 e 1).
+ * - Mantém níveis 0 e 1 como estão.
+ * - Converte qualquer nível > 1 para 1.
+ */
+export const migrarNiveisRoles = internalMutation({
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		const roles = await ctx.db.query('roles').collect();
+
+		for (const role of roles) {
+			if (role.nivel <= 1) continue;
+
+			await ctx.db.patch(role._id, {
+				nivel: 1
+			});
+		}
+
+		return null;
+	}
+});
diff --git a/packages/backend/convex/seed.ts b/packages/backend/convex/seed.ts
index 3b19f67..2af404c 100644
--- a/packages/backend/convex/seed.ts
+++ b/packages/backend/convex/seed.ts
@@ -1,484 +1,469 @@
-import {
-  action,
-  internalAction,
-  internalMutation,
-  mutation,
-  query,
-} from "./_generated/server";
-import { internal } from "./_generated/api";
-import { v } from "convex/values";
-import { hashPassword } from "./auth/utils";
-import { Id } from "./_generated/dataModel";
-import { createAuthUser } from "./auth";
+import { internalAction, internalMutation, mutation, query } from './_generated/server';
+import { internal, api } from './_generated/api';
+import { v } from 'convex/values';
+// import { hashPassword } from './auth/utils';
+import { Id } from './_generated/dataModel';
+import { createAuthUser } from './auth';
 
 // Dados exportados do Convex Cloud
 const simbolosData = [
-  {
-    descricao: "Cargo de Direção e Assessoramento Superior - 5",
-    nome: "DAS-5",
-    repValor: "4747.84",
-    tipo: "cargo_comissionado" as const,
-    valor: "5934.80",
-    vencValor: "1186.96",
-  },
-  {
-    descricao: "Cargo de Direção e Assessoramento Superior - 3",
-    nome: "DAS-3",
-    repValor: "6273.92",
-    tipo: "cargo_comissionado" as const,
-    valor: "7842.40",
-    vencValor: "1568.48",
-  },
-  {
-    descricao: "Cargo de Direção e Assessoramento Superior -2",
-    nome: "DAS - 2",
-    repValor: "7460.87",
-    tipo: "cargo_comissionado" as const,
-    valor: "9326.09",
-    vencValor: "1865.22",
-  },
-  {
-    descricao: "Cargo de Apoio e Assessoramento - 1",
-    nome: "CAA-1",
-    repValor: "4120.43",
-    tipo: "cargo_comissionado" as const,
-    valor: "5150.54",
-    vencValor: "1030.11",
-  },
-  {
-    descricao: "Função Gratificada de Direção e Assessoramento",
-    nome: "FDA",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "7460.87",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Supervisão - 3",
-    nome: "CAA - 3",
-    repValor: "2204.36",
-    tipo: "cargo_comissionado" as const,
-    valor: "2755.45",
-    vencValor: "551.09",
-  },
-  {
-    descricao: "Função Gratificada de Direção e Assessoramento -1",
-    nome: "FDA-1",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "6273.92",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Direção e Assessoramento -2",
-    nome: "FDA -2",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "5765.22",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Direção e Assessoramento - 3",
-    nome: "FDA - 3",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "4747.83",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Direção e Assessoramento - 4",
-    nome: "FDA - 4",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "3391.31",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Supervisão - 1",
-    nome: "FGS -1 ",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "1532.08",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Supervisão - 2",
-    nome: "FGS - 2",
-    repValor: "",
-    tipo: "funcao_gratificada" as const,
-    valor: "934.74",
-    vencValor: "",
-  },
-  {
-    descricao: "Função Gratificada de Supervisão - 2",
-    nome: "CAA - 2",
-    repValor: "3391.31",
-    tipo: "cargo_comissionado" as const,
-    valor: "4239.14",
-    vencValor: "847.83",
-  },
+	{
+		descricao: 'Cargo de Direção e Assessoramento Superior - 5',
+		nome: 'DAS-5',
+		repValor: '4747.84',
+		tipo: 'cargo_comissionado' as const,
+		valor: '5934.80',
+		vencValor: '1186.96'
+	},
+	{
+		descricao: 'Cargo de Direção e Assessoramento Superior - 3',
+		nome: 'DAS-3',
+		repValor: '6273.92',
+		tipo: 'cargo_comissionado' as const,
+		valor: '7842.40',
+		vencValor: '1568.48'
+	},
+	{
+		descricao: 'Cargo de Direção e Assessoramento Superior -2',
+		nome: 'DAS - 2',
+		repValor: '7460.87',
+		tipo: 'cargo_comissionado' as const,
+		valor: '9326.09',
+		vencValor: '1865.22'
+	},
+	{
+		descricao: 'Cargo de Apoio e Assessoramento - 1',
+		nome: 'CAA-1',
+		repValor: '4120.43',
+		tipo: 'cargo_comissionado' as const,
+		valor: '5150.54',
+		vencValor: '1030.11'
+	},
+	{
+		descricao: 'Função Gratificada de Direção e Assessoramento',
+		nome: 'FDA',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '7460.87',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Supervisão - 3',
+		nome: 'CAA - 3',
+		repValor: '2204.36',
+		tipo: 'cargo_comissionado' as const,
+		valor: '2755.45',
+		vencValor: '551.09'
+	},
+	{
+		descricao: 'Função Gratificada de Direção e Assessoramento -1',
+		nome: 'FDA-1',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '6273.92',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Direção e Assessoramento -2',
+		nome: 'FDA -2',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '5765.22',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Direção e Assessoramento - 3',
+		nome: 'FDA - 3',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '4747.83',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Direção e Assessoramento - 4',
+		nome: 'FDA - 4',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '3391.31',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Supervisão - 1',
+		nome: 'FGS -1 ',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '1532.08',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Supervisão - 2',
+		nome: 'FGS - 2',
+		repValor: '',
+		tipo: 'funcao_gratificada' as const,
+		valor: '934.74',
+		vencValor: ''
+	},
+	{
+		descricao: 'Função Gratificada de Supervisão - 2',
+		nome: 'CAA - 2',
+		repValor: '3391.31',
+		tipo: 'cargo_comissionado' as const,
+		valor: '4239.14',
+		vencValor: '847.83'
+	}
 ];
 
 const funcionariosData = [
-  {
-    admissaoData: "01/01/2000",
-    cep: "50740500",
-    cidade: "Recife",
-    cpf: "04281554645",
-    email: "kilder@kilder.com.br",
-    endereco: "Rua Bernardino Alves Maia, Várzea",
-    matricula: "4585",
-    nascimento: "01/01/2000",
-    nome: "Madson Kilder",
-    rg: "123456122",
-    simboloNome: "DAS-3", // Será convertido para ID
-    simboloTipo: "cargo_comissionado" as const,
-    telefone: "8101234564",
-    uf: "PE",
-  },
-  {
-    admissaoData: "01/01/2000",
-    cep: "50740400",
-    cidade: "Recife",
-    cpf: "05129038401",
-    email: "princesalves@gmail.com",
-    endereco: "Rua Deputado Cunha Rabelo, Várzea",
-    matricula: "123456",
-    nascimento: "05/01/1985",
-    nome: "Princes Alves rocha wanderley",
-    rg: "639541200",
-    simboloNome: "FDA-1", // Será convertido para ID
-    simboloTipo: "funcao_gratificada" as const,
-    telefone: "81123456455",
-    uf: "PE",
-  },
-  {
-    admissaoData: "01/10/2025",
-    cep: "50740400",
-    cidade: "Recife",
-    cpf: "06102637496",
-    email: "deyvison.wanderley@gmail.com",
-    endereco: "Rua Deputado Cunha Rabelo, Várzea",
-    matricula: "256220",
-    nascimento: "16/03/1985",
-    nome: "Deyvison de França Wanderley",
-    rg: "6347974",
-    simboloNome: "CAA-1", // Será convertido para ID
-    simboloTipo: "cargo_comissionado" as const,
-    telefone: "81994235551",
-    uf: "PE",
-  },
+	{
+		admissaoData: '01/01/2000',
+		cep: '50740500',
+		cidade: 'Recife',
+		cpf: '04281554645',
+		email: 'kilder@kilder.com.br',
+		endereco: 'Rua Bernardino Alves Maia, Várzea',
+		matricula: '4585',
+		nascimento: '01/01/2000',
+		nome: 'Madson Kilder',
+		rg: '123456122',
+		simboloNome: 'DAS-3', // Será convertido para ID
+		simboloTipo: 'cargo_comissionado' as const,
+		telefone: '8101234564',
+		uf: 'PE'
+	},
+	{
+		admissaoData: '01/01/2000',
+		cep: '50740400',
+		cidade: 'Recife',
+		cpf: '05129038401',
+		email: 'princesalves@gmail.com',
+		endereco: 'Rua Deputado Cunha Rabelo, Várzea',
+		matricula: '123456',
+		nascimento: '05/01/1985',
+		nome: 'Princes Alves rocha wanderley',
+		rg: '639541200',
+		simboloNome: 'FDA-1', // Será convertido para ID
+		simboloTipo: 'funcao_gratificada' as const,
+		telefone: '81123456455',
+		uf: 'PE'
+	},
+	{
+		admissaoData: '01/10/2025',
+		cep: '50740400',
+		cidade: 'Recife',
+		cpf: '06102637496',
+		email: 'deyvison.wanderley@gmail.com',
+		endereco: 'Rua Deputado Cunha Rabelo, Várzea',
+		matricula: '256220',
+		nascimento: '16/03/1985',
+		nome: 'Deyvison de França Wanderley',
+		rg: '6347974',
+		simboloNome: 'CAA-1', // Será convertido para ID
+		simboloTipo: 'cargo_comissionado' as const,
+		telefone: '81994235551',
+		uf: 'PE'
+	}
 ];
 
 const solicitacoesAcessoData = [
-  {
-    dataResposta: 1761445098933,
-    dataSolicitacao: 1761445038329,
-    email: "severino@gmail.com",
-    matricula: "3231",
-    nome: "Severino Gates",
-    observacoes: "Aprovação realizada por Deyvison",
-    status: "aprovado" as const,
-    telefone: "(81) 9942-3551",
-  },
-  {
-    dataSolicitacao: 1761445187258,
-    email: "michaeljackson@gmail.com",
-    matricula: "123321",
-    nome: "Michael Jackson",
-    status: "pendente" as const,
-    telefone: "(81) 99423-5551",
-  },
+	{
+		dataResposta: 1761445098933,
+		dataSolicitacao: 1761445038329,
+		email: 'severino@gmail.com',
+		matricula: '3231',
+		nome: 'Severino Gates',
+		observacoes: 'Aprovação realizada por Deyvison',
+		status: 'aprovado' as const,
+		telefone: '(81) 9942-3551'
+	},
+	{
+		dataSolicitacao: 1761445187258,
+		email: 'michaeljackson@gmail.com',
+		matricula: '123321',
+		nome: 'Michael Jackson',
+		status: 'pendente' as const,
+		telefone: '(81) 99423-5551'
+	}
 ];
 
 /**
  * Seed inicial do banco de dados com os dados exportados do Convex Cloud
  */
 export const seedCreateRoles = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("🔐 Criando roles...");
-    const ensureRole = async (
-      nome: string,
-      descricao: string,
-      nivel: number,
-      setor?: string,
-      editavel?: boolean
-    ) => {
-      const existing = await ctx.db
-        .query("roles")
-        .withIndex("by_nome", (q) => q.eq("nome", nome))
-        .first();
-      if (existing) {
-        console.log(`  ℹ️ Role já existe: ${nome}`);
-        return existing._id;
-      }
-      const id = await ctx.db.insert("roles", {
-        nome,
-        descricao,
-        nivel,
-        setor,
-        customizado: false,
-        editavel,
-      });
-      console.log(`  ✅ Role criada: ${nome}`);
-      return id;
-    };
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🔐 Criando roles...');
+		const ensureRole = async (
+			nome: string,
+			descricao: string,
+			nivel: number,
+			setor?: string,
+			editavel?: boolean
+		) => {
+			const existing = await ctx.db
+				.query('roles')
+				.withIndex('by_nome', (q) => q.eq('nome', nome))
+				.first();
+			if (existing) {
+				console.log(`  ℹ️ Role já existe: ${nome}`);
+				return existing._id;
+			}
+			const id = await ctx.db.insert('roles', {
+				nome,
+				descricao,
+				nivel,
+				setor,
+				customizado: false,
+				editavel
+			});
+			console.log(`  ✅ Role criada: ${nome}`);
+			return id;
+		};
 
-    await ensureRole("ti_master", "TI Master", 0, "ti", false);
-    await ensureRole("admin", "Administrador Geral", 2, "administrativo", true);
-    await ensureRole("ti_usuario", "TI Usuário", 2, "ti", true);
-    await ensureRole("rh", "Recursos Humanos", 2, "recursos_humanos", false);
-    await ensureRole("financeiro", "Financeiro", 2, "financeiro", false);
-    await ensureRole("usuario", "Usuário Padrão", 3, undefined, false);
-    // Encadeia próxima etapa
-    await ctx.scheduler.runAfter(0, internal.seed.seedCreateSimbolos, {});
-    return null;
-  },
+		// Níveis agora são apenas 0 e 1.
+		// 0 = máximo, 1 = administrativo (ambos com acesso total).
+		await ensureRole('ti_master', 'TI Master', 0, 'ti', false);
+		await ensureRole('admin', 'Administrador Geral', 1, 'administrativo', true);
+		await ensureRole('ti_usuario', 'TI Usuário', 1, 'ti', true);
+		await ensureRole('rh', 'Recursos Humanos', 1, 'recursos_humanos', false);
+		await ensureRole('financeiro', 'Financeiro', 1, 'financeiro', false);
+		await ensureRole('usuario', 'Usuário Padrão', 1, undefined, false);
+		// Encadeia próximas etapas
+		await ctx.scheduler.runAfter(0, internal.seed.seedCreateSimbolos, {});
+		await ctx.scheduler.runAfter(0, internal.seed.seedCreatePermissoesBase, {});
+		return null;
+	}
+});
+
+export const seedCreatePermissoesBase = internalMutation({
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🔐 Criando permissões base...');
+		await ctx.runMutation(api.permissoesAcoes.seedPermissoesBase, {});
+		return null;
+	}
 });
 
 export const seedCreateSimbolos = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("💰 Criando símbolos...");
-    const existentes = await ctx.db.query("simbolos").collect();
-    const nomesExistentes = new Set(existentes.map((s) => s.nome));
-    for (const simbolo of simbolosData) {
-      if (nomesExistentes.has(simbolo.nome)) {
-        console.log(`  ℹ️ Símbolo já existe: ${simbolo.nome}`);
-        continue;
-      }
-      await ctx.db.insert("simbolos", {
-        nome: simbolo.nome,
-        descricao: simbolo.descricao,
-        tipo: simbolo.tipo,
-        valor: simbolo.valor,
-        repValor: simbolo.repValor || "",
-        vencValor: simbolo.vencValor || "",
-      });
-      console.log(`  ✅ Símbolo criado: ${simbolo.nome}`);
-    }
-    // Encadeia próxima etapa
-    await ctx.scheduler.runAfter(0, internal.seed.seedCreateFuncionarios, {});
-    return null;
-  },
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('💰 Criando símbolos...');
+		const existentes = await ctx.db.query('simbolos').collect();
+		const nomesExistentes = new Set(existentes.map((s) => s.nome));
+		for (const simbolo of simbolosData) {
+			if (nomesExistentes.has(simbolo.nome)) {
+				console.log(`  ℹ️ Símbolo já existe: ${simbolo.nome}`);
+				continue;
+			}
+			await ctx.db.insert('simbolos', {
+				nome: simbolo.nome,
+				descricao: simbolo.descricao,
+				tipo: simbolo.tipo,
+				valor: simbolo.valor,
+				repValor: simbolo.repValor || '',
+				vencValor: simbolo.vencValor || ''
+			});
+			console.log(`  ✅ Símbolo criado: ${simbolo.nome}`);
+		}
+		// Encadeia próxima etapa
+		await ctx.scheduler.runAfter(0, internal.seed.seedCreateFuncionarios, {});
+		return null;
+	}
 });
 
 export const seedCreateFuncionarios = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("👥 Criando funcionários...");
-    const simbolos = await ctx.db.query("simbolos").collect();
-    const simbolosMap = new Map<string, Id<"simbolos">>();
-    for (const s of simbolos) {
-      simbolosMap.set(s.nome, s._id as Id<"simbolos">);
-    }
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('👥 Criando funcionários...');
+		const simbolos = await ctx.db.query('simbolos').collect();
+		const simbolosMap = new Map<string, Id<'simbolos'>>();
+		for (const s of simbolos) {
+			simbolosMap.set(s.nome, s._id as Id<'simbolos'>);
+		}
 
-    for (const funcionario of funcionariosData) {
-      // Evitar duplicar por CPF
-      const existente = await ctx.db
-        .query("funcionarios")
-        .withIndex("by_cpf", (q) => q.eq("cpf", funcionario.cpf))
-        .first();
-      if (existente) {
-        console.log(
-          `  ℹ️ Funcionário já existe (CPF ${funcionario.cpf}): ${existente.nome}`
-        );
-        continue;
-      }
-      const simboloId = simbolosMap.get(funcionario.simboloNome);
-      if (!simboloId) {
-        console.log(`  ❌ Símbolo não encontrado: ${funcionario.simboloNome}`);
-        continue;
-      }
-      await ctx.db.insert("funcionarios", {
-        admissaoData: funcionario.admissaoData,
-        cep: funcionario.cep,
-        cidade: funcionario.cidade,
-        cpf: funcionario.cpf,
-        email: funcionario.email,
-        endereco: funcionario.endereco,
-        matricula: funcionario.matricula,
-        nascimento: funcionario.nascimento,
-        nome: funcionario.nome,
-        rg: funcionario.rg,
-        simboloId: simboloId as Id<"simbolos">,
-        simboloTipo: funcionario.simboloTipo,
-        telefone: funcionario.telefone,
-        uf: funcionario.uf,
-      });
-      console.log(`  ✅ Funcionário criado: ${funcionario.nome}`);
-    }
-    // Encadeia próxima etapa
-    await ctx.scheduler.runAfter(
-      0,
-      internal.seed.seedCreateUsuariosParaFuncionarios,
-      {}
-    );
-    return null;
-  },
+		for (const funcionario of funcionariosData) {
+			// Evitar duplicar por CPF
+			const existente = await ctx.db
+				.query('funcionarios')
+				.withIndex('by_cpf', (q) => q.eq('cpf', funcionario.cpf))
+				.first();
+			if (existente) {
+				console.log(`  ℹ️ Funcionário já existe (CPF ${funcionario.cpf}): ${existente.nome}`);
+				continue;
+			}
+			const simboloId = simbolosMap.get(funcionario.simboloNome);
+			if (!simboloId) {
+				console.log(`  ❌ Símbolo não encontrado: ${funcionario.simboloNome}`);
+				continue;
+			}
+			await ctx.db.insert('funcionarios', {
+				admissaoData: funcionario.admissaoData,
+				cep: funcionario.cep,
+				cidade: funcionario.cidade,
+				cpf: funcionario.cpf,
+				email: funcionario.email,
+				endereco: funcionario.endereco,
+				matricula: funcionario.matricula,
+				nascimento: funcionario.nascimento,
+				nome: funcionario.nome,
+				rg: funcionario.rg,
+				simboloId: simboloId as Id<'simbolos'>,
+				simboloTipo: funcionario.simboloTipo,
+				telefone: funcionario.telefone,
+				uf: funcionario.uf
+			});
+			console.log(`  ✅ Funcionário criado: ${funcionario.nome}`);
+		}
+		// Encadeia próxima etapa
+		await ctx.scheduler.runAfter(0, internal.seed.seedCreateUsuariosParaFuncionarios, {});
+		return null;
+	}
 });
 
 export const seedCreateUsuariosParaFuncionarios = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("👤 Criando usuários para funcionários...");
-    // Agenda criação por funcionário para evitar timeout
-    let delay = 0;
-    for (const funcionario of funcionariosData) {
-      await ctx.scheduler.runAfter(
-        delay,
-        internal.seed.seedCreateUsuarioParaFuncionario,
-        {
-          matricula: funcionario.matricula,
-          nome: funcionario.nome,
-          email: funcionario.email,
-        }
-      );
-      delay += 50;
-    }
-    // Agenda próxima etapa após as criações individuais
-    await ctx.scheduler.runAfter(
-      delay + 300,
-      internal.seed.seedInserirSolicitacoesAcesso,
-      {}
-    );
-    return null;
-  },
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('👤 Criando usuários para funcionários...');
+		// Agenda criação por funcionário para evitar timeout
+		let delay = 0;
+		for (const funcionario of funcionariosData) {
+			await ctx.scheduler.runAfter(delay, internal.seed.seedCreateUsuarioParaFuncionario, {
+				matricula: funcionario.matricula,
+				nome: funcionario.nome,
+				email: funcionario.email
+			});
+			delay += 50;
+		}
+		// Agenda próxima etapa após as criações individuais
+		await ctx.scheduler.runAfter(delay + 300, internal.seed.seedInserirSolicitacoesAcesso, {});
+		return null;
+	}
 });
 
 export const seedCreateUsuarioParaFuncionario = internalMutation({
-  args: {
-    matricula: v.string(),
-    nome: v.string(),
-    email: v.string(),
-  },
-  returns: v.null(),
-  handler: async (ctx, args) => {
-    // Role "usuario"
-    const roleUsuario = await ctx.db
-      .query("roles")
-      .withIndex("by_nome", (q) => q.eq("nome", "usuario"))
-      .first();
-    if (!roleUsuario) {
-      console.log('  ❌ Role "usuario" não encontrada');
-      return null;
-    }
+	args: {
+		matricula: v.string(),
+		nome: v.string(),
+		email: v.string()
+	},
+	returns: v.null(),
+	handler: async (ctx, args) => {
+		// Role "usuario"
+		const roleUsuario = await ctx.db
+			.query('roles')
+			.withIndex('by_nome', (q) => q.eq('nome', 'usuario'))
+			.first();
+		if (!roleUsuario) {
+			console.log('  ❌ Role "usuario" não encontrada');
+			return null;
+		}
 
-    const funcionarioDoc = await ctx.db
-      .query("funcionarios")
-      .withIndex("by_matricula", (q) => q.eq("matricula", args.matricula))
-      .first();
-    if (!funcionarioDoc) {
-      console.log(
-        `  ❌ Funcionário não encontrado pela matrícula: ${args.matricula}`
-      );
-      return null;
-    }
+		const funcionarioDoc = await ctx.db
+			.query('funcionarios')
+			.withIndex('by_matricula', (q) => q.eq('matricula', args.matricula))
+			.first();
+		if (!funcionarioDoc) {
+			console.log(`  ❌ Funcionário não encontrado pela matrícula: ${args.matricula}`);
+			return null;
+		}
 
-    const usuarioExistente = await ctx.db
-      .query("usuarios")
-      .withIndex("by_email", (q) => q.eq("email", args.email))
-      .first();
-    if (usuarioExistente) {
-      console.log(`  ℹ️ Usuário já existe para ${args.email}`);
-      return null;
-    }
+		const usuarioExistente = await ctx.db
+			.query('usuarios')
+			.withIndex('by_email', (q) => q.eq('email', args.email))
+			.first();
+		if (usuarioExistente) {
+			console.log(`  ℹ️ Usuário já existe para ${args.email}`);
+			return null;
+		}
 
-    const authUserId = await createAuthUser(ctx, {
-      nome: args.nome,
-      email: args.email,
-      password: "Mudar@123",
-    });
+		const authUserId = await createAuthUser(ctx, {
+			nome: args.nome,
+			email: args.email,
+			password: 'Mudar@123'
+		});
 
-    await ctx.db.insert("usuarios", {
-      authId: authUserId,
-      nome: args.nome,
-      email: args.email,
-      funcionarioId: funcionarioDoc._id as Id<"funcionarios">,
-      roleId: roleUsuario._id,
-      ativo: true,
-      primeiroAcesso: true,
-      criadoEm: Date.now(),
-      atualizadoEm: Date.now(),
-    });
-    console.log(`  ✅ Usuário criado: ${args.nome} (senha: Mudar@123)`);
-    return null;
-  },
+		await ctx.db.insert('usuarios', {
+			authId: authUserId,
+			nome: args.nome,
+			email: args.email,
+			funcionarioId: funcionarioDoc._id as Id<'funcionarios'>,
+			roleId: roleUsuario._id,
+			ativo: true,
+			primeiroAcesso: true,
+			criadoEm: Date.now(),
+			atualizadoEm: Date.now()
+		});
+		console.log(`  ✅ Usuário criado: ${args.nome} (senha: Mudar@123)`);
+		return null;
+	}
 });
 
 export const seedInserirSolicitacoesAcesso = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("📋 Inserindo solicitações de acesso...");
-    for (const solicitacao of solicitacoesAcessoData) {
-      // Evitar duplicidade por matrícula
-      const existente = await ctx.db
-        .query("solicitacoesAcesso")
-        .withIndex("by_matricula", (q) =>
-          q.eq("matricula", solicitacao.matricula)
-        )
-        .first();
-      if (existente) {
-        console.log(
-          `  ℹ️ Solicitação já existe p/ matrícula ${solicitacao.matricula}`
-        );
-        continue;
-      }
-      const dadosSolicitacao: {
-        nome: string;
-        matricula: string;
-        email: string;
-        telefone: string;
-        status: "pendente" | "aprovado" | "rejeitado";
-        dataSolicitacao: number;
-        dataResposta?: number;
-        observacoes?: string;
-      } = {
-        nome: solicitacao.nome,
-        matricula: solicitacao.matricula,
-        email: solicitacao.email,
-        telefone: solicitacao.telefone,
-        status: solicitacao.status,
-        dataSolicitacao: solicitacao.dataSolicitacao,
-      };
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('📋 Inserindo solicitações de acesso...');
+		for (const solicitacao of solicitacoesAcessoData) {
+			// Evitar duplicidade por matrícula
+			const existente = await ctx.db
+				.query('solicitacoesAcesso')
+				.withIndex('by_matricula', (q) => q.eq('matricula', solicitacao.matricula))
+				.first();
+			if (existente) {
+				console.log(`  ℹ️ Solicitação já existe p/ matrícula ${solicitacao.matricula}`);
+				continue;
+			}
+			const dadosSolicitacao: {
+				nome: string;
+				matricula: string;
+				email: string;
+				telefone: string;
+				status: 'pendente' | 'aprovado' | 'rejeitado';
+				dataSolicitacao: number;
+				dataResposta?: number;
+				observacoes?: string;
+			} = {
+				nome: solicitacao.nome,
+				matricula: solicitacao.matricula,
+				email: solicitacao.email,
+				telefone: solicitacao.telefone,
+				status: solicitacao.status,
+				dataSolicitacao: solicitacao.dataSolicitacao
+			};
 
-      if (solicitacao.dataResposta) {
-        dadosSolicitacao.dataResposta = solicitacao.dataResposta;
-      }
+			if (solicitacao.dataResposta) {
+				dadosSolicitacao.dataResposta = solicitacao.dataResposta;
+			}
 
-      if (solicitacao.observacoes) {
-        dadosSolicitacao.observacoes = solicitacao.observacoes;
-      }
+			if (solicitacao.observacoes) {
+				dadosSolicitacao.observacoes = solicitacao.observacoes;
+			}
 
-      await ctx.db.insert("solicitacoesAcesso", dadosSolicitacao);
-      console.log(
-        `  ✅ Solicitação criada: ${solicitacao.nome} (${solicitacao.status})`
-      );
-    }
-    console.log("✨ Seed concluído!");
-    return null;
-  },
+			await ctx.db.insert('solicitacoesAcesso', dadosSolicitacao);
+			console.log(`  ✅ Solicitação criada: ${solicitacao.nome} (${solicitacao.status})`);
+		}
+		console.log('✨ Seed concluído!');
+		return null;
+	}
 });
 
 export const seedDatabase = internalAction({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("🌱 Iniciando seed do banco de dados (action)...");
-    await ctx.runMutation(internal.seed.seedCreateRoles, {});
-    await ctx.runMutation(internal.seed.seedCreateSimbolos, {});
-    await ctx.runMutation(internal.seed.seedCreateFuncionarios, {});
-    await ctx.runMutation(internal.seed.seedCreateUsuariosParaFuncionarios, {});
-    await ctx.runMutation(internal.seed.seedInserirSolicitacoesAcesso, {});
-    console.log("✨ Seed do banco de dados concluído com sucesso pela action!");
-    return null;
-  },
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🌱 Iniciando seed do banco de dados (action)...');
+		await ctx.runMutation(internal.seed.seedCreateRoles, {});
+		await ctx.runMutation(internal.seed.seedCreateSimbolos, {});
+		await ctx.runMutation(internal.seed.seedCreateFuncionarios, {});
+		await ctx.runMutation(internal.seed.seedCreateUsuariosParaFuncionarios, {});
+		await ctx.runMutation(internal.seed.seedInserirSolicitacoesAcesso, {});
+		console.log('✨ Seed do banco de dados concluído com sucesso pela action!');
+		return null;
+	}
 });
 
 /**
@@ -486,275 +471,243 @@ export const seedDatabase = internalAction({
  * Permite executar via CLI: `npx convex run seed:popularBanco`
  */
 export const popularBanco = mutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log(
-      "🌱 Executando popularBanco (wrapper público para seedDatabase)..."
-    );
-    // Agenda apenas a primeira etapa; as demais serão encadeadas internamente
-    await ctx.scheduler.runAfter(0, internal.seed.seedCreateRoles, {});
-    console.log("✅ Seed iniciado (etapa 1 agendada)");
-    return null;
-  },
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🌱 Executando popularBanco (wrapper público para seedDatabase)...');
+		// Agenda apenas a primeira etapa; as demais serão encadeadas internamente
+		await ctx.scheduler.runAfter(0, internal.seed.seedCreateRoles, {});
+		console.log('✅ Seed iniciado (etapa 1 agendada)');
+		return null;
+	}
 });
 
 /**
  * Limpar todos os dados do banco
  */
 export const clearDatabase = internalMutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    console.log("🗑️  Limpando banco de dados...");
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		console.log('🗑️  Limpando banco de dados...');
 
-    // Limpar em ordem (respeitando dependências)
+		// Limpar em ordem (respeitando dependências)
 
-    // 1. Tabelas de logs e auditoria
-    const logsAcesso = await ctx.db.query("logsAcesso").collect();
-    for (const log of logsAcesso) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
+		// 1. Tabelas de logs e auditoria
+		const logsAcesso = await ctx.db.query('logsAcesso').collect();
+		for (const log of logsAcesso) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
 
-    const logsLogin = await ctx.db.query("logsLogin").collect();
-    for (const log of logsLogin) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
+		const logsLogin = await ctx.db.query('logsLogin').collect();
+		for (const log of logsLogin) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
 
-    const logsAtividades = await ctx.db.query("logsAtividades").collect();
-    for (const log of logsAtividades) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
+		const logsAtividades = await ctx.db.query('logsAtividades').collect();
+		for (const log of logsAtividades) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
 
-    // 2. Sistema de chat
-    const leituras = await ctx.db.query("leituras").collect();
-    for (const leitura of leituras) {
-      await ctx.db.delete(leitura._id);
-    }
-    console.log(`  ✅ ${leituras.length} leituras removidas`);
+		// 2. Sistema de chat
+		const leituras = await ctx.db.query('leituras').collect();
+		for (const leitura of leituras) {
+			await ctx.db.delete(leitura._id);
+		}
+		console.log(`  ✅ ${leituras.length} leituras removidas`);
 
-    const mensagens = await ctx.db.query("mensagens").collect();
-    for (const mensagem of mensagens) {
-      await ctx.db.delete(mensagem._id);
-    }
-    console.log(`  ✅ ${mensagens.length} mensagens removidas`);
+		const mensagens = await ctx.db.query('mensagens').collect();
+		for (const mensagem of mensagens) {
+			await ctx.db.delete(mensagem._id);
+		}
+		console.log(`  ✅ ${mensagens.length} mensagens removidas`);
 
-    const digitando = await ctx.db.query("digitando").collect();
-    for (const d of digitando) {
-      await ctx.db.delete(d._id);
-    }
-    console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
+		const digitando = await ctx.db.query('digitando').collect();
+		for (const d of digitando) {
+			await ctx.db.delete(d._id);
+		}
+		console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
 
-    const conversas = await ctx.db.query("conversas").collect();
-    for (const conversa of conversas) {
-      await ctx.db.delete(conversa._id);
-    }
-    console.log(`  ✅ ${conversas.length} conversas removidas`);
+		const conversas = await ctx.db.query('conversas').collect();
+		for (const conversa of conversas) {
+			await ctx.db.delete(conversa._id);
+		}
+		console.log(`  ✅ ${conversas.length} conversas removidas`);
 
-    // 3. Notificações
-    const notificacoes = await ctx.db.query("notificacoes").collect();
-    for (const notificacao of notificacoes) {
-      await ctx.db.delete(notificacao._id);
-    }
-    console.log(`  ✅ ${notificacoes.length} notificações removidas`);
+		// 3. Notificações
+		const notificacoes = await ctx.db.query('notificacoes').collect();
+		for (const notificacao of notificacoes) {
+			await ctx.db.delete(notificacao._id);
+		}
+		console.log(`  ✅ ${notificacoes.length} notificações removidas`);
 
-    const notificacoesEmail = await ctx.db.query("notificacoesEmail").collect();
-    for (const email of notificacoesEmail) {
-      await ctx.db.delete(email._id);
-    }
-    console.log(
-      `  ✅ ${notificacoesEmail.length} notificações de email removidas`
-    );
+		const notificacoesEmail = await ctx.db.query('notificacoesEmail').collect();
+		for (const email of notificacoesEmail) {
+			await ctx.db.delete(email._id);
+		}
+		console.log(`  ✅ ${notificacoesEmail.length} notificações de email removidas`);
 
-    const notificacoesFerias = await ctx.db
-      .query("notificacoesFerias")
-      .collect();
-    for (const notif of notificacoesFerias) {
-      await ctx.db.delete(notif._id);
-    }
-    console.log(
-      `  ✅ ${notificacoesFerias.length} notificações de férias removidas`
-    );
+		const notificacoesFerias = await ctx.db.query('notificacoesFerias').collect();
+		for (const notif of notificacoesFerias) {
+			await ctx.db.delete(notif._id);
+		}
+		console.log(`  ✅ ${notificacoesFerias.length} notificações de férias removidas`);
 
-    // 4. Férias
-    const ferias = await ctx.db
-      .query("ferias")
-      .collect();
-    for (const feriasRegistro of ferias) {
-      await ctx.db.delete(feriasRegistro._id);
-    }
-    console.log(
-      `  ✅ ${ferias.length} registros de férias removidos`
-    );
+		// 4. Férias
+		const ferias = await ctx.db.query('ferias').collect();
+		for (const feriasRegistro of ferias) {
+			await ctx.db.delete(feriasRegistro._id);
+		}
+		console.log(`  ✅ ${ferias.length} registros de férias removidos`);
 
-    // 5. Atestados
-    const atestados = await ctx.db.query("atestados").collect();
-    for (const atestado of atestados) {
-      await ctx.db.delete(atestado._id);
-    }
-    console.log(`  ✅ ${atestados.length} atestados removidos`);
+		// 5. Atestados
+		const atestados = await ctx.db.query('atestados').collect();
+		for (const atestado of atestados) {
+			await ctx.db.delete(atestado._id);
+		}
+		console.log(`  ✅ ${atestados.length} atestados removidos`);
 
-    // 6. Times e membros
-    const timesMembros = await ctx.db.query("timesMembros").collect();
-    for (const membro of timesMembros) {
-      await ctx.db.delete(membro._id);
-    }
-    console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
+		// 6. Times e membros
+		const timesMembros = await ctx.db.query('timesMembros').collect();
+		for (const membro of timesMembros) {
+			await ctx.db.delete(membro._id);
+		}
+		console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
 
-    const times = await ctx.db.query("times").collect();
-    for (const time of times) {
-      await ctx.db.delete(time._id);
-    }
-    console.log(`  ✅ ${times.length} times removidos`);
+		const times = await ctx.db.query('times').collect();
+		for (const time of times) {
+			await ctx.db.delete(time._id);
+		}
+		console.log(`  ✅ ${times.length} times removidos`);
 
-    // 7. Cursos
-    const cursos = await ctx.db.query("cursos").collect();
-    for (const curso of cursos) {
-      await ctx.db.delete(curso._id);
-    }
-    console.log(`  ✅ ${cursos.length} cursos removidos`);
+		// 7. Cursos
+		const cursos = await ctx.db.query('cursos').collect();
+		for (const curso of cursos) {
+			await ctx.db.delete(curso._id);
+		}
+		console.log(`  ✅ ${cursos.length} cursos removidos`);
 
-    // 8. Bloqueios de usuários
-    const bloqueiosUsuarios = await ctx.db.query("bloqueiosUsuarios").collect();
-    for (const bloqueio of bloqueiosUsuarios) {
-      await ctx.db.delete(bloqueio._id);
-    }
-    console.log(
-      `  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`
-    );
+		// 8. Bloqueios de usuários
+		const bloqueiosUsuarios = await ctx.db.query('bloqueiosUsuarios').collect();
+		for (const bloqueio of bloqueiosUsuarios) {
+			await ctx.db.delete(bloqueio._id);
+		}
+		console.log(`  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`);
 
-    // 9. Perfis customizados
+		// 9. Perfis customizados
 
-    // 10. Templates de mensagens
-    const templatesMensagens = await ctx.db
-      .query("templatesMensagens")
-      .collect();
-    for (const template of templatesMensagens) {
-      await ctx.db.delete(template._id);
-    }
-    console.log(
-      `  ✅ ${templatesMensagens.length} templates de mensagens removidos`
-    );
+		// 10. Templates de mensagens
+		const templatesMensagens = await ctx.db.query('templatesMensagens').collect();
+		for (const template of templatesMensagens) {
+			await ctx.db.delete(template._id);
+		}
+		console.log(`  ✅ ${templatesMensagens.length} templates de mensagens removidos`);
 
-    // 11. Configurações
-    const configuracaoEmail = await ctx.db.query("configuracaoEmail").collect();
-    for (const config of configuracaoEmail) {
-      await ctx.db.delete(config._id);
-    }
-    console.log(
-      `  ✅ ${configuracaoEmail.length} configurações de email removidas`
-    );
+		// 11. Configurações
+		const configuracaoEmail = await ctx.db.query('configuracaoEmail').collect();
+		for (const config of configuracaoEmail) {
+			await ctx.db.delete(config._id);
+		}
+		console.log(`  ✅ ${configuracaoEmail.length} configurações de email removidas`);
 
-    const configuracaoAcesso = await ctx.db
-      .query("configuracaoAcesso")
-      .collect();
-    for (const config of configuracaoAcesso) {
-      await ctx.db.delete(config._id);
-    }
-    console.log(
-      `  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`
-    );
+		const configuracaoAcesso = await ctx.db.query('configuracaoAcesso').collect();
+		for (const config of configuracaoAcesso) {
+			await ctx.db.delete(config._id);
+		}
+		console.log(`  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`);
 
-    // 12. Monitoramento
-    const alertHistory = await ctx.db.query("alertHistory").collect();
-    for (const alert of alertHistory) {
-      await ctx.db.delete(alert._id);
-    }
-    console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
+		// 12. Monitoramento
+		const alertHistory = await ctx.db.query('alertHistory').collect();
+		for (const alert of alertHistory) {
+			await ctx.db.delete(alert._id);
+		}
+		console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
 
-    const alertConfigurations = await ctx.db
-      .query("alertConfigurations")
-      .collect();
-    for (const alert of alertConfigurations) {
-      await ctx.db.delete(alert._id);
-    }
-    console.log(
-      `  ✅ ${alertConfigurations.length} configurações de alertas removidas`
-    );
+		const alertConfigurations = await ctx.db.query('alertConfigurations').collect();
+		for (const alert of alertConfigurations) {
+			await ctx.db.delete(alert._id);
+		}
+		console.log(`  ✅ ${alertConfigurations.length} configurações de alertas removidas`);
 
-    const systemMetrics = await ctx.db.query("systemMetrics").collect();
-    for (const metric of systemMetrics) {
-      await ctx.db.delete(metric._id);
-    }
-    console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
+		const systemMetrics = await ctx.db.query('systemMetrics').collect();
+		for (const metric of systemMetrics) {
+			await ctx.db.delete(metric._id);
+		}
+		console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
 
-    // 13. Sessões
-    const sessoes = await ctx.db.query("sessoes").collect();
-    for (const sessao of sessoes) {
-      await ctx.db.delete(sessao._id);
-    }
-    console.log(`  ✅ ${sessoes.length} sessões removidas`);
+		// 13. Sessões
+		const sessoes = await ctx.db.query('sessoes').collect();
+		for (const sessao of sessoes) {
+			await ctx.db.delete(sessao._id);
+		}
+		console.log(`  ✅ ${sessoes.length} sessões removidas`);
 
-    // 14. Menu-permissões personalizadas
+		// 14. Menu-permissões personalizadas
 
-    // 15. Menu-permissões
+		// 15. Menu-permissões
 
-    // 16. Role-permissões
-    const rolePermissoes = await ctx.db.query("rolePermissoes").collect();
-    for (const rp of rolePermissoes) {
-      await ctx.db.delete(rp._id);
-    }
-    console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
+		// 16. Role-permissões
+		const rolePermissoes = await ctx.db.query('rolePermissoes').collect();
+		for (const rp of rolePermissoes) {
+			await ctx.db.delete(rp._id);
+		}
+		console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
 
-    // 17. Permissões
-    const permissoes = await ctx.db.query("permissoes").collect();
-    for (const permissao of permissoes) {
-      await ctx.db.delete(permissao._id);
-    }
-    console.log(`  ✅ ${permissoes.length} permissões removidas`);
+		// 17. Permissões
+		const permissoes = await ctx.db.query('permissoes').collect();
+		for (const permissao of permissoes) {
+			await ctx.db.delete(permissao._id);
+		}
+		console.log(`  ✅ ${permissoes.length} permissões removidas`);
 
-    // 18. Usuários (deve vir antes de roles se houver referência)
-    const usuarios = await ctx.db.query("usuarios").collect();
-    for (const usuario of usuarios) {
-      await ctx.db.delete(usuario._id);
-    }
-    console.log(`  ✅ ${usuarios.length} usuários removidos`);
+		// 18. Usuários (deve vir antes de roles se houver referência)
+		const usuarios = await ctx.db.query('usuarios').collect();
+		for (const usuario of usuarios) {
+			await ctx.db.delete(usuario._id);
+		}
+		console.log(`  ✅ ${usuarios.length} usuários removidos`);
 
-    // 19. Funcionários
-    const funcionarios = await ctx.db.query("funcionarios").collect();
-    for (const funcionario of funcionarios) {
-      await ctx.db.delete(funcionario._id);
-    }
-    console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
+		// 19. Funcionários
+		const funcionarios = await ctx.db.query('funcionarios').collect();
+		for (const funcionario of funcionarios) {
+			await ctx.db.delete(funcionario._id);
+		}
+		console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
 
-    // 20. Solicitações de acesso
-    const solicitacoesAcesso = await ctx.db
-      .query("solicitacoesAcesso")
-      .collect();
-    for (const solicitacao of solicitacoesAcesso) {
-      await ctx.db.delete(solicitacao._id);
-    }
-    console.log(
-      `  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`
-    );
+		// 20. Solicitações de acesso
+		const solicitacoesAcesso = await ctx.db.query('solicitacoesAcesso').collect();
+		for (const solicitacao of solicitacoesAcesso) {
+			await ctx.db.delete(solicitacao._id);
+		}
+		console.log(`  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`);
 
-    // 21. Símbolos
-    const simbolos = await ctx.db.query("simbolos").collect();
-    for (const simbolo of simbolos) {
-      await ctx.db.delete(simbolo._id);
-    }
-    console.log(`  ✅ ${simbolos.length} símbolos removidos`);
+		// 21. Símbolos
+		const simbolos = await ctx.db.query('simbolos').collect();
+		for (const simbolo of simbolos) {
+			await ctx.db.delete(simbolo._id);
+		}
+		console.log(`  ✅ ${simbolos.length} símbolos removidos`);
 
-    // 22. Roles (deve vir por último se outras tabelas referenciam)
-    const roles = await ctx.db.query("roles").collect();
-    for (const role of roles) {
-      await ctx.db.delete(role._id);
-    }
-    console.log(`  ✅ ${roles.length} roles removidas`);
+		// 22. Roles (deve vir por último se outras tabelas referenciam)
+		const roles = await ctx.db.query('roles').collect();
+		for (const role of roles) {
+			await ctx.db.delete(role._id);
+		}
+		console.log(`  ✅ ${roles.length} roles removidas`);
 
-    // 23. Todos (tabela de exemplo)
-    const todos = await ctx.db.query("todos").collect();
-    for (const todo of todos) {
-      await ctx.db.delete(todo._id);
-    }
-    console.log(`  ✅ ${todos.length} todos removidos`);
+		// 23. Todos (tabela de exemplo)
+		const todos = await ctx.db.query('todos').collect();
+		for (const todo of todos) {
+			await ctx.db.delete(todo._id);
+		}
+		console.log(`  ✅ ${todos.length} todos removidos`);
 
-    console.log("✨ Banco de dados completamente limpo!");
-    return null;
-  },
+		console.log('✨ Banco de dados completamente limpo!');
+		return null;
+	}
 });
 
 /**
@@ -762,286 +715,255 @@ export const clearDatabase = internalMutation({
  * ATENÇÃO: Esta função deleta TODOS os dados do banco!
  */
 export const limparBanco = mutation({
-  args: {},
-  returns: v.null(),
-  handler: async (ctx) => {
-    // Executa diretamente a limpeza (mesmo código da internalMutation)
-    console.log("🗑️  Limpando banco de dados...");
+	args: {},
+	returns: v.null(),
+	handler: async (ctx) => {
+		// Executa diretamente a limpeza (mesmo código da internalMutation)
+		console.log('🗑️  Limpando banco de dados...');
 
-    // Limpar em ordem (respeitando dependências)
+		// Limpar em ordem (respeitando dependências)
 
-    // 1. Tabelas de logs e auditoria
-    const logsAcesso = await ctx.db.query("logsAcesso").collect();
-    for (const log of logsAcesso) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
+		// 1. Tabelas de logs e auditoria
+		const logsAcesso = await ctx.db.query('logsAcesso').collect();
+		for (const log of logsAcesso) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsAcesso.length} logs de acesso removidos`);
 
-    const logsLogin = await ctx.db.query("logsLogin").collect();
-    for (const log of logsLogin) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
+		const logsLogin = await ctx.db.query('logsLogin').collect();
+		for (const log of logsLogin) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsLogin.length} logs de login removidos`);
 
-    const logsAtividades = await ctx.db.query("logsAtividades").collect();
-    for (const log of logsAtividades) {
-      await ctx.db.delete(log._id);
-    }
-    console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
+		const logsAtividades = await ctx.db.query('logsAtividades').collect();
+		for (const log of logsAtividades) {
+			await ctx.db.delete(log._id);
+		}
+		console.log(`  ✅ ${logsAtividades.length} logs de atividades removidos`);
 
-    // 2. Sistema de chat
-    const leituras = await ctx.db.query("leituras").collect();
-    for (const leitura of leituras) {
-      await ctx.db.delete(leitura._id);
-    }
-    console.log(`  ✅ ${leituras.length} leituras removidas`);
+		// 2. Sistema de chat
+		const leituras = await ctx.db.query('leituras').collect();
+		for (const leitura of leituras) {
+			await ctx.db.delete(leitura._id);
+		}
+		console.log(`  ✅ ${leituras.length} leituras removidas`);
 
-    const mensagens = await ctx.db.query("mensagens").collect();
-    for (const mensagem of mensagens) {
-      await ctx.db.delete(mensagem._id);
-    }
-    console.log(`  ✅ ${mensagens.length} mensagens removidas`);
+		const mensagens = await ctx.db.query('mensagens').collect();
+		for (const mensagem of mensagens) {
+			await ctx.db.delete(mensagem._id);
+		}
+		console.log(`  ✅ ${mensagens.length} mensagens removidas`);
 
-    const digitando = await ctx.db.query("digitando").collect();
-    for (const d of digitando) {
-      await ctx.db.delete(d._id);
-    }
-    console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
+		const digitando = await ctx.db.query('digitando').collect();
+		for (const d of digitando) {
+			await ctx.db.delete(d._id);
+		}
+		console.log(`  ✅ ${digitando.length} registros de digitando removidos`);
 
-    const conversas = await ctx.db.query("conversas").collect();
-    for (const conversa of conversas) {
-      await ctx.db.delete(conversa._id);
-    }
-    console.log(`  ✅ ${conversas.length} conversas removidas`);
+		const conversas = await ctx.db.query('conversas').collect();
+		for (const conversa of conversas) {
+			await ctx.db.delete(conversa._id);
+		}
+		console.log(`  ✅ ${conversas.length} conversas removidas`);
 
-    // 3. Notificações
-    const notificacoes = await ctx.db.query("notificacoes").collect();
-    for (const notificacao of notificacoes) {
-      await ctx.db.delete(notificacao._id);
-    }
-    console.log(`  ✅ ${notificacoes.length} notificações removidas`);
+		// 3. Notificações
+		const notificacoes = await ctx.db.query('notificacoes').collect();
+		for (const notificacao of notificacoes) {
+			await ctx.db.delete(notificacao._id);
+		}
+		console.log(`  ✅ ${notificacoes.length} notificações removidas`);
 
-    const notificacoesEmail = await ctx.db.query("notificacoesEmail").collect();
-    for (const email of notificacoesEmail) {
-      await ctx.db.delete(email._id);
-    }
-    console.log(
-      `  ✅ ${notificacoesEmail.length} notificações de email removidas`
-    );
+		const notificacoesEmail = await ctx.db.query('notificacoesEmail').collect();
+		for (const email of notificacoesEmail) {
+			await ctx.db.delete(email._id);
+		}
+		console.log(`  ✅ ${notificacoesEmail.length} notificações de email removidas`);
 
-    const notificacoesFerias = await ctx.db
-      .query("notificacoesFerias")
-      .collect();
-    for (const notif of notificacoesFerias) {
-      await ctx.db.delete(notif._id);
-    }
-    console.log(
-      `  ✅ ${notificacoesFerias.length} notificações de férias removidas`
-    );
+		const notificacoesFerias = await ctx.db.query('notificacoesFerias').collect();
+		for (const notif of notificacoesFerias) {
+			await ctx.db.delete(notif._id);
+		}
+		console.log(`  ✅ ${notificacoesFerias.length} notificações de férias removidas`);
 
-    // 4. Férias
-    const ferias = await ctx.db
-      .query("ferias")
-      .collect();
-    for (const feriasRegistro of ferias) {
-      await ctx.db.delete(feriasRegistro._id);
-    }
-    console.log(
-      `  ✅ ${ferias.length} registros de férias removidos`
-    );
+		// 4. Férias
+		const ferias = await ctx.db.query('ferias').collect();
+		for (const feriasRegistro of ferias) {
+			await ctx.db.delete(feriasRegistro._id);
+		}
+		console.log(`  ✅ ${ferias.length} registros de férias removidos`);
 
-    // 5. Atestados
-    const atestados = await ctx.db.query("atestados").collect();
-    for (const atestado of atestados) {
-      await ctx.db.delete(atestado._id);
-    }
-    console.log(`  ✅ ${atestados.length} atestados removidos`);
+		// 5. Atestados
+		const atestados = await ctx.db.query('atestados').collect();
+		for (const atestado of atestados) {
+			await ctx.db.delete(atestado._id);
+		}
+		console.log(`  ✅ ${atestados.length} atestados removidos`);
 
-    // 6. Times e membros
-    const timesMembros = await ctx.db.query("timesMembros").collect();
-    for (const membro of timesMembros) {
-      await ctx.db.delete(membro._id);
-    }
-    console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
+		// 6. Times e membros
+		const timesMembros = await ctx.db.query('timesMembros').collect();
+		for (const membro of timesMembros) {
+			await ctx.db.delete(membro._id);
+		}
+		console.log(`  ✅ ${timesMembros.length} membros de times removidos`);
 
-    const times = await ctx.db.query("times").collect();
-    for (const time of times) {
-      await ctx.db.delete(time._id);
-    }
-    console.log(`  ✅ ${times.length} times removidos`);
+		const times = await ctx.db.query('times').collect();
+		for (const time of times) {
+			await ctx.db.delete(time._id);
+		}
+		console.log(`  ✅ ${times.length} times removidos`);
 
-    // 7. Cursos
-    const cursos = await ctx.db.query("cursos").collect();
-    for (const curso of cursos) {
-      await ctx.db.delete(curso._id);
-    }
-    console.log(`  ✅ ${cursos.length} cursos removidos`);
+		// 7. Cursos
+		const cursos = await ctx.db.query('cursos').collect();
+		for (const curso of cursos) {
+			await ctx.db.delete(curso._id);
+		}
+		console.log(`  ✅ ${cursos.length} cursos removidos`);
 
-    // 8. Bloqueios de usuários
-    const bloqueiosUsuarios = await ctx.db.query("bloqueiosUsuarios").collect();
-    for (const bloqueio of bloqueiosUsuarios) {
-      await ctx.db.delete(bloqueio._id);
-    }
-    console.log(
-      `  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`
-    );
+		// 8. Bloqueios de usuários
+		const bloqueiosUsuarios = await ctx.db.query('bloqueiosUsuarios').collect();
+		for (const bloqueio of bloqueiosUsuarios) {
+			await ctx.db.delete(bloqueio._id);
+		}
+		console.log(`  ✅ ${bloqueiosUsuarios.length} bloqueios de usuários removidos`);
 
-    // 9. Perfis customizados (já está no código da internalMutation mas vazio)
+		// 9. Perfis customizados (já está no código da internalMutation mas vazio)
 
-    // 10. Templates de mensagens
-    const templatesMensagens = await ctx.db
-      .query("templatesMensagens")
-      .collect();
-    for (const template of templatesMensagens) {
-      await ctx.db.delete(template._id);
-    }
-    console.log(
-      `  ✅ ${templatesMensagens.length} templates de mensagens removidos`
-    );
+		// 10. Templates de mensagens
+		const templatesMensagens = await ctx.db.query('templatesMensagens').collect();
+		for (const template of templatesMensagens) {
+			await ctx.db.delete(template._id);
+		}
+		console.log(`  ✅ ${templatesMensagens.length} templates de mensagens removidos`);
 
-    // 11. Configurações
-    const configuracaoEmail = await ctx.db.query("configuracaoEmail").collect();
-    for (const config of configuracaoEmail) {
-      await ctx.db.delete(config._id);
-    }
-    console.log(
-      `  ✅ ${configuracaoEmail.length} configurações de email removidas`
-    );
+		// 11. Configurações
+		const configuracaoEmail = await ctx.db.query('configuracaoEmail').collect();
+		for (const config of configuracaoEmail) {
+			await ctx.db.delete(config._id);
+		}
+		console.log(`  ✅ ${configuracaoEmail.length} configurações de email removidas`);
 
-    const configuracaoAcesso = await ctx.db
-      .query("configuracaoAcesso")
-      .collect();
-    for (const config of configuracaoAcesso) {
-      await ctx.db.delete(config._id);
-    }
-    console.log(
-      `  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`
-    );
+		const configuracaoAcesso = await ctx.db.query('configuracaoAcesso').collect();
+		for (const config of configuracaoAcesso) {
+			await ctx.db.delete(config._id);
+		}
+		console.log(`  ✅ ${configuracaoAcesso.length} configurações de acesso removidas`);
 
-    // 12. Monitoramento
-    const alertHistory = await ctx.db.query("alertHistory").collect();
-    for (const alert of alertHistory) {
-      await ctx.db.delete(alert._id);
-    }
-    console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
+		// 12. Monitoramento
+		const alertHistory = await ctx.db.query('alertHistory').collect();
+		for (const alert of alertHistory) {
+			await ctx.db.delete(alert._id);
+		}
+		console.log(`  ✅ ${alertHistory.length} histórico de alertas removido`);
 
-    const alertConfigurations = await ctx.db
-      .query("alertConfigurations")
-      .collect();
-    for (const alert of alertConfigurations) {
-      await ctx.db.delete(alert._id);
-    }
-    console.log(
-      `  ✅ ${alertConfigurations.length} configurações de alertas removidas`
-    );
+		const alertConfigurations = await ctx.db.query('alertConfigurations').collect();
+		for (const alert of alertConfigurations) {
+			await ctx.db.delete(alert._id);
+		}
+		console.log(`  ✅ ${alertConfigurations.length} configurações de alertas removidas`);
 
-    const systemMetrics = await ctx.db.query("systemMetrics").collect();
-    for (const metric of systemMetrics) {
-      await ctx.db.delete(metric._id);
-    }
-    console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
+		const systemMetrics = await ctx.db.query('systemMetrics').collect();
+		for (const metric of systemMetrics) {
+			await ctx.db.delete(metric._id);
+		}
+		console.log(`  ✅ ${systemMetrics.length} métricas do sistema removidas`);
 
-    // 13. Sessões
-    const sessoes = await ctx.db.query("sessoes").collect();
-    for (const sessao of sessoes) {
-      await ctx.db.delete(sessao._id);
-    }
-    console.log(`  ✅ ${sessoes.length} sessões removidas`);
+		// 13. Sessões
+		const sessoes = await ctx.db.query('sessoes').collect();
+		for (const sessao of sessoes) {
+			await ctx.db.delete(sessao._id);
+		}
+		console.log(`  ✅ ${sessoes.length} sessões removidas`);
 
-    // 14. Menu-permissões personalizadas (já está no código da internalMutation mas vazio)
+		// 14. Menu-permissões personalizadas (já está no código da internalMutation mas vazio)
 
-    // 15. Menu-permissões (já está no código da internalMutation mas vazio)
+		// 15. Menu-permissões (já está no código da internalMutation mas vazio)
 
-    // 16. Role-permissões
-    const rolePermissoes = await ctx.db.query("rolePermissoes").collect();
-    for (const rp of rolePermissoes) {
-      await ctx.db.delete(rp._id);
-    }
-    console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
+		// 16. Role-permissões
+		const rolePermissoes = await ctx.db.query('rolePermissoes').collect();
+		for (const rp of rolePermissoes) {
+			await ctx.db.delete(rp._id);
+		}
+		console.log(`  ✅ ${rolePermissoes.length} role-permissões removidas`);
 
-    // 17. Permissões
-    const permissoes = await ctx.db.query("permissoes").collect();
-    for (const permissao of permissoes) {
-      await ctx.db.delete(permissao._id);
-    }
-    console.log(`  ✅ ${permissoes.length} permissões removidas`);
+		// 17. Permissões
+		const permissoes = await ctx.db.query('permissoes').collect();
+		for (const permissao of permissoes) {
+			await ctx.db.delete(permissao._id);
+		}
+		console.log(`  ✅ ${permissoes.length} permissões removidas`);
 
-    // 18. Usuários (deve vir antes de roles se houver referência)
-    const usuarios = await ctx.db.query("usuarios").collect();
-    for (const usuario of usuarios) {
-      await ctx.db.delete(usuario._id);
-    }
-    console.log(`  ✅ ${usuarios.length} usuários removidos`);
+		// 18. Usuários (deve vir antes de roles se houver referência)
+		const usuarios = await ctx.db.query('usuarios').collect();
+		for (const usuario of usuarios) {
+			await ctx.db.delete(usuario._id);
+		}
+		console.log(`  ✅ ${usuarios.length} usuários removidos`);
 
-    // 19. Funcionários
-    const funcionarios = await ctx.db.query("funcionarios").collect();
-    for (const funcionario of funcionarios) {
-      await ctx.db.delete(funcionario._id);
-    }
-    console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
+		// 19. Funcionários
+		const funcionarios = await ctx.db.query('funcionarios').collect();
+		for (const funcionario of funcionarios) {
+			await ctx.db.delete(funcionario._id);
+		}
+		console.log(`  ✅ ${funcionarios.length} funcionários removidos`);
 
-    // 20. Solicitações de acesso
-    const solicitacoesAcesso = await ctx.db
-      .query("solicitacoesAcesso")
-      .collect();
-    for (const solicitacao of solicitacoesAcesso) {
-      await ctx.db.delete(solicitacao._id);
-    }
-    console.log(
-      `  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`
-    );
+		// 20. Solicitações de acesso
+		const solicitacoesAcesso = await ctx.db.query('solicitacoesAcesso').collect();
+		for (const solicitacao of solicitacoesAcesso) {
+			await ctx.db.delete(solicitacao._id);
+		}
+		console.log(`  ✅ ${solicitacoesAcesso.length} solicitações de acesso removidas`);
 
-    // 21. Símbolos
-    const simbolos = await ctx.db.query("simbolos").collect();
-    for (const simbolo of simbolos) {
-      await ctx.db.delete(simbolo._id);
-    }
-    console.log(`  ✅ ${simbolos.length} símbolos removidos`);
+		// 21. Símbolos
+		const simbolos = await ctx.db.query('simbolos').collect();
+		for (const simbolo of simbolos) {
+			await ctx.db.delete(simbolo._id);
+		}
+		console.log(`  ✅ ${simbolos.length} símbolos removidos`);
 
-    // 22. Roles (deve vir por último se outras tabelas referenciam)
-    const roles = await ctx.db.query("roles").collect();
-    for (const role of roles) {
-      await ctx.db.delete(role._id);
-    }
-    console.log(`  ✅ ${roles.length} roles removidas`);
+		// 22. Roles (deve vir por último se outras tabelas referenciam)
+		const roles = await ctx.db.query('roles').collect();
+		for (const role of roles) {
+			await ctx.db.delete(role._id);
+		}
+		console.log(`  ✅ ${roles.length} roles removidas`);
 
-    // 23. Todos (tabela de exemplo)
-    const todos = await ctx.db.query("todos").collect();
-    for (const todo of todos) {
-      await ctx.db.delete(todo._id);
-    }
-    console.log(`  ✅ ${todos.length} todos removidos`);
+		// 23. Todos (tabela de exemplo)
+		const todos = await ctx.db.query('todos').collect();
+		for (const todo of todos) {
+			await ctx.db.delete(todo._id);
+		}
+		console.log(`  ✅ ${todos.length} todos removidos`);
 
-    console.log("✨ Banco de dados completamente limpo!");
-    return null;
-  },
+		console.log('✨ Banco de dados completamente limpo!');
+		return null;
+	}
 });
 
 /**
  * Query para verificar quantos registros existem no banco
  */
 export const verificarBanco = query({
-  args: {},
-  returns: v.object({
-    usuarios: v.number(),
-    funcionarios: v.number(),
-    roles: v.number(),
-    simbolos: v.number(),
-    total: v.number(),
-  }),
-  handler: async (ctx) => {
-    const usuarios = await ctx.db.query("usuarios").collect();
-    const funcionarios = await ctx.db.query("funcionarios").collect();
-    const roles = await ctx.db.query("roles").collect();
-    const simbolos = await ctx.db.query("simbolos").collect();
+	args: {},
+	returns: v.object({
+		usuarios: v.number(),
+		funcionarios: v.number(),
+		roles: v.number(),
+		simbolos: v.number(),
+		total: v.number()
+	}),
+	handler: async (ctx) => {
+		const usuarios = await ctx.db.query('usuarios').collect();
+		const funcionarios = await ctx.db.query('funcionarios').collect();
+		const roles = await ctx.db.query('roles').collect();
+		const simbolos = await ctx.db.query('simbolos').collect();
 
-    return {
-      usuarios: usuarios.length,
-      funcionarios: funcionarios.length,
-      roles: roles.length,
-      simbolos: simbolos.length,
-      total:
-        usuarios.length + funcionarios.length + roles.length + simbolos.length,
-    };
-  },
+		return {
+			usuarios: usuarios.length,
+			funcionarios: funcionarios.length,
+			roles: roles.length,
+			simbolos: simbolos.length,
+			total: usuarios.length + funcionarios.length + roles.length + simbolos.length
+		};
+	}
 });