/* Работа с сигналами: SLA реакции, эскалация, память агентства (что помогало). */
.aw-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.aw-chips .chip { font-variant-numeric: tabular-nums; white-space: nowrap; }
.aw-who { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.aw-card { margin: 4px 0 12px; }
.aw-card .panel-head h2 { font-size: 14px; }
.aw-card details > summary { cursor: pointer; }
.aw-note { border-left: 2px solid var(--line-2); padding: 2px 0 2px 10px; }
.aw-note p { margin: 0 0 2px; white-space: pre-line; }
.aw-help { padding: 8px 0; border-top: 1px solid var(--line); }
.aw-help:first-child { border-top: 0; padding-top: 0; }
.aw-help p { margin: 0 0 4px; }
.aw-eff, .aw-pct span { font-variant-numeric: tabular-nums; }
.aw-good { color: var(--ok); font-weight: 550; }
.aw-bad { color: var(--critical); font-weight: 550; }
.aw-pct { display: flex; align-items: center; gap: 8px; min-width: 120px; }
.aw-pct span { min-width: 42px; }
.aw-pct .bar { flex: 1; }
.aw-bar { align-items: center; gap: 8px; flex-wrap: wrap; }
.aw-amount { gap: 6px; align-items: center; flex-wrap: nowrap; }
.aw-amount input[type="number"] { width: 78px; }
.aw-amount .aw-unit { width: auto; }
.aw-group { margin-bottom: 0; }
.aw-group p { margin: 0; }
#aw-note-text { width: 100%; resize: vertical; }
@media (max-width: 860px) {
  .aw-who { max-width: 120px; }
  .aw-amount { flex-wrap: wrap; }
}
#aw-sla td, #aw-sla th { white-space: nowrap; }
.aw-pct span { white-space: nowrap; }
.aw-notebox .seg { justify-self: start; }
#aw-note-text { font-family: inherit; font-size: 14px; }