/* BY admin: clearer action icons and compact customer/delivery accordions. */

#by-order-ops-v2 [data-by-v6-delete-order='true'] {
  display: inline-grid !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  flex: 0 0 28px !important;
  place-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border-color: #e5aaa5 !important;
  background: #fff8f7 !important;
  color: #b42318 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
  overflow: hidden;
}

#by-order-ops-v2 [data-by-v6-delete-order='true'] > span {
  display: none !important;
}

#by-order-ops-v2 [data-by-v6-delete-order='true']::before {
  display: block;
  width: 18px;
  height: 18px;
  content: '';
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3v1H4v2h1l1 15h12l1-15h1V4h-5V3H9zm-1.12 3h8.24l-.86 13H8.74L7.88 6zM10 9h2v7h-2V9zm4 0h2v7h-2V9z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3v1H4v2h1l1 15h12l1-15h1V4h-5V3H9zm-1.12 3h8.24l-.86 13H8.74L7.88 6zM10 9h2v7h-2V9zm4 0h2v7h-2V9z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#by-order-ops-v2 [data-by-v5-copy-bracelet] {
  display: inline-grid !important;
  place-items: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#by-order-ops-v2 [data-by-v5-copy-bracelet]::before {
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#by-order-ops-v2 [data-by-v5-download-symbols] {
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 2px solid #0d6259 !important;
  background: rgba(255, 255, 255, .98) !important;
  color: #0d6259 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#by-order-ops-v2 [data-by-v5-download-symbols]::before {
  display: block;
  width: 23px;
  height: 23px;
  content: '';
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zm14-9h-4V3H9v8H5l7 7 7-7z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zm14-9h-4V3H9v8H5l7 7 7-7z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#by-order-ops-v2 :is(
  [data-by-v6-delete-order='true'],
  [data-by-v5-copy-bracelet],
  [data-by-v5-download-symbols]
):focus-visible {
  outline: 3px solid rgba(13, 98, 89, .28) !important;
  outline-offset: 2px;
}

#by-order-ops-v2 .by-ops-columns {
  gap: 0 !important;
  margin: 0 !important;
}

#by-order-ops-v2 .by-ops-columns > .by-ops-panel[data-by-v7-collapse='true'] {
  margin: 0 !important;
  border-radius: 0 !important;
}

#by-order-ops-v2 .by-ops-columns > .by-ops-panel[data-by-v7-collapse='true']:first-child {
  border-radius: 14px 14px 0 0 !important;
}

#by-order-ops-v2 .by-ops-columns > .by-ops-panel[data-by-v7-collapse='true'] + .by-ops-panel[data-by-v7-collapse='true'] {
  border-top: 0 !important;
}

#by-order-ops-v2 .by-ops-columns > .by-ops-panel[data-by-v7-collapse='true']:last-child {
  border-radius: 0 0 14px 14px !important;
}

@media (max-width: 720px) {
  #by-order-ops-v2 .by-v7-top-card > .by-ops-actions {
    position: relative;
    padding-right: 34px !important;
  }

  #by-order-ops-v2 [data-by-v6-delete-order='true'] {
    position: absolute !important;
    top: 7px;
    right: 0;
    margin: 0 !important;
  }
}