.device-panel{margin-bottom:24px}.device-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.device-panel .panel-head p{margin:6px 0 0;color:var(--text-secondary,#68756e);font-weight:400;line-height:1.6}.device-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid #e5ece8}.device-info{min-width:0;flex:1}.device-info>strong{display:inline-block;margin-right:10px}.device-info p{color:#65736a;margin:8px 0;font-size:.9em}.device-info small{display:block;color:#77837c;font-size:.8em;line-height:1.65}.device-agent{overflow-wrap:anywhere}.device-actions{display:flex;gap:8px;flex-shrink:0}.device-current,.device-status,.device-row-status{display:inline-block;padding:4px 9px;border-radius:7px;background:#e9f4ee;color:#0f4c3a;font-size:.8em;margin-right:6px}.device-row-status{background:#f0f3f1;color:#52645a}.device-count{font-size:.8em;color:#0f4c3a;background:#e8f4ed;border-radius:6px;padding:3px 8px}.device-note,.device-empty{padding:16px 24px;color:#68756e;line-height:1.7}.device-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px 20px;background:#f3f8f5}.device-auth>.brand{color:#0f4c3a}.device-wait{width:min(100%,540px);text-align:center;background:#fff;padding:38px;border:1px solid #dfe9e3;border-radius:18px;box-shadow:0 12px 40px #0f4c3a08}.device-wait h1{font-size:1.55em;line-height:1.5;margin:14px 0}.device-wait>p{line-height:1.8}.device-wait .auth-symbol{margin:0 auto 12px}.device-wait-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0}.device-help{color:#748178;font-size:.85em}.device-auth>a:last-child{color:#0f4c3a}@media(max-width:700px){.device-row{padding:18px;align-items:flex-start;flex-direction:column;gap:12px}.device-actions{align-self:flex-end}.device-panel .panel-head{align-items:flex-start}.device-panel .panel-head>.btn{flex-shrink:0}.device-wait{padding:26px 20px}.device-info p{font-size:.85em}.device-note{padding:16px 18px}}

.network-panel .panel-head{padding:18px 24px}.network-address{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.network-panel .device-actions{white-space:nowrap}@media(max-width:700px){.network-panel .panel-head{padding:16px 18px}}
