/* Dashboard wrapper */
.wrapper.dashboard-page {
    max-width: 900px;      /* increase max width as needed */
    padding-left: 2rem;     /* more space on the left */
    padding-right: 2rem;    /* more space on the right */
    margin: 0 auto;         /* center the wrapper */
    box-sizing: border-box; /* ensures padding doesn't shrink content */
}

/* Dashboard content layout */
.dashboard-content {
    display: flex;
    justify-content: space-between; /* pushes sidebar to the right */
    align-items: flex-start;
    gap: 0rem; /* space between main and sidebar */
}

/* Main content */
.dashboard-main {
    flex: 1;          /* takes remaining space */
    min-width: 0;     /* avoids overflow issues */
}

/**********************/
/* Generic sidebar */
/**********************/

/* Container */
.side {
    width: 220px;      /* fixed width */
    flex-shrink: 0;    /* don’t shrink */
    text-align: right; /* aligns all text to the right */
}

/* Headings inside sidebar */
.side h2, .side h3 {
    margin: 0 0 var(--len-2) 0;
}

/* Lists */
.side ul {
    list-style: none;
    margin: 0;
    padding: 0 0 var(--len-2) 0;
    border-bottom: 1px solid var(--color-bg-content); /* underline for each list */
}

/* Optional: remove border for last list in a section */
.side ul:last-child {
    border-bottom: none;
}

.side li {
    margin-bottom: var(--len-2);
}

.side li:last-child {
    margin-bottom: 0;
}

/* Horizontal tag lists */
.side-tags {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-tags li.inline-tag {
    display: inline;       /* inline instead of block */
    margin-right: 0.5em;   /* single space between tags */
}

/* Links */
.side a {
    color: var(--color-fg-font-normal);
    text-decoration: none;
}

.side a:hover {
    color: var(--color-fg-hyperlink);
}

/* Sections inside sidebar */
.side > * {
    padding: var(--len-3);
    margin-bottom: var(--len-3);
}

.side > *:last-child {
    margin-bottom: 0;
}

/* Separators */
.side hr {
    border: none;
    height: 1px;
    background-color: var(--color-bg-content);
    margin: var(--len-2) 0;
}