.bs-delivery-card {
  min-width: 0;
  overflow-wrap: break-word;
}
.bs-delivery-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bs-delivery-avatar img { width: 32px; height: 32px; object-fit: cover; }
.bs-delivery-thread { border-top: 1px solid #e2e8f0; background: #f8fafc; border-radius: 0 0 4px 4px; }
.bs-delivery-thread > summary { padding: 14px 20px; color: #64748b; list-style: none; cursor: pointer; }
.bs-delivery-thread > summary::-webkit-details-marker { display: none; }
.bs-delivery-thread:not([open]) > summary .fa-chevron-down { transform: rotate(-90deg); }
.bs-delivery-replies { margin: 0 20px 0 35px; padding-left: 18px; border-left: 2px solid #e2e8f0; }
.bs-delivery-replies:empty { display: none; }
.bs-delivery-replies > .task-comment { margin: 0; padding: 10px 0 16px; background: transparent; min-width: 0; }
.bs-delivery-replies > .task-comment > hr,
.bs-delivery-replies .task-info-separator { display: none; }
.bs-delivery-replies .mleft40 { margin-left: 0 !important; }
.bs-delivery-replies .comment-wrapper { display: block; width: auto; margin-left: 42px; }
.bs-delivery-replies .task-date-as-comment-id { position: static; float: right; margin-left: 10px; }
.bs-delivery-replies .comment-content { overflow-wrap: anywhere; }
.bs-delivery-replies .media-body { min-width: 0; }
.bs-delivery-composer { padding: 6px 20px 20px 55px; }
.bs-delivery-composer textarea { width: 100%; resize: vertical; }
.bs-delivery-composer form { margin: 0; }
.bs-delivery-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.bs-delivery-sections { margin-top: 15px; }
#bs-current-delivery > .bs-delivery-comment > .bs-delivery-card { margin-top: 0; margin-bottom: 0; }
.bs-delivery-history { border: 1px solid #e2e8f0; border-radius: 4px; background: #fff; }
.bs-delivery-history summary { padding: 14px 16px; list-style: none; cursor: pointer; }
.bs-delivery-history summary::-webkit-details-marker { display: none; }
.bs-delivery-history details[open] > summary > .fa-chevron-down,
.bs-delivery-history[open] > summary > .fa-chevron-down { transform: rotate(180deg); }
.bs-delivery-history-items { padding: 0 15px; border-top: 1px solid #e2e8f0; }
.bs-delivery-history-item + .bs-delivery-history-item { border-top: 1px solid #e2e8f0; }
.bs-delivery-history-item > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 0; }
.bs-delivery-history-item > summary > .fa-chevron-down { margin-left: auto; }
.bs-delivery-history-item .bs-delivery-card { box-shadow: none; margin-top: 0; }
.bs-delivery-history .bs-delivery-status { white-space: normal; line-height: 1.5; }
.bs-general-comments { display: flow-root; }
.bs-general-comments .tasks-comments { display: block; }
.bs-general-comments #task-comments { margin-top: 15px; }
.bs-delivery-thread .bs-comment-edit-control { margin-top: 8px; }
@media (max-width: 600px) {
 .bs-delivery-replies { margin-left: 22px; padding-left: 12px; }
 .bs-delivery-composer { padding-left: 36px; }
 .bs-delivery-replies .task-date-as-comment-id { float: none; display: block; margin: 0 0 5px; }
}
.bs-delivery-card:target {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.bs-delivery-card .bs-delivery-heading {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.bs-delivery-heading h4 {
  flex: 0 1 auto;
  min-width: 0;
  line-height: 1.5;
}
.bs-delivery-card .bs-delivery-status {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  line-height: 1.5;
  text-align: left;
}
.bs-delivery-next {
  white-space: pre-line;
}
.bs-delivery-files {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 15px;
}
.bs-delivery-file {
  max-width: 100%;
  min-width: 0;
}
.bs-delivery-file img {
  max-height: 200px;
  max-width: 100%;
  object-fit: contain;
}
.bs-delivery-file .btn {
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}
.bs-delivery-image {
  display: block;
}
.bs-delivery-sidebar a {
  overflow-wrap: anywhere;
}
.bs-feedback summary {
  display: list-item;
  list-style: disclosure-closed;
  margin-left: 16px;
  cursor: pointer;
}
.bs-feedback details[open] > summary {
  list-style: disclosure-open;
}
.bs-comment-status-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.bs-comment-history-entry {
  overflow-wrap: anywhere;
}
[id^="comment_"] {
  scroll-margin-top: 30px;
}
.bs-delivery-comment-highlight {
  border-radius: 6px;
  outline: 2px solid #d97706;
  outline-offset: 4px;
  background-color: #fff7db;
  animation: bs-comment-highlight 3.2s ease-out both;
}
@keyframes bs-comment-highlight {
  0%, 65% {
    outline-color: #d97706;
    background-color: #fff7db;
  }
  100% {
    outline-color: transparent;
    background-color: transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bs-delivery-comment-highlight {
    animation: none;
  }
}
#task-modal .tasks-comments {
  width: 100%;
  min-width: 0;
}
#task-modal #task-comment-form {
  display: flow-root;
  width: 100%;
  min-width: 0;
  padding: 0;
}
#task-modal .bs-publish-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 12px;
}
.bs-publish-fields .form-group {
  min-width: 0;
  margin-bottom: 15px;
}
.bs-publish-fields .form-control {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
#task-comment-form .tox-tinymce,
#task-comment-form .dropzone-task-comment-previews {
  max-width: 100%;
}
#task-comment-form #addTaskCommentBtn {
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 600px) {
  #task-modal .bs-publish-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}