
.cv2cc{position:relative;display:inline-flex}
.cv2cc__toggle[aria-expanded="true"]{color:var(--cv2x-pill-active-ink);background:var(--cv2x-pill-active);border-color:var(--cv2x-pill-active)}
.cv2cc__panel{position:fixed;top:var(--cv2cc-top,100px);left:var(--cv2cc-left,12px);z-index:10030;width:min(372px,calc(100vw - 24px));max-height:var(--cv2cc-height,calc(100dvh - 130px));padding:6px;border-radius:26px;background:var(--cv2x-soft-2);border:1px solid var(--cv2x-line);transform-origin:var(--cv2cc-arrow-x,50%) 0;animation:cv2ccIn .22s var(--cv2x-ease,ease)}
.cv2cc__panel[hidden]{display:none}
.cv2cc__panel::before{content:"";position:absolute;top:-6px;left:var(--cv2cc-arrow-x,50%);margin-left:-7px;width:14px;height:14px;background:var(--cv2x-soft-2);border-left:1px solid var(--cv2x-line);border-top:1px solid var(--cv2x-line);border-radius:4px 0 0 0;transform:rotate(45deg);pointer-events:none}
.cv2cc__rows{max-height:max(60px,calc(var(--cv2cc-height,calc(100dvh - 130px)) - 260px));overflow-y:auto;overscroll-behavior:contain}
.cv2cc__panel *{}
.cv2cc__head{display:flex;align-items:center;gap:14px;margin-bottom:6px;padding:16px;border-radius:20px;background:var(--cv2x-card)}
.cv2cc__logo{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:15px;color:var(--cv2x-pill-active-ink);background:var(--cv2x-pill-active)}
.cv2cc__logo svg{width:22px;height:22px}
.cv2cc__id{display:flex;flex-direction:column;min-width:0;gap:3px}
.cv2cc__name{font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--cv2x-pill-ink)}
.cv2cc__sub{font-size:12.5px;font-weight:400;line-height:1.35;color:var(--cv2x-pill-ink-2)}
.cv2cc__rows{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;padding:6px;list-style:none;border-radius:20px;background:var(--cv2x-card)}
.cv2cc__row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;text-decoration:none;color:var(--cv2x-pill-ink);transition:background .2s ease}
a.cv2cc__row:hover{background:var(--cv2x-soft)}
.cv2cc__row .cv2cc__ic{width:36px;height:36px;border-radius:12px;background:var(--cv2x-soft);color:var(--cv2x-pill-ink-2);transition:color .2s ease}
a.cv2cc__row:hover .cv2cc__ic{color:var(--cv2x-accent)}
.cv2cc__txt{display:flex;flex-direction:column;min-width:0;gap:1px}
.cv2cc__lbl{font-size:11px;font-weight:400;color:var(--cv2x-pill-ink-2)}
.cv2cc__val{font-size:13.5px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.cv2cc__ic{display:inline-grid;place-items:center;flex-shrink:0}
.cv2cc__ic svg{width:18px;height:18px}
.cv2cc__acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}
.cv2cc__act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:12px 6px;border-radius:18px;font-size:12px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;color:var(--cv2x-pill-ink);background:var(--cv2x-card);transition:background .2s ease,color .2s ease}
.cv2cc__act .cv2cc__ic{width:36px;height:36px;border-radius:12px;color:var(--cv2x-pill-ink);background:var(--cv2x-soft);transition:background .2s ease,color .2s ease}
.cv2cc__act:hover .cv2cc__ic{color:var(--cv2x-accent-text);background:var(--cv2-gradient,var(--cv2x-accent))}
.cv2cc__about{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px 14px 18px;border-radius:20px;text-decoration:none;color:var(--cv2x-pill-active-ink);background:var(--cv2x-pill-active)}
.cv2cc__about span:first-child{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:400;line-height:1.4;opacity:.7}
.cv2cc__about b{font-size:15px;font-weight:700}
.cv2cc__about span:first-child{opacity:1}
.cv2cc__about span:first-child{color:color-mix(in srgb,var(--cv2x-pill-active-ink) 68%,transparent)}
.cv2cc__about b{color:var(--cv2x-pill-active-ink)}
.cv2cc__go{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:var(--cv2x-pill-active);background:var(--cv2x-pill-active-ink);transition:transform .25s ease}
.cv2cc__go svg{width:18px;height:18px}
.cv2cc__about:hover .cv2cc__go{transform:translateX(3px)}
@keyframes cv2ccIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:640px){
 .cv2cc{position:static}
 .cv2cc__act{min-height:78px;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.cv2cc__panel{animation:none}.cv2cc__act,.cv2cc__go{transition:none}}
