.topbar-actions{display:flex;align-items:center;gap:18px}.network-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 12px;color:var(--ink);font-weight:700;cursor:pointer}.network-pill i{width:9px;height:9px;border-radius:50%;background:var(--green)}.network-pill.offline{background:#fff7e8;color:#875400;border-color:#efd39e}.network-pill.offline i{background:#d98a0b}.sync-banner{display:none;margin-top:18px;background:#fff7e5;border:1px solid #efd39e;border-radius:10px;padding:13px 15px;align-items:center;justify-content:space-between;gap:20px}.sync-banner.visible{display:flex}.sync-banner div{display:flex;flex-direction:column}.sync-banner span{font-size:.82rem;color:var(--muted)}.queued{background:#fff0d2;color:#8c5900}.connection-note{margin:18px 0 0;padding:10px 12px;border-radius:8px;font-size:.84rem}.online-note{background:#ecf8f4;color:#146f5c}.offline-note{background:#fff4de;color:#865500}.small-primary:disabled{background:#91a2ab;cursor:default}@media(max-width:800px){.profile span:last-child{display:none}}@media(max-width:560px){.sync-banner{align-items:stretch;flex-direction:column}.topbar-actions{gap:8px}.network-pill span{display:none}}