/* 6강 공용 스타일 */

/* spin 고리 */
.r6-ring { fill: var(--surface); stroke: var(--accent); stroke-width: 1.6; stroke-dasharray: 5 4; }
.r6-ringhd { fill: var(--accent); }

/* 시간 축 머리 */
.r6-axhd { fill: var(--muted); }

/* 시간 축 위의 일 막대 */
.r6-bar { fill: color-mix(in srgb, var(--key) 40%, var(--surface-2)); stroke: var(--key); stroke-width: 1.2; transition: opacity 0.3s ease; }
.r6-bar.on { fill: color-mix(in srgb, var(--accent) 45%, var(--surface-2)); stroke: var(--accent); }
.r6-bar.bad { fill: color-mix(in srgb, var(--value) 40%, var(--surface-2)); stroke: var(--value); }
.r6-bar.wait { fill: none; stroke: var(--value); stroke-dasharray: 3 3; }
.r6-bar.hide { opacity: 0; }

/* rqt_console 표 */
.r6-row { fill: var(--surface-2); transition: opacity 0.3s ease, fill 0.3s ease; }
.r6-row.on { fill: color-mix(in srgb, var(--accent) 20%, var(--surface)); }
.r6-row.bad { fill: color-mix(in srgb, var(--value) 20%, var(--surface)); }
g.r6-line { transition: opacity 0.3s ease; }
g.r6-line.hide { opacity: 0; }
g.r6-line.dim { opacity: 0.3; }