.companion{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--elev-2);margin-top:56px;padding:8px;position:relative;overflow:hidden}.companion-chrome{align-items:center;gap:6px;padding:12px 16px;display:flex}.companion-chrome .dot{background:var(--surface-container-high);border-radius:50%;width:12px;height:12px}.companion-chrome .dot:first-child{background:#ff5f57}.companion-chrome .dot:nth-child(2){background:#febc2e}.companion-chrome .dot:nth-child(3){background:#28c840}.companion-chrome .url{background:var(--surface-container-low);font-family:var(--font-mono);color:var(--on-surface-variant);border-radius:9999px;flex:1;max-width:320px;margin-left:14px;padding:6px 14px;font-size:12px}.companion-body{background:var(--background);border-radius:16px;grid-template-columns:220px 1fr;min-height:480px;display:grid;overflow:hidden}.companion-side{background:var(--surface-container-lowest);border-right:1px solid var(--surface-container-high);padding:24px 16px}.companion-side-brand{font-family:var(--font-headline);align-items:center;gap:10px;margin-bottom:28px;font-size:15px;font-weight:800;display:flex}.companion-side .nav-brand-mark{border-radius:8px;width:28px;height:28px}.companion-side .nav-brand-mark .material-symbols-rounded{font-size:16px}.companion-side h6{letter-spacing:.18em;text-transform:uppercase;color:var(--outline);margin:0 0 10px;padding-left:12px;font-size:10px;font-weight:700}.companion-side ul{flex-direction:column;gap:2px;margin:0 0 24px;padding:0;list-style:none;display:flex}.companion-side li{color:var(--on-surface-variant);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.companion-side li.active{background:var(--primary-fixed);color:var(--primary);font-weight:600}.companion-side li .material-symbols-rounded{font-size:18px}.companion-side li .companion-side-badge{background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:9999px;margin-left:auto;padding:2px 8px;font-size:11px}.companion-main{flex-direction:column;gap:16px;padding:28px;display:flex}.companion-main h3{font-family:var(--font-headline);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.companion-main-head{justify-content:space-between;align-items:center;display:flex}.companion-main-actions{gap:8px;display:flex}.companion-main-actions .btn{height:36px;padding:0 14px;font-size:13px}.companion-main .stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.companion-stat{background:var(--surface-container-lowest);border-radius:14px;padding:16px}.companion-stat .label{letter-spacing:.15em;text-transform:uppercase;color:var(--outline);font-size:10px;font-weight:700}.companion-stat .value{font-family:var(--font-headline);letter-spacing:-.025em;margin-top:4px;font-size:28px;font-weight:800}.companion-stat .value.warn{color:var(--tertiary)}.companion-stat .value.error{color:var(--error)}.companion-table{background:var(--surface-container-lowest);border-radius:14px;flex:1;overflow:hidden}.companion-row{border-top:1px solid var(--surface-container-high);grid-template-columns:80px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.companion-row:first-child{border-top:none}.companion-row .plate{font-family:var(--font-mono);color:var(--on-surface-variant);font-size:12px;font-weight:600}.companion-row .name{font-family:var(--font-headline);font-size:15px;font-weight:700}.companion-row .name small{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:2px;font-size:11px;font-weight:500;display:block}.companion-row .when{color:var(--on-surface-variant);font-size:12px}@media (max-width:880px){.companion-body{grid-template-columns:1fr}.companion-side{display:none}}