/* QHItech header direction: compact command bar, not a generic hosting navbar. */

.topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
  border-bottom:1px solid rgba(47,107,255,.14);
  box-shadow:0 10px 32px rgba(7,24,50,.08);
}

html[data-theme="dark"] .topbar{
  background:
    linear-gradient(180deg, rgba(6,16,31,.94), rgba(6,16,31,.84));
  border-bottom-color:rgba(115,163,255,.18);
  box-shadow:0 12px 34px rgba(0,0,0,.34);
}

.topbar .nav{
  justify-content:center;
}

.topbar .nav .nav-link{
  min-height:38px;
  padding:9px 12px;
  border-radius:12px;
  font-weight:800;
}

.topbar .actions .btn{
  min-height:38px;
  border-radius:12px;
  font-weight:850;
}

.topbar .actions .btn.primary{
  border-color:rgba(47,107,255,.42);
  background:linear-gradient(135deg, #166bff, #35b9ff);
  box-shadow:0 14px 30px rgba(23,111,255,.22);
}

.qhi-header-more-menu{
  display:inline-flex;
  align-items:center;
}

.qhi-header-more-btn{
  list-style:none;
  cursor:pointer;
}

.qhi-header-more-btn::-webkit-details-marker{
  display:none;
}

.qhi-header-more-dropdown{
  left:auto;
  right:0;
  min-width:210px;
}

.qhi-header-menu-button{
  width:100%;
  cursor:pointer;
  font:inherit;
  text-align:left;
}

@media (max-width: 900px){
  .topbar-inner{
    gap:10px;
  }

  .topbar .nav{
    order:3;
  }

  .topbar .actions{
    order:2;
  }
}

@media (max-width: 560px){
  .topbar .nav{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .topbar .nav .nav-link,
  .topbar .actions .btn{
    width:100%;
  }

  .topbar .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .topbar .actions .btn.primary{
    grid-column:1 / -1;
  }

  .qhi-header-more-menu{
    width:100%;
  }

  .qhi-header-more-dropdown{
    right:auto;
    left:0;
  }
}