/* ===========================
   Command Palette / Global Search
   v2.3.1
=========================== */

.commandPaletteTrigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:10px 12px;
  font-weight:1000;
  cursor:pointer;
}

.commandPaletteTrigger:hover{
  background:#123d73;
}

.commandPaletteTrigger kbd,
.commandPaletteInputRow kbd{
  background:rgba(255,255,255,.12);
  color:#d8e6f7;
  border:1px solid rgba(255,255,255,.18);
  border-radius:7px;
  padding:2px 6px;
  font-size:11px;
  font-weight:1000;
}

.commandPaletteOverlay{
  position:fixed;
  inset:0;
  z-index:20000;
  background:rgba(4,16,31,.62);
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding-top:72px;
}

.commandPaletteOverlay.open{
  display:flex;
}

.commandPalette{
  width:min(760px, calc(100vw - 32px));
  background:#fff;
  border:1px solid #d7e0ec;
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  overflow:hidden;
}

.commandPaletteInputRow{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid #e0e6ef;
  background:#f8fafc;
}

.commandPaletteInputRow span{
  font-size:20px;
  font-weight:1000;
  color:#123d73;
}

.commandPaletteInputRow input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  font-size:20px;
  font-weight:900;
  min-width:0;
}

.commandPaletteInputRow input::placeholder{
  color:#91a0b4;
}

.commandPaletteInputRow kbd{
  color:#68778a;
  background:#fff;
  border-color:#d7e0ec;
}

.globalSearchResults{
  max-height:520px;
  overflow:auto;
  padding:10px;
  color:#07111f;
}

.globalSearchGroup{
  margin-bottom:10px;
}

.globalSearchGroup:last-child{
  margin-bottom:0;
}

.globalSearchGroupTitle{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#68778a;
  font-weight:1000;
  padding:8px 10px 6px;
}

.globalSearchItem{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px;
  border-radius:12px;
  cursor:pointer;
  border:1px solid transparent;
}

.globalSearchItem:hover,
.globalSearchItem.active{
  background:#eef4ff;
  border-color:#c6d7f2;
}

.globalSearchIcon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  flex:0 0 auto;
}

.globalSearchMain{
  flex:1;
  min-width:0;
}

.globalSearchAction{
  color:#123d73;
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
  padding-top:2px;
}

.globalSearchEmpty{
  padding:20px;
  color:#68778a;
  font-weight:800;
}