.seop-logo-lockup {
    display: flex;
    align-items: center;
    gap: 12px;
}

.seop-logo-lockup > strong {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .08em;
    white-space: nowrap;
}

.seop-auth-intro .seop-logo-lockup {
    width: max-content;
    margin-bottom: 18px;
}

.seop-auth-intro .seop-auth-logo { margin-bottom: 0; }
.seop-admin-brand .seop-logo-lockup,
.seop-portal-logo .seop-logo-lockup { margin-bottom: 8px; }

.seop-document header > div:first-child:before {
    background-image: url("https://portal.stitchexpo.com/wp-content/uploads/2026/08/STITCH-EXPO.png") !important;
}

.seop-menu-toggle {
    display: none;
    appearance: none;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: #fff;
    cursor: pointer;
}

.seop-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition: transform .2s ease, opacity .2s ease;
}

.seop-menu-toggle b { font-size: 11px; font-weight: 800; }

/* The sidebar is the desktop navigation. The menu control only belongs on phones. */
@media (min-width: 761px) {
    .seop-menu-toggle { display: none !important; }
    .seop-portal > aside > nav,
    .seop-admin-portal > aside > nav { display: grid !important; }
}

@media (max-width: 760px) {
    .seop-portal > aside,
    .seop-admin-portal > aside { position: relative; }

    .seop-portal-logo,
    .seop-admin-brand { max-width: calc(100% - 62px); margin-bottom: 0 !important; }

    .seop-logo-lockup { gap: 9px; }
    .seop-logo-lockup > strong { font-size: 14px; }

    .seop-menu-toggle {
        position: absolute;
        z-index: 101;
        top: 18px;
        right: 16px;
        display: grid !important;
        grid-template-columns: 22px;
        grid-template-rows: repeat(3,2px);
        align-items: center;
        gap: 4px 7px;
        width: 52px;
        min-width: 52px;
        min-height: 45px;
        padding: 9px 10px;
    }

    .seop-menu-toggle span { grid-column: 1; }
    .seop-menu-toggle b { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); }

    .seop-portal > aside > nav,
    .seop-admin-portal > aside > nav,
    .seop-portal > aside > .seop-contact,
    .seop-portal > aside > .seop-logout { display: none !important; }

    .seop-portal > aside.seop-menu-open > nav,
    .seop-admin-portal > aside.seop-menu-open > nav { display:grid!important;position:fixed;z-index:100;top:86px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 104px);margin:0;padding:12px;gap:4px;overflow-y:auto!important;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#071a31;box-shadow:0 24px 60px rgba(1,11,24,.42); }

    .seop-portal > aside.seop-menu-open nav a,
    .seop-admin-portal > aside.seop-menu-open nav a { width:100%;min-height:46px;padding:10px 14px;white-space:normal;justify-content:flex-start!important;text-align:left; }

    .seop-menu-open .seop-menu-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .seop-menu-open .seop-menu-toggle span:nth-child(2) { opacity: 0; }
    .seop-menu-open .seop-menu-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}

@media (max-width: 480px) {
    .seop-logo-lockup > strong { font-size: 13px; letter-spacing: .05em; }
    .seop-menu-toggle { grid-template-columns: 22px; min-width: 44px; }
}