html:root .crm-reference-card { position:fixed; z-index:230; width:min(350px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:18px; color:var(--text-primary); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-dropdown); font-size:.84rem; line-height:1.5; }
.person-reference-card { display:flex; align-items:flex-start; gap:14px; }
.person-reference-card .person-avatar { width:50px; height:50px; flex:0 0 50px; }
.person-reference-info { display:grid; gap:5px; min-width:0; overflow-wrap:anywhere; }
html:root .reference-profile-link { padding:3px 0; border:0; background:transparent; color:var(--accent); font-size:.8rem; text-align:left; }
html:root .task-reference-card { background:var(--accent-soft); border-left:3px solid var(--accent); }
.task-reference-title { display:block; color:var(--accent); font-weight:650; font-size:.95rem; overflow-wrap:anywhere; text-decoration:none; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--border); }
.task-reference-card dl { display:grid; grid-template-columns:auto minmax(0,1fr); gap:7px 12px; margin:0; }
.task-reference-card dt { font-weight:600; }
.task-reference-card dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.crm-task-reference { color:var(--accent); text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent); text-underline-offset:3px; cursor:pointer; overflow-wrap:anywhere; }
html:root .task-copy-link { width:36px; height:36px; min-height:36px; padding:7px; border:0; background:transparent; color:var(--text-secondary); border-radius:10px; }
.task-copy-link svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
html:root .task-copy-link:hover { background:var(--surface-hover); color:var(--accent); }
@media(max-width:500px){.task-head-actions { gap:4px; }.task-reference-card dl { grid-template-columns:1fr; gap:3px; }.task-reference-card dd { margin-bottom:6px; }}