.jd-ctx-nav{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--line,currentColor);border-radius:999px;width:max-content;max-width:100%}
.jd-ctx-item{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:500;min-height:36px;padding:0 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;opacity:.72;transition:opacity .15s,background-color .15s}
.jd-ctx-item:hover{opacity:1}
.jd-ctx-item[aria-current="page"]{opacity:1;background:var(--text,#18181b);color:var(--surface,#fff)}
.jd-ctx-item:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.jd-ctx-voice{border-left:1px solid var(--line,currentColor);border-radius:0 999px 999px 0;margin-left:2px}
.side-item[aria-current="true"],.bottom-nav [aria-current="true"]{font-weight:600}
.side-item[aria-current="true"]{background:var(--t-violet);color:var(--violet)}
#view-app .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.bottom-nav [hidden]{display:none!important}
.side-foot .side-settings{margin-bottom:2px}
@media (max-width:767px){.jd-ctx-nav{width:100%;border-radius:14px}.jd-ctx-item{flex:1 1 auto;justify-content:center;padding:0 10px}.jd-ctx-voice{border-radius:10px}}
.jd-notify-btn{position:relative}
.jd-notify-btn[data-unread]:not([data-unread=""])::after{content:attr(data-unread);position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--text,#18181b);color:var(--surface,#fff);font-size:.625rem;font-weight:700;line-height:16px;text-align:center}
@media(max-width:600px){
  body.in-app #view-app .jdc-tabs-customer{display:flex;flex-wrap:wrap;overflow:visible;border-radius:16px;width:100%}
  body.in-app #view-app .jdc-tabs-customer .jdc-tab{flex:1 1 90px;justify-content:center;text-align:center;white-space:normal;padding:8px;min-height:44px;line-height:1.3}
}