.ps-support-sidebar-label{padding:22px 12px 8px;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ps-sidebar-icon{width:20px;text-align:center;color:currentColor}
.ps-support-brand-link{display:flex!important;align-items:center;gap:10px;text-decoration:none}
.ps-support-logo-image{height:30px;width:auto;max-width:158px;object-fit:contain}
.ps-support-brand-label{padding-left:10px;border-left:1px solid #d0d5dd;color:#667085;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.zSidebar{border-right:1px solid #e8ecf3;box-shadow:none!important}
.zSidebar-leftBar{display:none!important}
.zSidebar-menu li a{border-radius:10px;transition:background-color .15s ease,color .15s ease}
.zSidebar-menu li a:hover,.zSidebar-menu li a.active{background:#eef4ff;color:#0b63f6}
.ps-support-admin-header{min-height:72px;border-bottom:1px solid #e8ecf3;box-shadow:none!important;background:#fff}
.ps-public-header{border-bottom:1px solid #eef1f5;box-shadow:0 4px 18px rgba(16,24,40,.04)}
.ps-public-logo{height:32px;width:auto;max-width:168px;object-fit:contain}
.ps-public-primary,.ps-public-secondary{min-height:46px;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.ps-public-primary{background:#0b63f6;color:#fff}
.ps-public-primary:hover{background:#0755d8;color:#fff}
.ps-public-secondary{background:#fff;border:1px solid #e4e7ec;color:#344054}
.ps-public-secondary:hover{color:#0b63f6;border-color:#b9cef4}
.ps-feature-icon{display:flex!important;align-items:center;justify-content:center;width:74px!important;height:74px!important;margin-left:auto;margin-right:auto}
.ps-feature-icon i{font-size:28px;color:#0b63f6}
@media(max-width:991.98px){.ps-public-header .offcanvas{padding:0 8px}.ps-public-header .nav-link{padding:13px 14px!important}}

/* 2026-10-03 public help-center navigation spacing */
.ps-public-header{
    min-height:86px;
    display:flex;
    align-items:center;
}
.ps-public-header .row{
    min-height:86px;
}
.ps-public-nav{
    display:flex;
    gap:34px;
}
.ps-public-nav .nav-link{
    padding:14px 0!important;
    color:#1d2939;
    font-size:15px;
    line-height:1.2;
    font-weight:600;
    white-space:nowrap;
}
.ps-public-nav .nav-link:hover{
    color:#0b63f6;
}
.ps-public-actions{
    gap:10px;
}
@media (max-width:1199.98px){
    .ps-public-nav{gap:22px}
    .ps-public-primary,.ps-public-secondary{padding:10px 13px;font-size:13px}
}
@media (max-width:991.98px){
    .ps-public-header,.ps-public-header .row{min-height:72px}
    .ps-public-nav{display:block;padding:16px 8px}
    .ps-public-nav .nav-link{padding:13px 14px!important;font-size:15px}
}

/* 2026-10-03 refined PrymeStudy Support public navigation */
.ps-public-header-shell{
    position:sticky;
    top:0;
    z-index:1030;
    padding:12px 18px;
    background:rgba(247,249,252,.86);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.ps-public-navbar{
    width:min(1400px,100%);
    min-height:72px;
    margin:0 auto;
    padding:10px 12px 10px 18px;
    display:grid;
    grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
    align-items:center;
    gap:18px;
    border:1px solid #e4e7ec;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(16,24,40,.07);
}
.ps-public-brand{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:0;
    text-decoration:none;
}
.ps-public-logo{
    display:block;
    height:30px;
    width:auto;
    max-width:150px;
    object-fit:contain;
}
.ps-public-brand-divider{
    width:1px;
    height:24px;
    background:#d0d5dd;
}
.ps-public-brand-word{
    color:#667085;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.ps-public-nav-wrap{
    justify-self:center;
    align-items:center;
    gap:4px;
    padding:5px;
    border:1px solid #eaecf0;
    border-radius:999px;
    background:#f8fafc;
}
.ps-public-nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 16px;
    border-radius:999px;
    color:#475467;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.ps-public-nav-link:hover{
    color:#0b63f6;
    background:#fff;
}
.ps-public-nav-link.active{
    color:#101828;
    background:#fff;
    box-shadow:0 2px 8px rgba(16,24,40,.08);
}
.ps-public-actions{
    justify-self:end;
    align-items:center;
    gap:8px;
}
.ps-public-primary,.ps-public-secondary{
    min-height:44px;
    border-radius:12px;
    padding:10px 15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:13px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
}
.ps-public-primary{
    background:#0b63f6;
    color:#fff;
    border:1px solid #0b63f6;
    box-shadow:0 6px 16px rgba(11,99,246,.18);
}
.ps-public-primary:hover{
    background:#0755d8;
    border-color:#0755d8;
    color:#fff;
}
.ps-public-secondary{
    background:#fff;
    color:#344054;
    border:1px solid #dfe3ea;
}
.ps-public-secondary:hover{
    color:#0b63f6;
    border-color:#b8ccf4;
    background:#f8fbff;
}
.ps-public-menu-button{
    justify-self:end;
    width:42px;
    height:42px;
    border:1px solid #e4e7ec;
    border-radius:12px;
    background:#fff;
    color:#101828;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
}
.ps-support-mobile-nav{
    width:min(360px,92vw)!important;
}
.ps-support-mobile-nav .offcanvas-header{
    padding:18px;
    border-bottom:1px solid #eaecf0;
}
.ps-support-mobile-nav .offcanvas-body{
    padding:18px;
}
.ps-mobile-nav-list{
    display:grid;
    gap:8px;
}
.ps-mobile-nav-list a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-radius:12px;
    color:#344054;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
}
.ps-mobile-nav-list a i{
    width:18px;
    text-align:center;
    color:#667085;
}
.ps-mobile-nav-list a:hover,
.ps-mobile-nav-list a.active{
    background:#eef4ff;
    color:#0b63f6;
}
.ps-mobile-nav-list a.active i{
    color:#0b63f6;
}
.ps-mobile-nav-actions{
    display:grid;
    gap:10px;
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #eaecf0;
}
.ps-mobile-nav-actions .ps-public-primary,
.ps-mobile-nav-actions .ps-public-secondary{
    width:100%;
}
@media(max-width:1199.98px){
    .ps-public-navbar{
        grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
        gap:12px;
    }
    .ps-public-nav-link{
        padding:8px 12px;
        font-size:13px;
    }
    .ps-public-primary,.ps-public-secondary{
        padding:10px 12px;
        font-size:12px;
    }
}
@media(max-width:991.98px){
    .ps-public-header-shell{
        padding:8px 10px;
    }
    .ps-public-navbar{
        min-height:62px;
        grid-template-columns:1fr auto;
        padding:8px 10px 8px 14px;
        border-radius:16px;
    }
    .ps-public-logo{
        height:28px;
    }
    .ps-public-brand-word{
        font-size:10px;
    }
}
@media(max-width:430px){
    .ps-public-brand-divider,
    .ps-public-brand-word{
        display:none;
    }
}
