.conn2-wrap{max-width:1200px;margin:0 auto;padding:20px 16px 60px}.conn2-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.conn2-head h1{font-size:1.5rem;letter-spacing:-.02em}.conn2-sub{margin-top:4px;color:var(--muted);font-size:.9rem;max-width:640px;line-height:1.45}.conn2-summary{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.conn2-chip{font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.conn2-chip.ok{background:var(--emerald-50);color:var(--emerald-600);border-color:transparent}.conn2-chip.qr{background:var(--amber-50);color:var(--amber);border-color:transparent}.conn2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:14px;gap:14px}.conn2-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .15s}.conn2-card:hover{box-shadow:var(--shadow-md)}.conn2-card.problem{border-color:#f3c9c9;background:var(--red-50)}.conn2-card-top{display:flex;align-items:flex-start;gap:10px}.conn2-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:6px;background:var(--muted-2)}.conn2-dot.ok{background:var(--emerald);box-shadow:0 0 0 3px var(--emerald-50)}.conn2-dot.qr{background:var(--amber);box-shadow:0 0 0 3px var(--amber-50)}.conn2-dot.off{background:var(--red);box-shadow:0 0 0 3px var(--red-50)}.conn2-id{flex:1 1;min-width:0}.conn2-name{border:none;background:transparent;padding:0;font-family:inherit;font-size:1.05rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:7px;max-width:100%;text-align:left}.conn2-pencil{color:var(--muted-2);font-size:.8rem;opacity:0;transition:opacity .12s}.conn2-name:hover .conn2-pencil{opacity:1}.conn2-name-input{width:100%;border:1px solid var(--brand);border-radius:8px;padding:5px 9px;font-size:1rem;font-weight:600;font-family:inherit;outline:none;box-shadow:0 0 0 3px var(--brand-100)}.conn2-number{font-size:.85rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:3px}.conn2-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0;background:var(--surface-2);color:var(--muted)}.conn2-badge.ok{background:var(--emerald-50);color:var(--emerald-600)}.conn2-badge.qr{background:var(--amber-50);color:var(--amber)}.conn2-badge.off{background:var(--red-50);color:var(--red)}.conn2-meta{gap:4px 14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-2);font-size:.8rem;color:var(--muted)}.conn2-actions,.conn2-meta{display:flex;flex-wrap:wrap}.conn2-actions{gap:10px;margin-top:14px}.conn2-btn{border:1px solid transparent;border-radius:11px;padding:10px 16px;min-height:44px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s ease,box-shadow .12s,background .12s}.conn2-btn:active{transform:scale(.98)}.conn2-btn:disabled{opacity:.5;cursor:not-allowed}.conn2-btn.primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(25,104,240,.25)}.conn2-btn.full{width:100%}.conn2-btn.danger{margin-left:auto;background:#fff;color:var(--red);border-color:#f3c9c9}.conn2-btn.danger:hover{background:var(--red-50)}.conn2-warn{margin-top:12px;font-size:.84rem;color:var(--amber)}.conn2-err{margin-top:10px;font-size:.84rem;color:var(--red)}@media (max-width:560px){.conn2-grid{grid-template-columns:1fr}.conn2-btn.danger{margin-left:0;flex:1 1}.conn2-btn.primary{flex:1 1}}.conn2-org{display:inline-block;margin-top:4px;font-size:.76rem;font-weight:600;color:var(--brand-600);text-decoration:none}.conn2-org.empty{color:var(--amber)}.conn2-org:hover{text-decoration:underline}