/* owner-polish.20260917b.css — блок «Активные диалоги по каналам» в единой очереди. */
.op-aq {
  padding: 16px 18px 14px;
}

.op-aq__head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.op-aq__head-row h4 {
  margin: 0 0 4px;
  font-size: 15.5px;
  font-weight: 600;
  color: #1c2b3a;
}

.op-aq__sub {
  margin: 0;
  font-size: 12.5px;
  color: #6b7a8c;
}

.op-aq__total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.1;
}

.op-aq__total strong {
  font-size: 24px;
  font-weight: 700;
  color: #17362c;
}

.op-aq__total span {
  font-size: 11.5px;
  color: #6b7a8c;
}

.op-aq__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.op-aq__row {
  padding: 10px 12px;
  border: 1px solid #eef1f4;
  border-radius: 12px;
  background: #fbfcfd;
}

.op-aq__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.op-aq__chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  background: #eef1f4;
  color: #44566b;
}

.op-aq__chip--max {
  background: #eef3ff;
  color: #2b4c9b;
}

.op-aq__chip--vk {
  background: #eaf2ff;
  color: #1f5fa8;
}

.op-aq__flag {
  font-size: 11.5px;
  font-weight: 600;
  color: #b9312b;
}

.op-aq__time {
  margin-left: auto;
  font-size: 11.5px;
  color: #8494a6;
  white-space: nowrap;
}

.op-aq__text {
  font-size: 13.5px;
  color: #1c2b3a;
  overflow-wrap: anywhere;
}

.op-aq__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.op-aq__mode {
  font-size: 11.5px;
  color: #6b7a8c;
}

.op-aq__close {
  padding: 7px 12px;
  border: 1px solid #d8e0e8;
  border-radius: 10px;
  background: #fff;
  color: #1c2b3a;
  font-size: 12.5px;
  cursor: pointer;
}

.op-aq__close:hover {
  border-color: #b9c6d4;
}

.op-aq__close:disabled {
  opacity: .6;
  cursor: default;
}

.op-aq__empty,
.op-aq__note {
  margin: 0;
  font-size: 12px;
  color: #6b7a8c;
}

.op-aq__note {
  margin-top: 10px;
}

@media (max-width: 520px) {
  .op-aq {
    padding: 13px 13px 11px;
  }

  .op-aq__total strong {
    font-size: 21px;
  }
}
