/* assets/components/header/header.css */

.ks-header {
  height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 0 12px;
  background: var(--color-bg-secondary);
  border-bottom: 1px solid var(--color-border-default);
}

/* Logo */
.ks-header__logo {
  flex: 0 0 auto;
  height: 12px;
}

.ks-header__logo img {
  height: 100%;
  width: auto;
  display: block;
}

/* Search chiếm phần còn lại */
.ks-header__search {
  flex: 1;
}