/* Basic layout */
.gk2-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin:8px 0 6px;
}
.gk2-label{
  min-width:max-content;
  font-weight:600;
  margin:0;
}
.gk2-dropdown{
  flex:1 1 auto;
  max-width:520px;
  position:relative;
}
@media (max-width:768px){
  .gk2-row{flex-direction:column;align-items:stretch;}
  .gk2-dropdown{max-width:100%;width:100%;}
}

/* Toggle */
.gk2-toggle{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  border:1px solid #e1e1e1;
  background:#fff;
  border-radius:8px;
  height:46px;
  padding:0 12px;
  font:inherit;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.gk2-current{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gk2-caret{
  margin-left:8px;
  opacity:.7;
  transition:transform .15s ease-in-out;
}
.gk2-dropdown.open .gk2-caret{
  transform:rotate(180deg);
}

/* Menu */
.gk2-menu{
  display:none;
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  width:100%;
  background:#fff;
  border:1px solid #e1e1e1;
  border-radius:8px;
  padding:4px 0;
  max-height:280px;
  overflow-y:auto;
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
  z-index:9999;
}
.gk2-item{
  padding:11px 14px;
  cursor:pointer;
  font-size:15px;
  line-height:1.4;
  display:block;
  background:#fff;
  transition:background .12s ease;
}
.gk2-item:hover{
  background:#f3f3f3;
}
.gk2-empty,
.gk2-disabled{
  color:#aaa;
  cursor:default;
}