/* ===== Components Bundle: modal buttons, global buttons, sidebar nav, user card ===== */

/* --- inline-style-3.css: Modal button overrides --- */
.modal-window button,
.modal-window .btn,
.modal-window .action-btn,
.modal-window .btn-primary{
border-radius:999px !important;
padding:10px 16px !important;
border:none !important;
}.modal-window .close-btn{
border-radius:8px !important;
padding:6px !important;
}.modal-window .modal-footer,
.modal-window .modal-actions,
.modal-window .modal-actions-wrap,
.modal-window footer{
display:flex !important;
justify-content:flex-end !important;
gap:14px !important;
align-items:center !important;
}.modal-window button + button{
margin-left:12px !important;
}

/* --- inline-style-4.css: Global oval buttons + journals exemption --- */
button,
input[type="button"],
input[type="submit"],
.action-btn,
.btn,
.oval-btn{
border-radius:999px !important;
}.nav-item[data-target="journals"],
.nav-item[data-target="journals"] .nav-icon,
.nav-item[data-target="journals"] + .submenu .nav-item,
#journals,
#learning-journals,
#journals button,
#journals .btn,
#journals .journal-tab,
#journals .journal-sub-tab,
#gradebook-view,
#gradebook-view button,
#gradebook-view .btn{
border-radius:6px !important;
}

/* --- inline-style-12.css: Sidebar nav, divider, submenu --- */
.sidebar-divider{
display:block !important;
height:0;
border:none;
border-top:1px solid #c5d9eb !important;
background:transparent;
margin:12px -16px;
width:calc(100% + 32px);
position:relative;
z-index:6;
opacity:1;
border-radius:1px;
transform:translateZ(0);
flex:0 0 auto;
}.user-logout-full{
border:none !important;
justify-content:flex-start !important;
padding:10px 12px !important;
text-align:left;
}.user-logout-full i{
margin-right:8px;
}.nav-item:not(.active) i.fa-calendar-week,
.nav-item:not(.active) i.fa-calendar{
color:#111;
}.nav-item .arrow{
font-size:0 !important;
width:0;
height:0;
margin-left:auto;
margin-right:21px;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-top:0;
border-bottom:8px solid currentColor;
transition:
transform 0.22s ease,
border-bottom-color 0.2s;
display:inline-block;
transform-origin:center;
transform:rotate(0deg) !important;
}.nav-item .arrow::before{
content:none !important;
}.nav-item.collapsed .arrow{
transform:rotate(180deg) !important;
}.nav-item.expanded .arrow{
transform:rotate(0deg) !important;
border-bottom-color:currentColor !important;
}.nav-item.active .arrow{
border-bottom-color:currentColor !important;
}.submenu{
max-height:0;
overflow:hidden;
transition:
max-height 0.28s ease,
padding 0.22s ease;
padding-left:0;
}.submenu.open{
max-height:480px;
padding-top:0;
padding-bottom:10px;
}.nav-item.expanded{
background:var(--light-blue-bg);
color:var(--primary-blue);
border:1px solid rgba(28, 119, 255, 0.12);
border-radius:10px 10px 0 0;
padding:10px 0 12px 12px;
}.nav-item.expanded > i{
color:var(--primary-blue);
}.nav-item.expanded + .submenu.open{
border:1px solid rgba(28, 119, 255, 0.12);
border-top:none;
border-radius:0 0 10px 10px;
background:linear-gradient(
-90deg,
rgba(235, 245, 255, 0.6),
rgba(235, 245, 255, 0.4)
);
padding-left:0;
}.nav-item.expanded + .submenu.open .nav-item{
background:transparent !important;
color:var(--text-dark);
border-radius:0;
padding:8px 12px 8px 40px !important;
font-weight:600;
}.nav-item.expanded.active,
.nav-item.expanded.active > i{
color:var(--primary-blue);
}.nav-item.expanded + .submenu.open .nav-item.active{
color:var(--primary-blue);
font-weight:700;
}.sidebar.collapsed .nav-item .arrow{
display:none;
}

/* --- user-card.css: Sidebar user card --- */
.sidebar.updated-user-card .user-profile {
    padding: 10px 6px 12px;
    margin-left: -6px;
    margin-right: -6px;
    width: calc(100% + 12px);
    border-top: 1px solid #edf1f7;
}
.sidebar.updated-user-card .user-card-inner {
    width: calc(100% + 16px);
    margin-left: -8px;
    min-height: 62px;
    padding: 8px 10px 10px;
    border: 1px solid #e4e9f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 51, 79, .04);
}
.sidebar.updated-user-card .user-card-top {
    gap: 9px;
}
.sidebar.updated-user-card .user-card-top .avatar {
    width: 36px;
    height: 36px;
    background: #eaf2ff;
    color: #246fe8;
    font-size: 13px;
}
.sidebar.updated-user-card .user-name {
    color: #000;
    font-size: 12.5px;
    font-weight: 700;
}
.sidebar.updated-user-card .user-role {
    display: none !important;
}
.sidebar.updated-user-card .user-logout-full {
    min-height: 36px;
    margin-top: 8px;
    padding: 8px 12px;
    border-color: #e4e9f0;
    border-radius: 8px;
    color: #000;
    font-size: 12px;
}