/* Màn dieu-phoi (mockup 4c) — chỉ dùng token trong tokens.css. */
.dp-cot { display: grid; grid-template-columns: 1fr 420px; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .dp-cot { grid-template-columns: 1fr; } }
.dp-bang td:nth-child(2) { min-width: 220px; }
.dp-chu { gap: 6px 10px; }
.dp-o { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
span.bar-info { background: var(--info); } span.bar-teal { background: var(--brand-teal-700); } span.bar-warn { background: var(--warn); }
.sla.info { color: var(--info); background: var(--info-tint); }