/* PLAYBACK_DELIVER_UI_V1 */
.pb-deliver {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(212,175,55,.22);
  background: rgba(11,11,14,.75);
  border-radius: 14px;
}

.pb-deliver h3{
  margin: 0 0 10px 0;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(212,175,55,.92);
}

.pb-deliver .row{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.pb-deliver .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(20,20,24,.6);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.pb-deliver .chip:hover{
  border-color: rgba(212,175,55,.35);
}

.pb-deliver .chip[aria-disabled="true"]{
  opacity: .45;
  cursor: not-allowed;
}

.pb-deliver .status{
  margin-left: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  color: rgba(255,255,255,.65);
}

.pb-deliver .log{
  margin-top: 10px;
  max-height: 160px;
  overflow: auto;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  color: rgba(255,255,255,.75);
  white-space: pre-wrap;
}

.pb-deliver .line{
  display:flex;
  gap:10px;
  justify-content: space-between;
}

.pb-deliver .tag{
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  font-size: 10px;
  color: rgba(255,255,255,.75);
}
.pb-deliver .tag.ok{ border-color: rgba(80,200,120,.35); color: rgba(80,200,120,.9); }
.pb-deliver .tag.fail{ border-color: rgba(255,90,90,.35); color: rgba(255,90,90,.9); }
.pb-deliver .tag.queue{ border-color: rgba(212,175,55,.35); color: rgba(212,175,55,.95); }