.device-center{padding:var(--nx-space-6);max-width:1600px;margin-inline:auto}.device-center__hero{color:#fff;background:linear-gradient(135deg,#071a44 0%,#283584 55%,#6437b5 100%);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;display:flex;box-shadow:0 18px 44px #18245c2e}.device-center__hero h1{margin:6px 0 8px;font-size:clamp(1.65rem,2.7vw,2.5rem)}.device-center__hero p{color:#dce4ff;max-width:820px;margin:0;line-height:1.7}.device-center__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#a9c5ff;font-size:.78rem;font-weight:800}.device-master-detail{align-items:start}.device-list{gap:8px;display:grid}.device-list__item{border:1px solid var(--nx-color-border);background:var(--nx-color-surface);text-align:start;cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.device-list__item:hover,.device-list__item.is-active{border-color:var(--nx-color-primary);box-shadow:0 0 0 3px #435cdf17}.device-list__item span:nth-child(2),.device-list__item>span:first-child:not(.device-presence){gap:3px;min-width:0;display:grid}.device-list__item small{color:var(--nx-color-text-muted);text-overflow:ellipsis;overflow:hidden}.device-presence{background:#a5afc2;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #a5afc226}.device-presence.is-online{background:#20a874;box-shadow:0 0 0 4px #20a87426}.device-fact{border:1px solid var(--nx-color-border);border-radius:12px;gap:5px;padding:12px;display:grid}.device-fact small,.device-label{color:var(--nx-color-text-muted);font-weight:700}.device-code{letter-spacing:.12em;margin-top:8px;font:800 1.55rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.device-json{color:#dce4ff;text-align:left;direction:ltr;background:#071a44;border-radius:10px;max-height:280px;padding:12px;font-size:.78rem;overflow:auto}.device-empty{text-align:center;color:var(--nx-color-text-muted);padding:24px}@media (max-width:1000px){.device-center{padding:16px}.device-center__hero{flex-direction:column;align-items:flex-start}.device-master-detail{grid-template-columns:1fr!important}}@media (max-width:720px){.device-center__hero{border-radius:18px;padding:20px}.device-center .nx-grid{grid-template-columns:1fr!important}.device-center .nx-tabs{justify-content:flex-start;overflow-x:auto}}