/* PI Cockpit (v2.3) layout helpers. Cards/panel/badges come from the HOUSE system
   (styles.css); these only handle layout the house doesn't already provide. Token-based. */
.c2-body{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}
@media(max-width:1100px){.c2-body{grid-template-columns:1fr}}
.c2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.c2-grid{grid-template-columns:1fr}}

/* right panel: reuse the house Nimbus look, contained in the page grid */
.c2-nimbus{background:var(--n-bg);border:1px solid var(--n-line);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:0}
.c2-nimbus .nb-stream{padding:14px;display:block}
.c2-nimbus .nb-card{margin-bottom:12px}

/* interests */
.c2-int{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--n-line);font-size:13px;color:var(--n-text)}
.c2-int:first-of-type{border-top:0}
.c2-int .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-500);flex-shrink:0}
.c2-int .sig{margin-left:auto;font-size:10.5px;color:var(--accent-300);font-family:var(--font-mono)}
/* metrics */
.c2-mets{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c2-met{background:var(--n-surface-2);border:1px solid var(--n-line);border-radius:var(--radius-md);padding:10px 12px}
.c2-met .v{font-size:21px;font-weight:680;letter-spacing:-.02em;color:var(--n-text)}
.c2-met .l{font-size:10.5px;color:var(--n-text-3);margin-top:1px}
.c2-met .d{font-size:10px;color:var(--success);font-family:var(--font-mono)}
.c2-spark{margin-top:12px}
/* rows (pipeline / conferences) */
.c2-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--n-line);font-size:12.5px;color:var(--n-text)}
.c2-sub{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--n-text-3);margin:12px 0 4px}
.c2-sub:first-child{margin-top:0}
/* network */
.c2-peer{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--n-line);font-size:12.5px;color:var(--n-text)}
.c2-peer:first-of-type{border-top:0}
.c2-invite{margin-top:10px;font-size:12px;color:var(--accent-400);cursor:pointer;border:1px dashed oklch(from var(--accent-500) l c h/.4);border-radius:var(--radius-md);padding:8px;text-align:center}
/* positioning bars inside the Nimbus card */
.c2-ovl{margin-bottom:9px}
.c2-ovl .nm{font-size:11.5px;color:var(--n-text-2);margin-bottom:4px}
.c2-bar{height:8px;border-radius:4px;background:var(--n-surface-2);overflow:hidden;margin-bottom:3px}
.c2-bar i{display:block;height:100%}
.c2-bar i.you{background:var(--accent-500)}.c2-bar i.peer{background:var(--n-text-4)}
.c2-barlbl{font-size:9.5px;color:var(--n-text-3);font-family:var(--font-mono);display:flex;justify-content:space-between}