/* VIONA STORE v2.2.1 - UI, spacing and connection center fixes */
body.theme-aether .topbar,
.topbar{
  top:0!important;
  margin-top:0!important;
  z-index:120!important;
  background:#f3f6fb!important;
  backdrop-filter:none!important;
  border-radius:0 0 20px 20px!important;
  box-shadow:0 12px 32px rgba(24,38,70,.10)!important;
  isolation:isolate;
}
body.theme-midnight .topbar,
body.dark .topbar{background:#07111e!important}
.workspace{isolation:isolate}
.content{position:relative;z-index:1}
.content> * + *{margin-top:18px!important}
.panel+.panel,.hero+.panel,.metrics+.panel,[class*="grid"]+.panel{margin-top:16px}
.server-status{order:99;min-width:132px;justify-content:center}
.note-card[role="button"]{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.note-card[role="button"]:hover,.note-card[role="button"]:focus-visible{transform:translateY(-2px);border-color:#635cf066;box-shadow:0 16px 36px #293c6818;outline:none}
.note-detail{padding:6px 2px 10px}
.note-detail h3{font:900 18px var(--display);margin:15px 0 7px;color:var(--ink)}
.note-detail p{white-space:pre-wrap;line-height:2;color:var(--ink);background:var(--surface2);border:1px solid var(--line);padding:14px;border-radius:14px;min-height:90px}
.note-detail small{display:block;color:var(--muted);margin-top:9px}
.bulk-all-toggle{display:flex;gap:10px;align-items:flex-start;border:1px solid #625cf233;background:#625cf20b;border-radius:14px;padding:12px;margin-bottom:12px;cursor:pointer}
.bulk-all-toggle b,.bulk-all-toggle small{display:block}.bulk-all-toggle b{font-size:10px}.bulk-all-toggle small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.8}
.network-center{display:grid;gap:14px}
.network-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface2)}
.network-summary>i{width:14px;height:14px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 7px #94a3b822;flex:0 0 auto}
.network-summary.ok>i{background:#16b981;box-shadow:0 0 0 7px #16b98122}.network-summary.bad>i{background:#e94c68;box-shadow:0 0 0 7px #e94c6822}
.network-summary b,.network-summary span{display:block}.network-summary span{font-size:9px;color:var(--muted);margin-top:3px}
.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.network-card{border:1px solid var(--line);border-radius:15px;padding:12px;background:var(--surface)}
.network-card header{display:flex;justify-content:space-between;gap:8px}.network-card header b{font-size:10px}.network-card header span{font-size:8px;color:var(--muted)}
.network-meter{height:7px;background:var(--surface2);border-radius:999px;overflow:hidden;margin:11px 0 7px}.network-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5e59ed,#19b6c8);transition:width .35s ease}
.network-card small{font-size:8px;color:var(--muted);line-height:1.8}
.network-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.server-status{min-width:38px}.network-grid{grid-template-columns:1fr}.content> * + *{margin-top:14px!important}}