/* v43-root: tighter card rhythm, matching progress labels and click-to-expand comments. */

.progress-copy {
  justify-content: space-between;
}

.progress-copy > span {
  min-width: 0;
  color: #c0c2ca;
}

.timer-progress-copy {
  color: #b8bbc4;
  font-size: 13px;
  font-weight: 400;
}

.timer-progress-estimate {
  color: #e2e3e7;
  font-weight: 800;
}

.current.timer-progress-block .timer-progress-actual {
  color: #c0c2ca;
}

.current.timer-progress-block .timer-progress-estimate {
  color: #d7d7da;
}

.timer-progress-actual.timer-overflow-value {
  color: #ef6a70;
}

.current-customer-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px 12px;
}

.current-recording-desktop {
  margin-left: 0;
}

html[data-theme="light"] .progress-copy > span,
html[data-theme="light"] .current.timer-progress-block .timer-progress-actual {
  color: #666c77;
}

html[data-theme="light"] .timer-progress-copy {
  color: #6c727d;
}

html[data-theme="light"] .timer-progress-estimate,
html[data-theme="light"] .current.timer-progress-block .timer-progress-estimate {
  color: #30343d;
}

@media (min-width: 1041px) {
  .queue-desktop-side .timer-progress-block {
    margin-top: 0;
  }

  .queue-desktop-side .timer-progress-copy {
    font-size: 14px;
  }

  .queue-side-comment-wrap.queue-side-comment-toggle,
  .queue-side-comment-wrap.queue-side-comment-toggle:not(.expanded) {
    width: 100%;
    min-width: 0;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  .queue-side-comment-wrap.queue-side-comment-toggle:disabled {
    opacity: 1;
    cursor: default;
  }

  .queue-side-comment-toggle .queue-side-comment {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    transition: none;
  }

  .queue-side-comment-toggle .queue-side-comment.is-clamped {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
  }

  .queue-side-comment-toggle.expanded .queue-side-comment {
    display: block;
    white-space: pre-wrap;
  }

  .queue-side-comment-toggle.expandable:hover .queue-side-comment,
  .queue-side-comment-toggle.expandable:focus-visible .queue-side-comment {
    color: #d0d2d8;
  }

  .queue-side-comment-toggle:focus-visible {
    border-radius: 4px;
    outline: 1px solid rgba(232, 59, 63, 0.55);
    outline-offset: 4px;
  }

  .queue-side-comment-more {
    display: none !important;
  }

  html[data-theme="light"] .queue-side-comment-toggle.expandable:hover .queue-side-comment,
  html[data-theme="light"] .queue-side-comment-toggle.expandable:focus-visible .queue-side-comment {
    color: #30343d;
  }
}

@media (max-width: 760px) {
  .current-description.clamped > span,
  .queue-description.clamped > span {
    -webkit-line-clamp: 3;
  }

  .timer-progress-copy {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-side-comment-toggle .queue-side-comment {
    transition: none;
  }
}

/* v48: owner diagnostics */
.account-health {
  display: grid;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

.account-health-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.account-health-head strong {
  color: #eceef2;
  font-size: 13px;
}

.account-health-head span {
  color: #9297a2;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.account-health > p {
  margin: 0;
  color: #989da8;
  font-size: 11px;
}

.account-health-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 12px;
}

.account-health-grid > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #aeb2bc;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}

.account-health-grid i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #49cc8c;
  box-shadow: 0 0 8px rgba(73, 204, 140, 0.5);
}

.account-health-grid .bad {
  color: #ef9a9e;
}

.account-health-grid .bad i {
  background: #ef4b51;
  box-shadow: none;
}

.account-health-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #ef9a9e;
  font-size: 10px;
}

.account-health-error button {
  flex: 0 0 auto;
  border: 1px solid rgba(239, 75, 81, 0.35);
  border-radius: 8px;
  padding: 6px 9px;
  color: #f2a5a8;
  background: rgba(239, 75, 81, 0.08);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

html[data-theme="light"] .account-health {
  background: #f7f8fa;
}

html[data-theme="light"] .account-health-head strong {
  color: #292d36;
}

html[data-theme="light"] .account-health-grid > span {
  color: #646a75;
}

@media (max-width: 520px) {
  .account-health-grid {
    grid-template-columns: 1fr;
  }
}