.connection-center-shell{display:grid;gap:18px}.connection-center-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.connection-center-head h3{font-family:"Fraunces",Georgia,serif;font-size:clamp(1.6rem,3vw,2.6rem);margin:.2rem 0}.connection-center-boundary{max-width:720px;color:var(--muted);line-height:1.55}.connection-create{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr auto;gap:10px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.72)}.connection-create label{display:grid;gap:6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.connection-create input,.connection-create select{min-width:0;border:1px solid var(--line);background:#fff;padding:11px;color:var(--ink)}.connection-state{min-height:54px;padding:14px;border-left:4px solid var(--amber);background:#fff9e9;color:var(--ink)}.connection-state.error{border-color:#a84132;background:#fff2ef}.connection-state.safe{border-color:#2d7057;background:#edf8f2}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connection-card{border:1px solid var(--line);background:rgba(255,255,255,.86);padding:18px;display:grid;gap:14px;box-shadow:0 12px 32px rgba(47,39,27,.07)}.connection-card header{display:flex;justify-content:space-between;gap:12px}.connection-card h4{font-size:1.18rem;margin:0}.connection-card small{color:var(--muted)}.connection-truth{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:99px;height:max-content;background:#f3ead6}.connection-truth.live{background:#dff3e7;color:#24583f}.connection-truth.revoked{background:#f2deda;color:#812f24}.connection-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.connection-facts div{padding:10px;background:#f8f4ea}.connection-facts b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.connection-facts span{display:block;margin-top:4px;overflow-wrap:anywhere}.connection-actions{display:flex;gap:8px;flex-wrap:wrap}.connection-actions button{border:1px solid var(--line);background:#fff;padding:8px 11px;cursor:pointer}.connection-actions button.danger{color:#8d3025;border-color:#d9aaa4}.connection-detail{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:#181b18;color:#dce8dc;padding:13px}.connection-empty{padding:38px;text-align:center;border:1px dashed var(--line);color:var(--muted)}@media(max-width:900px){.connection-create{grid-template-columns:1fr 1fr}.connection-create button{grid-column:1/-1}.connection-grid{grid-template-columns:1fr}}@media(max-width:560px){.connection-center-head{align-items:flex-start;flex-direction:column}.connection-create{grid-template-columns:1fr}.connection-facts{grid-template-columns:1fr}.connection-card{padding:14px}}