diff --git a/Desligamento/wcm/widget/wddesligamento/src/main/webapp/resources/css/wddesligamento.css b/Desligamento/wcm/widget/wddesligamento/src/main/webapp/resources/css/wddesligamento.css
index 6e66f3d..9cdb3c0 100644
--- a/Desligamento/wcm/widget/wddesligamento/src/main/webapp/resources/css/wddesligamento.css
+++ b/Desligamento/wcm/widget/wddesligamento/src/main/webapp/resources/css/wddesligamento.css
@@ -103,7 +103,8 @@
     display: -ms-grid;
     display: grid;
     gap: 10px;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+    /* auto-fill responde à largura do container, não do viewport */
+    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
     margin-bottom: 14px;
 }
 
@@ -996,11 +997,7 @@ body.wd-drawer-open {
 }
 
 /* ── Responsive ───────────────────────────────────────────────── */
-@media (max-width: 992px) {
-    .wd-dashboard__metrics {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-}
+/* .wd-dashboard__metrics usa auto-fill — quebra sozinho pelo container */
 
 @media (max-width: 720px) {
     .wd-dashboard__header {
@@ -1017,10 +1014,6 @@ body.wd-drawer-open {
         padding: 14px;
     }
 
-    .wd-dashboard__metrics {
-        grid-template-columns: 1fr 1fr;
-    }
-
     .wd-request__step-area {
         display: none;
     }
diff --git a/Desligamento/wcm/widget/wddesligamento/target/wddesligamento.war b/Desligamento/wcm/widget/wddesligamento/target/wddesligamento.war
new file mode 100644
index 0000000..56be40c
Binary files /dev/null and b/Desligamento/wcm/widget/wddesligamento/target/wddesligamento.war differ
diff --git a/Desligamento/wcm/widget/wddesligamentoranking/src/main/webapp/resources/css/wddesligamentoranking.css b/Desligamento/wcm/widget/wddesligamentoranking/src/main/webapp/resources/css/wddesligamentoranking.css
index 5336bc9..75695b1 100644
--- a/Desligamento/wcm/widget/wddesligamentoranking/src/main/webapp/resources/css/wddesligamentoranking.css
+++ b/Desligamento/wcm/widget/wddesligamentoranking/src/main/webapp/resources/css/wddesligamentoranking.css
@@ -20,6 +20,7 @@
 .wdr-header {
     align-items: center;
     display: flex;
+    flex-wrap: wrap;
     gap: 12px;
     justify-content: space-between;
     margin-bottom: 16px;
@@ -73,6 +74,7 @@
     font-weight: 600;
     padding: 4px 10px;
     transition: background 0.15s, color 0.15s;
+    white-space: nowrap;
 }
 
 .wdr-period-btn--active {
@@ -85,7 +87,8 @@
 .wdr-kpis {
     display: grid;
     gap: 10px;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    /* auto-fill responde à largura do container, não do viewport */
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
     margin-bottom: 16px;
 }
 
@@ -307,17 +310,13 @@
 .wdr-badge--canceled  { background: #fee2e2; color: #991b1b; }
 
 /* ── Responsive ───────────────────────────────────────────────── */
+/* .wdr-kpis usa auto-fill — quebra sozinho pelo container */
+/* .wdr-header já tem flex-wrap: wrap */
 @media (max-width: 768px) {
-    .wdr-kpis { grid-template-columns: repeat(2, 1fr); }
     .wdr-bar-wrap { display: none; }
     .wdr-breakdown { display: none; }
 }
 
-@media (max-width: 480px) {
-    .wdr-kpis { grid-template-columns: 1fr; }
-    .wdr-header { flex-wrap: wrap; }
-}
-
 /* ── Pagination ───────────────────────────────────────────────── */
 .wdr-pagination { margin-top: 4px; }