/* Deal cards and columns follow the user's existing Dialogue CRM.
   These styles are isolated from the new navigation and other sections. */
.reference-board{--deal-bg:#f1f1f1;--deal-surface:#fff;--deal-soft:#f7f7f7;--deal-header:#fafafa;--deal-ink:#242424;--deal-muted:#666;--deal-line:#dadada;--deal-avatar:#e7e7e7;--deal-avatar-ink:#595959;--deal-red:#d83949;--deal-unread:#df2e40;background:var(--deal-bg);padding:0 16px 18px;gap:4px;scrollbar-color:var(--deal-line) transparent}
html[data-theme=dark] .reference-board{--deal-bg:var(--surface);--deal-surface:var(--bubble);--deal-soft:var(--soft);--deal-header:var(--surface);--deal-ink:var(--ink);--deal-muted:var(--muted);--deal-line:var(--line);--deal-avatar:var(--line);--deal-avatar-ink:var(--ink);--deal-red:#f07581}
.reference-board .lane{width:var(--column-width,308px);min-width:var(--column-width,308px);background:transparent;border:0;border-radius:0}
.reference-board .lane::after{display:none}
.reference-board .lane-head{padding:6px 10px;gap:8px;height:38px;min-height:38px;margin:0 5px;background:var(--deal-header);border:1px solid var(--deal-line);border-radius:9px;box-shadow:0 1px 2px #00000003;color:var(--deal-ink)}
.reference-board .lane-head h2{font-size:14px;font-weight:650;letter-spacing:-.2px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-board .ref-stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.reference-board .lane-count{font-size:12px;background:var(--deal-surface);padding:3px 7px;border-radius:5px;color:var(--deal-muted);border:1px solid var(--deal-line);font-weight:500;line-height:18px}
.ref-stage-unread{background:var(--deal-unread);color:white;font-size:10px;border-radius:50%;min-width:21px;height:21px;display:grid;place-items:center;padding:2px 5px}
.reference-board .lane-list{padding:11px 5px 8px;gap:10px;scrollbar-gutter:stable;scrollbar-color:var(--deal-line) transparent}
.reference-board .empty{margin:0;min-height:0;font-size:12px;line-height:1.7;padding:24px 13px;border:1px dashed var(--deal-line);border-radius:12px;color:var(--deal-muted)}
.reference-card{position:relative;overflow:visible;border:1px solid var(--deal-line);border-radius:13px 13px 13px 5px;padding:8px 10px 0;background:var(--deal-surface);box-shadow:0 4px 10px #00000008;min-width:0;color:var(--deal-ink)}
.reference-card:hover{border-color:var(--deal-muted);box-shadow:0 7px 18px #00000014}
.reference-card.critical{border-color:var(--deal-red)}
.ref-avatar{position:absolute;left:9px;top:7px;width:36px;height:36px;display:block;padding:0;border:0;background:none;color:inherit}
.ref-initials{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--deal-surface);border-radius:11px 11px 11px 4px;background:var(--deal-avatar);color:var(--deal-avatar-ink);font-size:13px;font-weight:750;text-transform:uppercase}
.ref-avatar-channel{position:absolute;right:-4px;bottom:-2px;border:2px solid var(--deal-surface);background:var(--deal-surface);border-radius:50%;width:20px;height:20px;display:grid;place-items:center}
.ref-avatar-channel .channel-logo{width:14px;height:14px;border-radius:50%}
.ref-identity{margin:0 0 5px 43px;min-height:40px;min-width:0}
.ref-name{display:block;width:100%;font-size:16px;line-height:20px;font-weight:700;letter-spacing:-.35px;color:var(--deal-ink);padding:0;border:0;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.ref-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 5px;min-height:20px}
.ref-meta time{font-size:11px;color:var(--deal-muted);font-weight:450;white-space:nowrap}
.ref-wait{display:flex;align-items:center;gap:3px;margin-left:auto;color:var(--deal-muted);font-size:11px;line-height:17px;white-space:nowrap}
.ref-wait.overdue{color:var(--deal-red)}
.ref-pin{display:grid;place-items:center;border:0;background:none;width:21px;height:21px;padding:0;border-radius:5px;color:var(--deal-muted);flex-shrink:0;margin-left:auto}
.ref-pin:hover,.ref-pin.on{background:var(--deal-soft);color:var(--deal-ink)}
.ref-preview{display:block;width:100%;min-width:0;text-align:left;padding:0;border:0;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px;font-size:14px;line-height:21px;color:var(--deal-muted);font-weight:450}
.reference-card.has-unread .ref-preview{color:var(--deal-ink);font-weight:550}
.ref-tags{display:flex;align-items:center;flex-wrap:wrap;gap:4px 5px;min-width:0;margin:0 0 6px}
.ref-tags:empty{display:none}
.ref-tag{--tag-tone:#a5b67b;display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:18px;font-weight:650;padding:2px 7px;border:1px solid var(--tag-tone);border-radius:6px;color:var(--deal-ink);min-width:0;max-width:100%;background:var(--deal-soft);flex-shrink:0;white-space:normal;overflow-wrap:anywhere}
.ref-tag-1{--tag-tone:#b29acf}.ref-tag-2{--tag-tone:#cab66c}.ref-tag-3{--tag-tone:#83aecb}
.ref-tag i{width:7px;height:7px;background:var(--tag-tone);border-radius:50%;flex-shrink:0}
.ref-footer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--deal-line);background:var(--deal-soft);margin:0 -10px;padding:5px 10px;border-radius:0 0 12px 4px;min-height:31px}
.ref-channels{display:flex;align-items:center;gap:5px;flex-shrink:0}
.ref-channels .channel-logo{width:17px;height:17px}
.ref-owner{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;color:var(--deal-muted);min-width:0;margin-left:auto}
.ref-owner i{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;background:var(--deal-avatar);color:var(--deal-avatar-ink);border-radius:7px;font-size:10px;font-style:normal;font-weight:700}
.ref-owner>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-grip{color:var(--deal-muted);opacity:.65;flex-shrink:0;font-size:14px;line-height:16px}
.ref-quick{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--deal-muted);opacity:0;transition:opacity 140ms ease}
.reference-card:hover .ref-quick,.ref-quick:focus-visible{opacity:1}
.ref-unread{position:absolute;top:-11px;right:-8px;width:26px;min-width:26px;height:26px;padding:0 2px;display:grid;place-items:center;background:var(--deal-unread);border:3px solid var(--deal-bg);border-radius:50%;color:#fff;font-size:11px;font-weight:750;z-index:2;line-height:1}
.reference-board .lane.drag-over .lane-head{outline:1px dashed var(--deal-muted);outline-offset:2px}
.reference-board.compact .lane-list{gap:7px}.reference-board.compact .reference-card{padding-top:6px}.reference-board.compact .ref-identity{margin-bottom:2px}
@media(max-width:800px){.reference-board{padding:0 5px 12px;gap:0}.reference-board .lane{width:var(--column-width,300px);min-width:var(--column-width,300px)}.reference-board .lane-list{padding:11px 5px 8px}.ref-quick{opacity:1}}

.reference-card{cursor:pointer}.ref-grip{cursor:grab}.reference-card.dragging{cursor:grabbing}

/* Stage identity is carried by the whole heading, with a solid colored edge. */
.reference-board .lane-head{
 background:linear-gradient(110deg,color-mix(in srgb,var(--stage-accent) 15%,var(--deal-header)),color-mix(in srgb,var(--stage-accent) 6%,var(--deal-header)));
 border-color:color-mix(in srgb,var(--stage-accent) 44%,var(--deal-line));
 border-bottom-color:var(--stage-accent);
 box-shadow:inset 0 -3px var(--stage-accent),0 2px 4px #00000008;
 border-radius:9px 9px 6px 6px;
}
.reference-board .lane-count{
 background:color-mix(in srgb,var(--stage-accent) 16%,var(--deal-header));
 border-color:color-mix(in srgb,var(--stage-accent) 35%,var(--deal-line));
 color:var(--deal-ink);font-weight:650;
}