nav.tabs { gap: 4px; padding: 3px; }
  nav.tabs a { padding: 10px 11px; font-size: 14.2px; }
  nav.tabs a[data-tab="dashboard"] { margin-left: 6px; }
  .dgoal-strip-wrap { margin: 0 4px; padding: 0; }
  .dgoal-strip { gap: 9px; }
  .dgoal-pill { padding: 5px 13px; gap: 2px; }
  .dgoal-pill .dgoal-fl { font-size: 24px; }
  .dgoal-pill .dgoal-v { font-size: 12.4px; }

   
  @media (max-width: 1260px) {
    header { flex-wrap: wrap; row-gap: 8px; }
     
    .header-right { flex: 1 1 100%; min-width: 0; }
    nav.tabs {
       
      flex: 1 1 auto; min-width: 0; overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;  
       
      -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
      mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
    }
    nav.tabs::-webkit-scrollbar { display: none; }
    nav.tabs a { flex: 0 0 auto; white-space: nowrap; }
  }