.wpayman-topbar{
    position:sticky;
    top:8px;
    z-index:25;
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0 0 16px;
    padding:12px;
    border:1px solid rgba(255,255,255,.38);
    border-radius:24px;
    background:color-mix(in srgb, var(--wp-surface) 78%, transparent);
    box-shadow:var(--wp-shadow-soft);
    backdrop-filter:blur(18px);
}

#wpayman-feeds-app[data-theme="dark"] .wpayman-topbar{
    border-color:rgba(255,255,255,.05);
}

.wpayman-topbar-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.wpayman-brand-block{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}

.wpayman-brand-mark{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--wp-primary) 0%, color-mix(in srgb, var(--wp-primary) 68%, var(--wp-accent)) 100%);
    color:#fff;
    box-shadow:0 12px 24px rgba(45,91,255,.24);
}

.wpayman-brand-mark svg{
    width:20px;
    height:20px;
}

.wpayman-brand-copy{
    min-width:0;
}

.wpayman-brand-title{
    color:var(--wp-text);
    font-size:17px;
    line-height:1.35;
    font-weight:950;
}

.wpayman-brand-subtitle{
    color:var(--wp-text-faint);
    font-size:11px;
    line-height:1.8;
    font-weight:800;
}

.wpayman-topbar-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.wpayman-context-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-inline:2px;
}

.wpayman-context-hint{
    color:var(--wp-text-faint);
    font-size:12px;
    line-height:1.8;
    font-weight:800;
    text-align:start;
}