.connect-panel{gap:24px;display:grid}.connect-panel .card{min-width:0;padding:28px}.connect-panel h2{margin:0 0 18px}.connect-panel h3{margin:24px 0 12px}.connect-panel p{line-height:1.6}.connect-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee9e0;max-height:330px;padding:18px;font-size:12px;line-height:1.6;overflow:auto}.connect-panel code{overflow-wrap:anywhere}.connect-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.connect-metrics .card{gap:12px;padding:22px;display:grid}.connect-metrics strong{font-size:40px}.connect-metrics small{color:#66645f}.connect-actions,.connect-connection{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.connect-connection{border-bottom:1px solid #dcd6cc;justify-content:space-between;padding:18px 0}.connect-code{background:#f6f3ed;border-left:3px solid #c7442e;margin-top:20px;padding:18px}.connect-notice{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.connect-notice p{flex:1;min-width:200px}.connect-warning{background:#f6f3ed;border-left:3px solid #c7442e;padding:16px}.connect-timeline{margin:24px 0;padding:0;list-style:none}.connect-timeline li{border-left:2px solid #dcd6cc;gap:8px;padding:0 0 24px 20px;display:grid}.connect-timeline time{color:#66645f;font-size:12px}.connect-table{overflow:auto}.connect-table table{text-align:left;border-collapse:collapse;width:100%}.connect-table td,.connect-table th{border-bottom:1px solid #dcd6cc;padding:12px}.connect-panel label{gap:8px;margin-bottom:18px;display:grid}.connect-panel input[type=checkbox]{width:20px}.connect-panel select{max-width:100%}@media (max-width:1100px){.connect-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.connect-panel .card{padding:18px}.connect-metrics{grid-template-columns:1fr 1fr;gap:10px}.connect-metrics strong{font-size:32px}.connect-panel pre{font-size:11px}.connect-actions>*{width:100%}}