/* RU: КБ3 «Кабинет 2.0»: карточка «Чем закончились обращения за вчера» (outcomes.js). Только токены, без style="…" (CSP).
   EN: KB3 "Cabinet 2.0": the "How did yesterday's contacts end?" card (outcomes.js). Tokens only, no inline styles (CSP). */
.oc-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.oc-card .oc-cnt{font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.oc-prog{display:block;width:100%;height:6px;margin:4px 0 10px;border:0;border-radius:6px;background:var(--surface-2);overflow:hidden;-webkit-appearance:none;appearance:none}
.oc-prog::-webkit-progress-bar{background:var(--surface-2);border-radius:6px}
.oc-prog::-webkit-progress-value{background:var(--ok);border-radius:6px;transition:width var(--dur) var(--ease)}
.oc-prog::-moz-progress-bar{background:var(--ok);border-radius:6px}
.oc-note{margin:0 0 6px;font-size:var(--fs-sm);color:var(--muted)}
.oc-list{list-style:none;margin:0;padding:0}
.oc-list>li{border-top:1px solid var(--line-2);padding:12px 0;min-width:0}
.oc-list>li:first-child{border-top:0}
.oc-h{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:baseline;min-width:0}
.oc-h b{font-weight:600}
.oc-h .oc-what{color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.oc-h .oc-when{font-size:var(--fs-sm);color:var(--muted)}
.oc-h a{font-size:var(--fs-sm);margin-left:auto}
.oc-sug{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:var(--fs-sm);background:var(--acc-soft);color:var(--acc-soft-ink);border-radius:var(--r-s);padding:6px 10px;margin:8px 0 2px}
.oc-sug>span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.oc-sug>.ic{flex:none}
.oc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.oc-chips .oc-why{font-size:var(--fs-sm);color:var(--muted)}
.oc-amt label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--fs-sm)}
.oc-amt input{width:8em;max-width:100%}
.oc-set{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;font-size:var(--fs-sm);color:var(--ok)}
.oc-set.oc-wait{color:var(--ink-2)}
.oc-done{margin:8px 0 0;font-size:var(--fs-sm);color:var(--ok)}
.oc-more{margin:8px 0 0;font-size:var(--fs-sm);color:var(--muted)}
@media(max-width:600px){.oc-h a{margin-left:0}.oc-chips .btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.oc-prog::-webkit-progress-value{transition:none}}