/* Layout fix: Blazor starter used flex-direction:row on .page (broke RTL full layout).
   Do NOT force width:100% on .app-content — Ynex already uses margin-inline-start:15rem
   for the sidebar; width:100% + that margin creates a huge empty gutter. */

.page {
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100%;
    max-width: 100%;
}

/* Let block layout fill the space beside the sidebar naturally */
.page .main-content.app-content,
.page .app-content.main-content,
.main-content.app-content {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}
