.cp-root{display:grid;grid-template-columns:84px 1fr;min-height:100vh;/* no background here so body texture shows */color:var(--venturi-text)}
.cp-sidebar{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 0;}
.cp-sidebar--teal{--teal:#08d7ff;--teal-dark:#1457c7;background:linear-gradient(180deg,var(--teal),var(--teal-dark))}
.cp-brand{font-weight:700;font-size:24px;opacity:.95;margin:6px 0 18px}
.cp-nav{display:flex;flex-direction:column;gap:14px;position:relative;width:100%;align-items:center}
.cp-tab{appearance:none;background:transparent;border:none;color:#021317;opacity:.9;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease, opacity .2s ease;position:relative;z-index:2}
.cp-tab:hover{transform:translateY(-1px);opacity:1}
.cp-tab.is-active{opacity:1}
.cp-icon{display:inline-flex}
.cp-icon i{font-size:24px;line-height:1}
.cp-tab:hover .cp-icon i{filter:drop-shadow(0 1px 0 rgba(2,19,23,.18))}
/* active color handled by theme overrides */
.cp-indicator{position:absolute;left:10px;top:64px;width:64px;height:64px;background:#021317;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:1;transition:left .3s cubic-bezier(.2, .9, .2, 1.4), top .5s cubic-bezier(.2,1.2,.2,1.01), width .25s ease, height .25s ease}
.cp-indicator::after{content:none}
.cp-sidebar-foot{position:sticky;bottom:0;margin-top:auto;padding:12px 0;width:100%}

.cp-content{padding:16px;overflow:hidden;/* let global body textured background show; use subtle overlay if needed */background:transparent}
.cp-stage{margin: 0 auto; max-width: 1100px; padding: 12px;}
.cp-stage > .v-card, .cp-stage > .cp-grid{ margin: 0 auto; }
.cp-stage .cp-grid{ gap: 14px; }
.cp-topbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.cp-title{font-weight:700;font-size:20px;margin-right:auto}
.cp-search input{min-width:220px}
.cp-api input{min-width:200px}

.cp-view{display:none;opacity:0;transform:translateY(8px);transition:opacity .25s ease, transform .25s ease}
.cp-view.is-active{display:block;opacity:1;transform:none}

.cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cp-grid--cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.cp-column{display:flex;flex-direction:column;gap:8px}
.cp-list{display:flex;flex-direction:column;gap:8px}

.cp-metric .cp-metric-title{color:var(--venturi-text-secondary)}
.cp-metric .cp-metric-value{font-weight:700;font-size:22px;margin:6px 0 8px}

@media (max-width:980px){
  .cp-root{grid-template-columns:72px 1fr}
  .cp-sidebar{position:sticky;top:0;z-index:50}
  .cp-grid{grid-template-columns:1fr}
}

/* skeleton shimmer */
.skel{position:relative;overflow:hidden;background:rgba(255,255,255,.06);border-radius:8px}
.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:skel 1.1s infinite}
@keyframes skel{to{transform:translateX(100%)}}