/* K7 (W20): Google moderation of owner replies. "Neu formulieren" composer
   (03/04), the "Von Google abgelehnt" group above the approval queue (05/06)
   and the 5th history metric (09). Same scope rule as v4.css: every rule
   needs .bl-v4 on an ancestor. Pills, edge colours and .bl-reject-note come
   from v4.css / v4_reviews.css. */

/* .bl-owner and .bl-reject-note are width: 100% with padding; keep them inside their box. */
.bl-v4 .bl-owner .bl-reject-note,
.bl-v4 .bl-k7-rej-row .bl-owner { box-sizing: border-box; max-width: 100%; }

/* Banner on the reviews page: button at the end (03) */
.bl-v4 .bl-mod-banner { align-items: center; }
.bl-v4 .bl-mod-banner-btn { flex: none; }

/* Composer under a rejected reply (03/04) and the rephrased draft (05/06) */
.bl-v4 .bl-k7-compose { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.bl-v4 .bl-k7-compose[hidden] { display: none; }
.bl-v4 .bl-k7-rule { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.5; color: var(--ink-2); }
.bl-v4 .bl-k7-rule .bl-ic { margin-top: 3px; flex: none; color: var(--accent); }
.bl-v4 .bl-k7-compose .bl-textarea { min-height: 112px; font-size: 14px; }
.bl-v4 .bl-k7-when { margin-top: 6px; font-size: 12.5px; color: var(--muted); }

/* Group "Von Google abgelehnt" above the queue (05/06) */
.bl-v4 .bl-k7-rej { margin-bottom: 16px; box-shadow: inset 3px 0 0 var(--bad), var(--shadow); }
.bl-v4 .bl-k7-rej-head { padding: 18px 24px 14px; border-bottom: 1px solid var(--line); }
.bl-v4 .bl-k7-rej-title { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--ink); }
.bl-v4 .bl-k7-rej-title .bl-ic { color: var(--bad); }
.bl-v4 .bl-k7-rej-head .bl-help { margin-top: 4px; }
.bl-v4 .bl-k7-rej-row { padding: 18px 24px; }
.bl-v4 .bl-k7-rej-row + .bl-k7-rej-row { border-top: 1px solid var(--line); }
.bl-v4 .bl-k7-rej-row .bl-owner { margin-top: 12px; }
.bl-v4 .bl-k7-rej-row .bl-owner--rejected .bl-owner-text { display: block; -webkit-line-clamp: unset; color: var(--muted); }
.bl-v4 .bl-k7-rej-row .bl-reject-note { margin-top: 12px; background: var(--surface); }
.bl-v4 .bl-k7-rej-row.bl-is-rewriting .bl-reject-note { background: transparent; border-style: dashed; }
.bl-v4 .bl-ki-compose-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* 5th history metric (09) */
.bl-v4 .bl-ki-metrics .bl-ki-m--bad { color: var(--bad); }
.bl-v4 .bl-ki-mlink--bad { color: var(--bad); text-decoration-color: var(--bad-line); }

@media (max-width: 1023.98px) {
  .bl-v4 .bl-mod-banner-btn { width: 100%; height: 44px; justify-content: center; }
  .bl-v4 .bl-k7-rej-head, .bl-v4 .bl-k7-rej-row { padding-left: 16px; padding-right: 16px; }
  .bl-v4 .bl-ki-compose-foot .bl-btn { flex: 1 1 auto; height: 44px; }
}