/* Separator component — visual and semantic divider */
.mui-separator {
background: var(--mui-border);
flex-shrink: 0;
}
/* Horizontal separator — full width, minimal height */
.mui-separator--horizontal {
height: 1px;
width: 100%;
margin: 0;
}
/* Vertical separator — minimal width, stretches to fill parent */
.mui-separator--vertical {
width: 1px;
align-self: stretch;
min-height: 1rem;
display: inline-block;
}