Update CSS styles for header and button elements

Author: Edinaldo-long

relatorio.html

@@ -32,16 +32,16 @@
     width:100%;
     max-width:100vw;
   }
-  .header-brand { display:flex; align-items:center; gap:10px; min-width:0; }
+  .header-brand { display:flex; align-items:center; gap:10px; min-width:0; overflow:hidden; }
   .header-divider { width:1px; height:32px; background:rgba(255,255,255,.12); flex-shrink:0; }
-  .header-name { display:flex; flex-direction:column; min-width:0; }
-  .header-name strong { color:#fff; font-size:1.1rem; font-weight:700; letter-spacing:.03em; line-height:1.2; white-space:nowrap; }
+  .header-name { display:flex; flex-direction:column; min-width:0; overflow:hidden; }
+  .header-name strong { color:#fff; font-size:1.1rem; font-weight:700; letter-spacing:.03em; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
   .header-logo-img { height:52px; width:auto; object-fit:contain; flex-shrink:0; filter:brightness(1.2) drop-shadow(0 0 12px rgba(255,100,0,.7)); }
-  .header-right { display:flex; align-items:center; gap:12px; flex-shrink:0; }
+  .header-right { display:flex; align-items:center; gap:12px; flex-shrink:0; margin-left:auto; padding-left:10px; }
   .header-title { display:flex; flex-direction:column; align-items:flex-end; }
   .header-title span:first-child { font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--verde-light); }
   .header-title span:last-child { font-family:'DM Mono',monospace; font-size:.65rem; color:rgba(255,255,255,.5); }
-  .btn-voltar { display:flex; align-items:center; gap:6px; padding:5px 12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:20px; color:rgba(255,255,255,.75); font-family:'DM Mono',monospace; font-size:.72rem; text-decoration:none; transition:all .15s; white-space:nowrap; }
+  .btn-voltar { display:flex; align-items:center; gap:6px; padding:5px 12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:20px; color:rgba(255,255,255,.75); font-family:'DM Mono',monospace; font-size:.72rem; text-decoration:none; transition:all .15s; white-space:nowrap; flex-shrink:0; }
   .btn-voltar:hover { background:rgba(255,255,255,.18); color:#fff; }
 
   main { max-width:1200px; margin:0 auto; padding:2rem 1rem; display:grid; gap:1.5rem; width:100%; }
@@ -188,6 +188,9 @@
     main { padding:1rem .75rem; gap:1rem; }
     .resumo-grid { grid-template-columns:1fr 1fr; gap:.75rem; }
     .header-title { display:none; }
+    /* Esconde nome e divisor — logo + botão ficam limpos e sem sobreposição */
+    .header-name { display:none; }
+    .header-divider { display:none; }
   }
 </style>
 </head>