/* Experimental TEST presentation. Graph geometry follows dependencies. */
.board.graph-view { display:block; position:relative; flex:none; min-height:260px; padding:0; gap:0; overflow:visible; background:#090d12; border:1px solid #26313c; }
.board.graph-view .graph-card { position:absolute; padding:0; height:60px; z-index:3; }
.board.graph-view .graph-compact { height:60px; min-height:60px; margin:0; padding:8px 10px; background:#19222c; border:1px solid #35414e; border-radius:8px; }
.board.graph-view .graph-compact h3 { font-size:12px; line-height:1.4; margin:5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board.graph-view .graph-compact .card-id { display:block; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.graph-peek { display:none; position:absolute; top:58px; width:250px; max-width:calc(100vw - 48px); padding:14px; background:#19222c; border:1px solid #72e6ff; border-radius:8px; box-shadow:0 10px 24px #0008; font-size:12px; }
.graph-peek strong { display:block; overflow-wrap:anywhere; font-weight:500; }
.graph-peek p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; margin:8px 0; }
.graph-peek small { display:block; color:#b7c6d6; margin-bottom:10px; }
.graph-peek .button { white-space:normal; margin:4px 0; font-size:12px; }
.graph-card:hover,.graph-card:focus-within { z-index:7!important; }
.graph-card:hover .graph-peek,.graph-card:focus-within .graph-peek { display:block; }
.graph-card:hover .graph-compact,.graph-card:focus-within .graph-compact { transform:scale(1.07); border-color:#72e6ff; box-shadow:0 0 16px #72e6ff35; opacity:1; }
.graph-card .graph-compact { transition:transform .14s,box-shadow .14s; }
.graph-loupe,#board-baskets { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0; }
.graph-loupe span { font-size:12px; color:#b7c6d6; }
.task-edge { opacity:.7; }
.board.basket-view { display:grid; height:auto!important; grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important; min-height:120px; }
.board.basket-view .task-card { align-self:start; }
@media(max-width:600px){.board:not(.graph-view):not(.archive-view):not(.basket-view){grid-template-columns:minmax(0,1fr)!important;overflow:visible;}.column-header{white-space:normal;}}
@media(prefers-reduced-motion:reduce){.graph-card .graph-compact{transition:none;}}

#project-backlog-open { display:none; }

.profile-version { display:inline-block; color:#b7c6d6; font-size:11px; }