.connections-hub{display:grid;gap:14px;max-width:1180px;margin:auto}.connections-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px;background:linear-gradient(115deg,#10272d,#17251d)}.connections-hero span,.screen-index>header span{display:block;color:#8ca4a0;font-size:.63rem;font-weight:850;letter-spacing:.09em}.connections-hero h1{margin:4px 0;font-size:2.35rem;letter-spacing:-.05em}.connections-hero p{max-width:690px;margin:0;color:#b8c8c3}.connections-summary{display:grid;place-items:center;min-width:170px;padding:14px;border:1px solid #7e6831;border-radius:11px;background:#102126;text-align:center}.connections-summary b{color:var(--signal-green);font-size:1.55rem}.connections-summary span,.connections-summary small{display:block}.connections-summary span{font-size:.68rem}.connections-summary small{margin-top:4px;color:var(--muted);font-size:.6rem}.connections-legend{display:flex;gap:12px;flex-wrap:wrap;padding:8px 11px;border:1px solid var(--cockpit-line);border-radius:8px;background:#102128;color:var(--muted);font-size:.66rem}.connections-legend .ok{color:var(--signal-green)}.connections-legend .wait{color:var(--signal-gold)}.connections-legend .off{color:#9edbff}.connections-legend span:last-child{margin-left:auto}.connections-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.connection-card{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:13px;border:1px solid var(--cockpit-line);border-radius:9px;background:#102128;color:var(--text);text-align:left}.connection-card:hover,.connection-card.selected{border-color:#a0843e;background:#162a2b}.connection-card i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#294149;color:#b9e4f4;font-style:normal}.connection-card.ok i{background:#1c5038;color:#92efba}.connection-card.wait i{background:#4c3c1d;color:var(--signal-gold)}.connection-card b,.connection-card small,.connection-card em{display:block}.connection-card b{font-size:.71rem}.connection-card small{margin-top:3px;color:var(--muted);font-size:.6rem;line-height:1.3}.connection-card em{grid-column:1/-1;color:#9edbff;font-size:.6rem;font-style:normal}.connection-card.ok em{color:var(--signal-green)}.connection-card.wait em{color:var(--signal-gold)}.connection-detail{padding:18px;border-color:#765f2f;background:#14262b}.connection-detail header{display:flex;justify-content:space-between;gap:14px;align-items:center}.connection-detail header span:first-child{display:block;color:#8da6a0;font-size:.62rem;font-weight:850;letter-spacing:.09em}.connection-detail h2{margin:4px 0;font-size:1.15rem}.connection-detail>p{margin:12px 0;color:#c3d0cc;font-size:.78rem;line-height:1.5}.connection-state{padding:6px 9px;border-radius:6px;background:#24414b;color:#a9e3fb;font-size:.68rem;font-weight:850}.connection-state.ok{background:#1a4b35;color:var(--signal-green)}.connection-state.wait{background:#493a1e;color:var(--signal-gold)}.connection-detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.connection-detail dl div{padding:10px;border:1px solid var(--cockpit-line);border-radius:7px;background:#102126}.connection-detail dt{color:var(--muted);font-size:.6rem}.connection-detail dd{margin:4px 0 0;font-size:.7rem}.connection-actions{display:flex;gap:8px;margin-top:13px}.connection-actions button,.diagnostic-log button{border:1px solid #638aa5;border-radius:7px;background:#1c4055;color:#e0f4ff;padding:8px 10px;font-weight:800;font-size:.68rem}.diagnostic-log{padding:16px}.diagnostic-log header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.diagnostic-log h2{margin:0;font-size:1rem}.diagnostic-log p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.diagnostic-log>div{display:grid;gap:6px}.diagnostic-log article{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid var(--cockpit-line);border-radius:7px;background:#102128}.diagnostic-log article i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1b5239;color:#8cf1bc;font-style:normal;font-size:.65rem}.diagnostic-log b,.diagnostic-log small{display:block}.diagnostic-log b{font-size:.71rem}.diagnostic-log small{margin-top:2px;color:var(--muted);font-size:.62rem}.screen-index{padding:16px}.screen-index h2{margin:4px 0;font-size:1.04rem}.screen-index p{max-width:720px;margin:0;color:var(--muted);font-size:.72rem}.screen-index>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.screen-index button{display:grid;grid-template-columns:1fr auto;gap:3px;padding:10px;border:1px solid var(--cockpit-line);border-radius:7px;background:#102128;color:var(--text);text-align:left}.screen-index button:hover{border-color:#927a3a;background:#172b2c}.screen-index b,.screen-index small{display:block}.screen-index b{font-size:.73rem}.screen-index small{color:var(--muted);font-size:.61rem}.screen-index i{grid-column:2;grid-row:1/3;align-self:center;color:var(--signal-gold);font-style:normal}@media(max-width:900px){.connections-grid{grid-template-columns:repeat(2,1fr)}.connections-hero{align-items:flex-start;flex-direction:column}.connection-detail dl,.screen-index>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.connections-grid,.connection-detail dl,.screen-index>div{grid-template-columns:1fr}.connections-legend span:last-child{margin-left:0}.connection-actions,.diagnostic-log header{align-items:flex-start;flex-direction:column}.connection-actions button{width:100%}}