.user-chip { display: flex; align-items: center; gap: 9px; }
.user-chip span { color: var(--teal); font-size: 9px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.connection-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 28px; border: 1px solid rgba(40, 215, 192, .2); border-radius: 18px; background: radial-gradient(circle at 85% 10%, rgba(78, 134, 255, .18), transparent 35%), linear-gradient(145deg, #0c3b4f, #082b3d); }
.connection-hero h2 { margin: 7px 0; font-size: 27px; }
.connection-hero p { max-width: 760px; color: #b7c8d4; }
.connection-state { padding: 10px 14px; border-radius: 999px; white-space: nowrap; font-weight: 800; }
.connection-state.ready { color: #68ead7; background: rgba(40, 215, 192, .14); }
.connection-state.waiting { color: #ffd171; background: rgba(255, 195, 80, .14); }
.source-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.source-grid article { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(2, 18, 27, .28); }
.source-grid article > div { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.source-grid p { min-height: 42px; color: #b7c8d4; }
.source-grid small { color: var(--teal); }
.source-grid.official small { color: #ffd171; }
.security-note, .customer-notice { margin-top: 16px; padding: 14px; border-radius: 10px; color: #bcd0da; background: rgba(40, 215, 192, .08); }
.module-list { display: grid; gap: 10px; }
.module-list > div { padding: 15px; border-radius: 11px; background: rgba(0, 0, 0, .14); }
.module-list p { margin: 5px 0 0; color: var(--muted); }
.access-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.access-box legend { padding: 0 7px; color: #c8d6df; }
.compact-checks { display: grid; gap: 5px; min-width: 180px; }
.user-edit-list { display: grid; gap: 14px; }
.user-edit-card { display: grid; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(0, 0, 0, .12); }
.user-edit-title, .user-edit-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.intelligence-grid .chart-card { position: relative; overflow: hidden; }
.intelligence-grid .chart-card::before { position: absolute; top: -100px; right: -60px; width: 180px; height: 180px; border-radius: 50%; background: rgba(40, 215, 192, .06); filter: blur(25px); content: ''; pointer-events: none; }
.intelligence-grid .wide { grid-column: span 2; }
.chart-card canvas { position: relative; }
@media (max-width: 1100px) { .source-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .source-grid, .access-box { grid-template-columns: 1fr; } .connection-hero { align-items: flex-start; flex-direction: column; } .intelligence-grid .wide { grid-column: auto; } }