/* 04.51.0 r1 — presentation-only Inbox density pass. No SLA policy or provider logic changed. */
/* WhatsApp, Messenger and Instagram policy status share one visible line; policy link stays at end. */
.workspace.focused-shell .conversation-policy-banner.channel-policy-compact {
  min-height:34px; padding:5px 12px; gap:10px; align-items:center;
  flex-wrap:nowrap; overflow:hidden;
}
.workspace.focused-shell .channel-policy-compact .policy-banner-main {
  display:flex; align-items:center; gap:9px; flex:1 1 auto; min-width:0; overflow:hidden;
}
.workspace.focused-shell .channel-policy-compact .policy-banner-dot {
  margin-top:0; width:8px; height:8px;
}
.workspace.focused-shell .channel-policy-compact .policy-banner-copy {
  display:flex; align-items:baseline; gap:0; flex:1 1 auto; min-width:0;
  white-space:nowrap; overflow:hidden;
}
.workspace.focused-shell .channel-policy-compact .policy-banner-copy strong,
.workspace.focused-shell .channel-policy-compact .policy-banner-copy span {
  display:inline; line-height:20px; font-size:11px; white-space:nowrap;
}
.workspace.focused-shell .channel-policy-compact .policy-banner-copy strong {font-weight:700;flex:none}
.workspace.focused-shell .channel-policy-compact .policy-banner-copy span {
  min-width:0; overflow:hidden; text-overflow:ellipsis; color:#37734f;
}
.workspace.focused-shell .channel-policy-compact.closed .policy-banner-copy span {color:#946c24}
.workspace.focused-shell .channel-policy-compact .policy-banner-link {
  flex:none; white-space:nowrap; font-size:11px; padding:3px 4px;
}
/* Keep the full policy copy readable at typical laptop/desktop widths. */
@media (min-width:941px) and (max-width:1350px){
 .workspace.focused-shell .channel-policy-compact .policy-banner-copy strong,
 .workspace.focused-shell .channel-policy-compact .policy-banner-copy span {font-size:10px}
 .workspace.focused-shell .channel-policy-compact .policy-banner-link {font-size:10px}
 .workspace.focused-shell .channel-policy-compact .policy-banner-main {gap:6px}
}
/* Preserve readable text and action in the accessible narrow-screen layout. */
@media(max-width:940px){
 .workspace.focused-shell .channel-policy-compact .policy-banner-link {font-size:0;padding:3px 4px}
 .workspace.focused-shell .channel-policy-compact .policy-banner-link:after{content:"↗";font-size:12px}
 .workspace.focused-shell .channel-policy-compact .policy-banner-copy strong {flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* Reserve a little more horizontal space for the five card status elements. */
@media(min-width:1001px){
 .workspace.focused-shell .professional-grid {grid-template-columns:344px minmax(0,1fr) 38px}
}
@media(min-width:721px) and (max-width:1000px){
 .workspace.focused-shell .professional-grid {grid-template-columns:328px minmax(0,1fr) 36px}
}
/* Keep stage, SLA, reply-window, agent and unread badge in one status line. */
.workspace.focused-shell .professional-card {min-height:76px;row-gap:4px}
.workspace.focused-shell .professional-card .card-tags {
  grid-area:tags; grid-column:2 / -1; display:flex; align-items:center;
  flex-wrap:nowrap; gap:4px; min-width:0; width:100%;
  padding:0; margin:0; white-space:nowrap; overflow:visible;
}
.workspace.focused-shell .professional-card .card-tags > * {flex:none}
.workspace.focused-shell .professional-card .card-tags .card-tail {
  display:inline-flex; align-items:center; gap:3px; margin-left:auto;
  min-height:20px; flex:none; position:static;
}
.workspace.focused-shell .professional-card .card-tags .card-tail .staff-avatar {
  position:static; flex:none; width:19px!important; min-width:19px!important; height:19px!important;
  border-radius:5px; font-size:8px!important;
}
.workspace.focused-shell .professional-card .card-tags .card-tail .client-unread {
  position:static; flex:none; margin:0; min-width:16px; height:17px;
  padding:0 4px; font-size:8px;
}
.workspace.focused-shell .professional-card .card-tags .lifecycle-chip {font-size:8px;padding:2px 4px}
/* Use the muted red palette for compact chat-list SLA badges. */
.workspace.focused-shell .professional-card .card-tags .sla-chip.sla-breached {
  background:#f9eceb; color:#97443f; border:1px solid #e9caca;
  border-radius:5px; padding:2px 4px; font-size:8px; font-weight:650; line-height:1.2;
}
.workspace.focused-shell .professional-card .card-tags .sla-chip.sla-breached .ui-icon {display:none}
.workspace.focused-shell .professional-card .card-tags .sla-chip:not(.sla-breached) {font-size:8px;padding:2px 4px}
.workspace.focused-shell .professional-card .card-tags .reply-window-chip {
  font-size:8px; max-width:none; padding:2px 5px; line-height:1.2;
}
.workspace.focused-shell .professional-card .card-tags .reply-window-chip .ui-icon {width:8px;height:8px}
.workspace.focused-shell .professional-card .card-tags .thread-count {font-size:7px;padding:2px 3px}
/* Compact the whole status row further on small phones. */
@media(max-width:460px){
 .workspace.focused-shell .professional-card .card-tags {gap:3px}
 .workspace.focused-shell .professional-card .card-tags .sla-chip.sla-breached {font-size:7px;padding:2px 3px}
 .workspace.focused-shell .professional-card .card-tags .reply-window-chip {font-size:7px;padding:2px 3px}
 .workspace.focused-shell .professional-card .card-tags .card-tail {gap:2px}
}
/* Maintain legibility for dark-theme row labels. */
html[data-theme="dark"] .workspace.focused-shell .professional-card .card-tags .sla-chip.sla-breached {
 background:#4b3334;color:#f0b8b5;border-color:#735154;
}

/* 04.51.0 r3 — Match operational breach banner to the muted red chat-list badge.
   No changes to message eligibility, SLA events, layout, or alerts. */
html[data-theme="dark"] .sla-conversation-banner.sla-breached {
  background:#4b3334; color:#f0b8b5; border-bottom-color:#735154;
}