.case-ui{width:100%;border:1px solid rgb(226 232 240/.9);border-radius:var(--radius-md);overflow:hidden;background:#ffffff;box-shadow:0 8px 24px rgb(15 23 42/.06)}.case-ui__chrome{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-background) 60%,transparent)}.case-ui__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-border-strong)}.case-ui__bar{flex:1;height:.375rem;margin-left:.5rem;border-radius:var(--radius-sm);background:var(--color-border-subtle)}.case-ui__body{display:grid;grid-template-columns:4rem 1fr;min-height:10rem}.case-ui__sidebar{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .5rem;border-right:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface) 50%,transparent)}.case-ui__nav-item{height:.375rem;border-radius:var(--radius-sm);background:var(--color-border-subtle)}.case-ui__nav-item--active{background:color-mix(in srgb,var(--color-accent) 60%,var(--color-border))}.case-ui__main{padding:.875rem;display:flex;flex-direction:column;gap:.625rem}.case-ui__header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.case-ui__title-bar{flex:1;height:.5rem;max-width:40%;border-radius:var(--radius-sm);background:var(--color-border)}.case-ui__badge{width:2.5rem;height:.875rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.case-ui__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.case-ui__card{height:2rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-border) 60%,transparent);border:1px solid var(--color-border-subtle)}.case-ui__card--wide{grid-column:span 3;height:1.25rem}.case-ui__chart{flex:1;min-height:3rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:linear-gradient(to top,color-mix(in srgb,var(--color-accent) 15%,transparent) 0,transparent 100%),color-mix(in srgb,var(--color-surface) 40%,transparent)}.case-ui--workflow .case-ui__chart{background:linear-gradient(to top,color-mix(in srgb,var(--color-success) 12%,transparent) 0,transparent 100%),color-mix(in srgb,var(--color-surface) 40%,transparent)}.case-ui--infrastructure .case-ui__chart{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 20%,transparent) 0,color-mix(in srgb,var(--color-accent) 20%,transparent) 2px,transparent 2px,transparent 12px),color-mix(in srgb,var(--color-surface) 40%,transparent)}