/* SERVE_EMPLOYEE_FILE_NAV_SAFE_20260921 */


/*
 * Ausschließlich die acht alten Buttons.
 * Niemals deren Parent / Content-Container.
 */
.serve-employee-original-tab-hidden{
 display:none !important;
}


/* ============================================================
   HAUPTNAVIGATION
   ============================================================ */

.serve-employee-file-nav{
 width:100%;

 flex:
  0 0 100%;

 box-sizing:border-box;

 background:#fff;
}


.serve-employee-file-primary{
 display:flex;
 align-items:center;

 gap:18px;

 width:100%;

 box-sizing:border-box;

 padding:
  0;

 overflow-x:auto;

 scrollbar-width:none;
}


.serve-employee-file-primary::-webkit-scrollbar{
 display:none;
}


.serve-employee-file-primary-btn{
 min-height:46px;

 flex:0 0 auto;

 padding:
  0 25px;

 border:0;
 border-radius:14px;

 background:transparent;
 color:#111;

 font:inherit;
 font-size:14px;
 font-weight:760;

 cursor:pointer;

 transition:
  background .14s ease,
  color .14s ease,
  transform .08s ease;
}


.serve-employee-file-primary-btn:hover{
 background:#f3f3f5;
}


.serve-employee-file-primary-btn:active{
 transform:scale(.985);
}


.serve-employee-file-primary-btn.active{
 background:#111;
 color:#fff;
}


/* ============================================================
   SEKUNDÄRE NAVIGATION
   ============================================================ */

.serve-employee-file-secondary{
 display:flex;
 align-items:center;

 gap:3px;

 width:max-content;

 max-width:100%;

 margin-top:10px;

 padding:3px;

 overflow-x:auto;

 box-sizing:border-box;

 border-radius:11px;

 background:#f1f1f3;

 scrollbar-width:none;
}


.serve-employee-file-secondary::-webkit-scrollbar{
 display:none;
}


.serve-employee-file-secondary[hidden]{
 display:none !important;
}


.serve-employee-file-secondary-btn{
 min-height:34px;

 flex:0 0 auto;

 padding:
  0 13px;

 border:0;
 border-radius:8px;

 background:transparent;
 color:#74747a;

 font:inherit;
 font-size:10px;
 font-weight:780;

 cursor:pointer;
}


.serve-employee-file-secondary-btn.active{
 background:#fff;
 color:#111;

 box-shadow:
  0 1px 3px
  rgba(0,0,0,.08);
}


@media(max-width:900px){

 .serve-employee-file-primary{
  gap:7px;
 }


 .serve-employee-file-primary-btn{
  min-height:42px;

  padding:
   0 17px;

  border-radius:12px;

  font-size:12px;
 }

}