/* Right-side slim column and slide-out tool panel */
.right-slim-col { position: fixed; top: var(--header-height); right: 0; bottom: var(--footer-height); width: var(--right-col-width); background: var(--right-col-bg); border-left: 1px solid var(--border-tertiary); display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-top: 12px; z-index: 999; }
.right-slim-col .tool-icon { width: 32px; height: 32px; margin: 8px 0; background: transparent; color: var(--text-primary); display: flex; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; border: 1px solid transparent; }
.right-slim-col .tool-icon:hover { background: var(--bg-secondary); border-color: var(--border-primary); }
.right-slim-col .social-group { display:flex; flex-direction:column; gap:8px; padding-bottom:12px; }
.right-slim-col .social-badge { width:28px; height:28px; display:flex; align-items:center; justify-content:center; }

.tool-panel { position: fixed; top: var(--header-height); right: var(--right-col-width); height: calc(100vh - var(--header-height) - var(--footer-height)); width: 0; max-width: 400px; background: var(--tool-panel-bg); border-left: 1px solid var(--border-secondary); overflow: hidden; transition: width 220ms ease; z-index: 995; }
.tool-panel.open { width: 400px; }
.tool-panel .panel-header { height: var(--panel-header-height); display:flex; align-items:center; padding:0 12px; border-bottom:1px solid var(--border-primary); }
.tool-panel .panel-body { padding: 12px; color: var(--text-tertiary); overflow:auto; height: calc(100% - var(--panel-header-height)); }

.right-slim-col .social-badge svg, .right-slim-col .tool-icon svg { width:18px; height:18px;     color: var(--text-accent);
}