.top-nav{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 9px;border:0;border-radius:10px;color:var(--secondary,var(--ink));background:transparent;font-size:11px;white-space:nowrap}.top-nav:hover,.top-nav.active{color:var(--accent);background:var(--selected)}.top-nav .icon{width:17px;height:17px}.top-nav .nav-count{margin:0;font-size:9px;min-width:16px;padding:1px 3px}.top-actions{gap:4px}.network-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.network-fields label{min-width:0}.network-fields input{width:100%}.network-connection,.backup-job{padding:13px 0;border-top:1px solid var(--line)}.network-connection small,.backup-job small{display:block;overflow-wrap:anywhere}.backup-job progress{width:100%;margin:10px 0}.backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.backup-notice{position:fixed;inset:0;z-index:110;background:var(--surface,#fff);color:var(--ink,#202537);display:grid;place-items:center;padding:24px}.backup-notice[hidden]{display:none}.backup-notice>div{max-width:500px;width:100%}.backup-notice progress{width:100%}.backup-notice .primary{margin-top:18px}.backup-code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:12px;background:var(--soft);border-radius:10px}#network-test-feedback{min-height:20px;margin-top:12px}
@media(max-width:1024px){.top-nav-label{display:none}.top-nav{padding:8px}.top-actions .local-label{display:none}.top-actions .nav-count{min-width:14px}.breadcrumbs{min-width:0;overflow:hidden}.network-fields{grid-template-columns:1fr}}