/* CARDIOLINK_FINAL_FILEFLOW_9B */

#clFileContextBar{
  position:fixed;
  left:10px;
  right:10px;
  bottom:calc(env(safe-area-inset-bottom, 0px) + 198px);
  z-index:199990;
  display:none;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
  padding:8px;
  border:1px solid rgba(148,163,184,.25);
  border-radius:18px;
  background:rgba(2,6,23,.94);
  backdrop-filter:blur(8px);
}

body.clHasSources #clFileContextBar{
  display:flex;
}

.clSourceChip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  border:1px solid rgba(148,163,184,.35);
  background:#0b1220;
  color:#e5e7eb;
  border-radius:999px;
  padding:7px 9px;
  font-size:12px;
}

.clSourceChip span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:180px;
}

.clSourceChip button{
  border:0;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
  font-size:15px;
}

#clSourceActions{
  display:flex;
  gap:6px;
  margin-left:auto;
}

#clSourceActions button{
  border:1px solid rgba(148,163,184,.35);
  background:#0b1220;
  color:#e5e7eb;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
}

@media(max-width:820px){
  #clFileContextBar{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 198px);
    max-height:96px;
    overflow-y:auto;
  }

  .clSourceChip span{
    max-width:130px;
  }
}