diff --git a/apps/web/src/cockpits/rafael/ClientsPage.tsx b/apps/web/src/cockpits/rafael/ClientsPage.tsx
index 5d90841..280f250 100644
--- a/apps/web/src/cockpits/rafael/ClientsPage.tsx
+++ b/apps/web/src/cockpits/rafael/ClientsPage.tsx
@@ -25,7 +25,7 @@ function buildColumns(navigate: ReturnType<typeof useNavigate>): TableColumnsTyp
       dataIndex: 'nome',
       key: 'nome',
       render: (nome: string, record: ClientSummary) => (
-        <Space direction="vertical" size={0}>
+        <Space orientation="vertical" size={0}>
           <Typography.Link
             strong
             onClick={() =>
@@ -101,9 +101,9 @@ export function ClientsPage() {
   const columns = buildColumns(navigate);
 
   return (
-    <Space direction="vertical" size={24} style={{ width: '100%' }}>
+    <Space orientation="vertical" size={24} style={{ width: '100%' }}>
       {/* Cabeçalho */}
-      <Space direction="vertical" size={4}>
+      <Space orientation="vertical" size={4}>
         <Title level={2} style={{ margin: 0 }}>
           Carteira de Clientes
         </Title>
diff --git a/apps/web/src/cockpits/rafael/NewOrderPage.tsx b/apps/web/src/cockpits/rafael/NewOrderPage.tsx
index be5aa1b..9f7f2a9 100644
--- a/apps/web/src/cockpits/rafael/NewOrderPage.tsx
+++ b/apps/web/src/cockpits/rafael/NewOrderPage.tsx
@@ -138,7 +138,7 @@ function ProductStep({
   ];
 
   return (
-    <Space direction="vertical" style={{ width: '100%' }} size="middle">
+    <Space orientation="vertical" style={{ width: '100%' }} size="middle">
       <Search
         placeholder="Buscar produto por nome ou código..."
         allowClear
@@ -196,7 +196,7 @@ function ReviewStep({
   const creditOk = limit === null || total <= limit;
 
   return (
-    <Space direction="vertical" style={{ width: '100%' }} size="middle">
+    <Space orientation="vertical" style={{ width: '100%' }} size="middle">
       <Descriptions bordered size="small" column={2}>
         <Descriptions.Item label="Subtotal dos itens" span={2}>
           <Text strong>{fmt(itemsSubtotal)}</Text>
@@ -257,7 +257,7 @@ function ConfirmStep({
   const total = Math.round(itemsSubtotal * (1 - globalDisc / 100) * 100) / 100;
 
   return (
-    <Space direction="vertical" style={{ width: '100%' }} size="middle">
+    <Space orientation="vertical" style={{ width: '100%' }} size="middle">
       <Descriptions bordered size="small" column={1}>
         <Descriptions.Item label="Cliente">{clientNome}</Descriptions.Item>
         <Descriptions.Item label="Produtos">{cart.length} item(ns)</Descriptions.Item>
diff --git a/apps/web/src/cockpits/rafael/RafaelPainel.tsx b/apps/web/src/cockpits/rafael/RafaelPainel.tsx
index 1ae0a6a..34731ae 100644
--- a/apps/web/src/cockpits/rafael/RafaelPainel.tsx
+++ b/apps/web/src/cockpits/rafael/RafaelPainel.tsx
@@ -88,7 +88,7 @@ export function RafaelPainel() {
           <Card style={{ height: '100%' }}>
             <Flex vertical gap={16}>
               <Flex justify="space-between" align="flex-start">
-                <Space direction="vertical" size={0}>
+                <Space orientation="vertical" size={0}>
                   <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                     META DO MÊS
                   </Text>
@@ -127,7 +127,7 @@ export function RafaelPainel() {
 
         <Col xs={12} md={6}>
           <Card>
-            <Space direction="vertical" size={4}>
+            <Space orientation="vertical" size={4}>
               <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                 PEDIDOS NO MÊS
               </Text>
@@ -143,7 +143,7 @@ export function RafaelPainel() {
 
         <Col xs={12} md={6}>
           <Card>
-            <Space direction="vertical" size={4}>
+            <Space orientation="vertical" size={4}>
               <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                 COMISSÃO ACUMULADA
               </Text>
@@ -191,7 +191,7 @@ export function RafaelPainel() {
                       background: c.diasSemCompra > 60 ? '#fff7e6' : 'var(--bg-surface-alt)',
                     }}
                   >
-                    <Space direction="vertical" size={0}>
+                    <Space orientation="vertical" size={0}>
                       <Link to="/clientes/$id" params={{ id: String(c.idCliente) }}>
                         <Text strong>{c.nome}</Text>
                       </Link>
@@ -236,7 +236,7 @@ export function RafaelPainel() {
               <Flex vertical gap={10}>
                 {pedidosRecentes.map((o: PedidoSummary) => (
                   <Flex key={o.id} justify="space-between" align="center">
-                    <Space direction="vertical" size={0}>
+                    <Space orientation="vertical" size={0}>
                       <Link to="/pedidos/$id" params={{ id: o.id }}>
                         <Text strong className="tabular-nums">
                           {o.numPedSar}
diff --git a/apps/web/src/cockpits/sandra/SandraPainel.tsx b/apps/web/src/cockpits/sandra/SandraPainel.tsx
index 652c76b..2bac414 100644
--- a/apps/web/src/cockpits/sandra/SandraPainel.tsx
+++ b/apps/web/src/cockpits/sandra/SandraPainel.tsx
@@ -121,7 +121,7 @@ export function SandraPainel() {
       <Row gutter={[24, 24]}>
         <Col xs={24} md={8}>
           <Card>
-            <Space direction="vertical" size={4}>
+            <Space orientation="vertical" size={4}>
               <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                 APROVAÇÕES PENDENTES
               </Text>
@@ -148,7 +148,7 @@ export function SandraPainel() {
 
         <Col xs={24} md={8}>
           <Card>
-            <Space direction="vertical" size={4}>
+            <Space orientation="vertical" size={4}>
               <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                 PEDIDOS HOJE
               </Text>
@@ -171,7 +171,7 @@ export function SandraPainel() {
 
         <Col xs={24} md={8}>
           <Card>
-            <Space direction="vertical" size={4}>
+            <Space orientation="vertical" size={4}>
               <Text type="secondary" style={{ fontSize: 'var(--text-sm)' }}>
                 VALOR HOJE
               </Text>
@@ -253,7 +253,7 @@ export function SandraPainel() {
                       background: 'var(--bg-surface-alt)',
                     }}
                   >
-                    <Space direction="vertical" size={0}>
+                    <Space orientation="vertical" size={0}>
                       <Text strong>Rep cód. {r.codVendedor}</Text>
                     </Space>
                     <Tag