/* v19 · вкладка «Поддержка» */
.sup-tabs{margin:14px 0 16px}
.sup-tabs a.chip{text-decoration:none}
.sup-hidden{margin:6px 0 10px;background:var(--amber-pale);border:1px solid #F1DDB0;border-radius:12px;padding:10px 14px;font-size:14px}
.sup-pkg{margin:4px 0 0}
.sup-pkg-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}
.sup-pkg .bar .fill.warn{background:linear-gradient(90deg,#E0A020,#E9B848)}
.sup-pkg .bar .fill.over{background:linear-gradient(90deg,var(--coral),var(--coral-d))}
a.card.sup-t{display:block;text-decoration:none;color:inherit}
a.card.sup-t:hover{border-color:var(--teal)}
.sup-tt{min-width:0;overflow-wrap:anywhere}
.sup-sla{margin-top:6px}
.slab{display:inline-block;font:600 12.5px var(--head);border-radius:999px;padding:3px 10px;background:var(--green-pale);color:var(--green)}
.slab.yellow{background:var(--amber-pale);color:var(--amber)}
.slab.red{background:var(--red-pale);color:var(--red)}
.slab.grey{background:#EEF1F1;color:var(--muted)}
.sup-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.sup-tbl{min-width:520px}
table.sup-tbl td.num{white-space:nowrap;font-variant-numeric:tabular-nums}
table.sup-tbl input[type=text],table.sup-tbl input[type=number]{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px}
table.sup-tbl tr.storno td{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(91,112,120,.45)}
table.sup-tbl tr.storno td .small{text-decoration:none}
.sup-tbl .bad,.sup-per .bad,.sup-kpis .bad,.sup-pkg .bad,.meta .bad{color:var(--red)}
.sup-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
.sup-kpis .card+.card{margin-top:0}
.comments .cm.sys{color:var(--muted)}
.comments .cm.sys b{color:var(--ink)}
.sup-lvl{display:grid;gap:6px;margin:-4px 0 10px}
.sup-lvl small{display:block;color:var(--muted);line-height:1.4}
.sup-per .meta{line-height:1.6}
@media (max-width:860px){.sup-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sup-kpis{grid-template-columns:1fr 1fr;gap:8px}.sup-kpis .v{font-size:20px}.sup-pkg-h{font-size:13px}main .row .btn-main#spNew{width:100%}}
@media (max-width:640px){
  table.sup-tbl{min-width:0}
  table.sup-tbl td{overflow-wrap:anywhere}
  table.sup-tbl td[data-label]:not(:empty)::before{content:attr(data-label) ": ";color:var(--muted);font-size:12px;font-weight:600}
  table.sup-tbl td:empty{display:none}
  table.sup-tbl td .btn{margin:4px 6px 0 0}
}