.app-shell .app-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: max(30px, env(safe-area-inset-top)) 16px 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(214, 184, 138, .58) !important;
    border-radius: 0 0 22px 22px !important;
    background: linear-gradient(135deg, rgba(14,15,18,.98), rgba(38,31,25,.97)) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(17,17,20,.2), inset 0 1px rgba(255,255,255,.08) !important;
    backdrop-filter: blur(18px) !important;
}

.app-shell[data-page="home"] .app-head {
    display: none !important;
}

.app-shell .app-head::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 88% 15%, rgba(214,184,138,.22), transparent 34%);
}

.app-shell .app-head::after { display: none !important; }
.app-shell .header-row { position: relative; z-index: 1; min-height: 50px !important; }
.app-shell .header-account { gap: 10px !important; }
.app-shell .header-copy small { color: #cbbda9 !important; }
.app-shell .header-copy h1 { color: #fff !important; font-size: 14px !important; }
.app-shell .online-dot { background: #d6b88a !important; box-shadow: 0 0 0 4px rgba(214,184,138,.12) !important; }
.app-shell .avatar-ring {
    width: 43px !important;
    height: 43px !important;
    border: 1px solid rgba(214,184,138,.72) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,#d6b88a,#9f7844) !important;
    color: #111318 !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.22) !important;
}
.app-shell .brand-logo-mini { width: 88px !important; height: 42px !important; }
.app-shell .brand-logo-mini img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

.app-shell .bottom-nav {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(72px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    padding: 7px 6px max(7px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    transform: none !important;
    border: 0 !important;
    border-top: 1px solid #dededb !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -10px 28px rgba(17,17,20,.12) !important;
}

@media(max-width:360px){
    .app-shell .app-head{width:100%!important;margin:0!important;border-radius:0 0 18px 18px!important}
    .app-shell .brand-logo-mini{width:72px!important}
}