/*-------------------------------------------------------------------*/



.session-container {
    width: 100%;
    background-color: #f1f5f9;
    padding: 40px;
    margin: auto;
    border-radius: 12px;
    color: #0f172a;
}

.session-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 30px;
}



.session-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.btn-primary {
background-color: #1d4ed8;
color: #ffffff;
border: none;
padding: 10px 18px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: background-color 0.2s ease-in-out;
}

.btn-primary:hover {
background-color: #2563eb;
}

.session-actions button {
    background-color: #1d4ed8;
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
}

.session-actions button:hover {
    background-color: #2563eb;
}

.session-main {
   display: flex;
   flex-direction: column;
    
   
}

.menu {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}





.content-section {
    width: 99%;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 24px 28px;
    margin:1%;
}





.button-secondary,
.button-inline button {

    border-radius: 8px;
border: 1px solid var(--Primary-900, #3F4DCB);
background: var(--Primary-900, #3F4DCB);
    padding: 8px 14px;
    font-size: 13px;
   color:#FFFF;
    cursor: pointer;
   
    transition: all 0.2s ease-in-out;
}

.button-secondary:hover {
    background-color: #bae6fd;
}

.button-inline {
    display: inline-block;
    margin-right: 12px;
}