/* ================================
   SIDEBAR CONTAINER
   ================================ */
.sidebar {
    width: 200px;             /*was 240px          */
    height: 100vh;
    background-color: #f7f7f7;
    border-right: 1px solid #dcdcdc;
    display: flex;
    flex-direction: column;
    padding: 8px 18px;      /*24px  18px */
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* ================================
   LOGO / IMAGE AREA
   ================================ */
.sidebar-header img {
    width: 100%;
    max-width: 160px;
    margin: 0 auto 32px auto;
    display: block;
    padding: 12px 18px;
    margin-bottom: 0;
    padding-bottom: 0;


}

/* ================================
   MENU SECTION
   ================================ */
.sidebar-menu {
    flex-grow: 1;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    gap: 4px; /* 16px slightly tighter, calmer rhythm */
}

.sidebar-menu a {
    display: block;
}
.identity-block {
    width: 300px;        /* this is your “starting point” */
    text-align: right;   /* right-skewed alignment */
    margin-left: auto;   /* pushes it to the right edge */
    line-height: 1.4;
}



/* ================================
   MENU ITEM
   ================================ */
.menu-item {
    font-size: 18px;       /*was 18px           */
    color: #333;
    text-decoration: none;
    padding: 12px 12px; /* equal left/right padding for cleaner alignment */
    border-radius: 6px;
    line-height: 1.4;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.menu-item:hover {
    background-color: #e6e6e6;
}

/* Active state (optional but recommended) */
.menu-item.active {
    background-color: #dcdcdc;
    font-weight: bold;
}
.dashboard-body {
    display: flex;
    align-items: flex-start;
}

.message-box {
    width: 3in;             /* was 3in   */
    height: 2in;
    margin-left: .1in;       /*was 1in   */
    padding: 0.25in;
    border: 1px solid #ccc;
    box-sizing: border-box;
    align-self: flex-start;   /* prevents stretching */
}

.message-box h2 {
    margin-top: 0.25in;       /*was .25in          */
    margin-bottom: 0.1in;
}

.message-box p {
    text-indent: 0.33in;         /*was .33in  */
    margin: 0;
}




/* ================================
   FOOTER / LOGOUT
   ================================ */
.sidebar-footer {
    margin-top: auto;
}

.logout {
    color: #a00;
    font-weight: bold;
}
 .header-container {
    position: relative;
}
.right-info {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
}