/* V4: birleşik tarih - düğüm - kart köprüleri; proje yönetimi ve sürükle-bırak */
.project-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:24px 7px 7px 11px;min-height:26px}
.project-heading .sidebar-label{margin:0!important}
.sort-toggle{display:grid;place-items:center;border:1px solid transparent;border-radius:8px;width:30px;height:29px;background:transparent;color:#a2acc1;transition:background .18s,color .18s,border-color .18s,transform .18s}
.sort-toggle:hover,.sort-toggle.active{background:#eff4fa;border-color:#e0e9f4;color:#5c94d8;transform:rotate(-3deg)}
.sort-toggle.active{box-shadow:0 3px 9px #6555ee13}
#project-menu{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.project-row{position:relative;display:flex;align-items:center;gap:3px;border:1px solid transparent;border-radius:11px;padding:1px 2px;min-width:0;transition:background .2s,border-color .2s,transform .15s,box-shadow .15s}
.project-row:hover{background:#f9fbfd}
.project-row .project-item{flex:1;display:flex;align-items:center;gap:9px;margin:0!important;padding:9px 6px!important;min-width:0;min-height:38px;background:transparent;white-space:nowrap;text-align:left}
.project-row .project-item.active{background:#eff4fa}
.project-row .project-item:hover{background:#eff4fa}
.project-mark,.entry-project-icon,.project-preview-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--project-color)}
.project-mark{width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--project-color) 11%,white)}
.project-svg{width:17px;height:17px;display:block}
.project-name{overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:700}
.project-edit{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:0;background:transparent;color:#a7adc0;border-radius:8px;opacity:0;transition:background .2s,color .2s,opacity .2s;}
.project-edit .action-icon{width:15px;height:15px}.project-edit:hover{background:#ebf1f8;color:#5d97df}.project-edit:hover .pencil-motion{transform:rotate(-18deg) scale(1.22)}
.project-row:hover .project-edit,.project-row:focus-within .project-edit,.project-row .project-item.active~.project-edit{opacity:1}
.drag-handle{display:none;place-items:center;flex:0 0 21px;width:21px;height:33px;border:0;border-radius:6px;background:transparent;color:#abb5ca;touch-action:none;cursor:grab;padding:0;margin-left:0}
.drag-handle:active{cursor:grabbing}.drag-handle:hover,.drag-handle:focus-visible{color:#5b95dc;background:#eef3f9}
#project-menu.sorting .drag-handle{display:grid}
#project-menu.sorting .project-row{border:1px dashed #e5eaf0;background:white;padding:3px 2px}
#project-menu.sorting .project-row:hover{background:#f7f9fc;border-color:#afcaea}
#project-menu.sorting .project-edit{opacity:1}
#project-menu.sorting .project-row.is-dragging{opacity:.42;box-shadow:none;transform:scale(.98)}
#project-menu.sorting .project-row.is-drop-target{background:#eff4fa;border:1px dashed #619fea;transform:translateY(1px);box-shadow:0 4px 13px #5b4af522}
.sort-guide{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 8px 9px;color:#8aa3c2;font-size:10px;font-weight:750}
.sort-guide[hidden]{display:none}.sort-guide button{border:0;background:#ecf2f8;border-radius:6px;padding:4px 6px;color:#598bc8;font-weight:800;font-size:10px}
.entry-project{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 5px;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap;color:var(--project-color);background:color-mix(in srgb,var(--project-color) 9%,white);border:1px solid color-mix(in srgb,var(--project-color) 18%,white)}
.entry-project-icon .project-svg{width:14px;height:14px}
.project-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-width:395px}
.project-icon-option{border:1px solid #e2e6f0;background:#fff;border-radius:12px;min-height:53px;display:grid;place-items:center;color:#8793ab;transition:background .18s,transform .18s,border-color .18s,box-shadow .18s}
.project-icon-option svg{width:24px;height:24px}
.project-icon-option:hover{background:#f2f6fa;color:#5a96e0;transform:translateY(-2px)}
.project-icon-option.selected{background:#f1f5fa;border-color:#78aded;color:#5893db;box-shadow:0 0 0 3px #e3ebf5}
.project-colors{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.project-color-choice{width:32px;height:32px;border-radius:10px;border:3px solid white;box-shadow:0 0 0 1px #dfe3ed;transition:transform .18s,box-shadow .18s}
.project-color-choice:hover{transform:translateY(-3px)}.project-color-choice.selected{box-shadow:0 0 0 2px #5b92d6}
.project-preview{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fd;border:1px solid #e9ebf4;border-radius:13px;color:#293653;font-weight:800;margin-bottom:15px}
.project-preview-icon{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--project-color) 13%,white)}
.project-preview-icon svg{width:22px;height:22px}
.project-preview small{font-size:10px;color:#9aa5ba;font-weight:650;margin-left:auto}
/* Connectors are anchored geometrically to the node's center (grid 122px | 42px | content). */
.entry{--bridge:color-mix(in srgb,var(--tone) 64%,#a7b4d0)}
.date-block{z-index:2}
.date-block:after{content:"";position:absolute;top:40px;left:calc(100% - 1px);height:3px;width:23px;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 30%,#d5deed),var(--bridge));transform-origin:left center;transition:height .23s,background .25s,box-shadow .25s;pointer-events:none}
.date-block:before{content:"";position:absolute;top:35px;right:-5px;height:13px;width:5px;border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--tone) 65%,white);z-index:2;transition:background .25s}
.timeline-node:after{content:"";position:absolute;z-index:1;top:40px;left:31px;width:13px;height:3px;border-radius:6px;background:linear-gradient(90deg,var(--bridge),color-mix(in srgb,var(--tone) 40%,#dde3ef));transition:background .25s,height .23s,box-shadow .23s}
.node-core{z-index:3;box-shadow:0 0 0 2px var(--tone),0 0 0 7px var(--bg),0 0 0 8px color-mix(in srgb,var(--tone) 25%,transparent)}
.entry-card{z-index:1}
.entry-card:before{display:none!important}
.entry:hover .date-block:after,.entry:focus-within .date-block:after,.entry:hover .timeline-node:after,.entry:focus-within .timeline-node:after{height:4px;background:var(--tone);box-shadow:0 0 10px color-mix(in srgb,var(--tone) 35%,transparent)}
.entry:hover .date-block:before,.entry:focus-within .date-block:before{background:var(--tone)}
.entry:hover .entry-card{border-left-color:var(--tone)!important}
/* Bridges and node share the same vertical anchor when cards raise on hover */
.entry:hover .node-core,.entry:focus-within .node-core{transform:translateY(-2px) scale(1.24)}
.entry:hover .timeline-node:after,.entry:focus-within .timeline-node:after,.entry:hover .date-block:after,.entry:focus-within .date-block:after{transform:translateY(-2px)}
.entry:hover .date-block:before,.entry:focus-within .date-block:before{transform:translateY(-2px)}
@media(max-width:1050px){.date-block:after{width:21px}.timeline-node:after{left:30px;width:10px}}
@media(max-width:760px){.project-icon-grid{grid-template-columns:repeat(4,1fr)}.date-block:after{top:36px;width:18px}.date-block:before{top:32px}.timeline-node:after{top:36px;left:25px;width:10px}}
@media(max-width:380px){.date-block:after{width:14px}.timeline-node:after{left:22px;width:7px}}
@media(prefers-reduced-motion:reduce){.date-block:after,.date-block:before,.timeline-node:after,.project-row,.project-edit,.drag-handle,.project-icon-option{transition:none!important}}

/* Date card already rises as a unit; keep its left bridge aligned. */
.entry:hover .date-block:after,.entry:focus-within .date-block:after,.entry:hover .date-block:before,.entry:focus-within .date-block:before{transform:none}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n