/* v2 — düz yüzeyler, hafif vurgu, çentiksiz modern timeline */
:root{--navy:#192336;--sub:#667185;--line:#e8ebef;--bg:#f8fafc;--primary:#4482f5;--shadow:none}
body{background:var(--bg);color:var(--navy);font-size:14px}
.sidebar{background:#fff;border-right:1px solid #eceef1;width:236px;padding:27px 18px}.main{margin-left:236px}
.brand{font-weight:820;letter-spacing:-.75px}.brandmark{background:#4482f5;color:#fff;border-radius:12px}
.sidebar-label{color:#959baa;letter-spacing:1.2px}.menu-item,.project-item{border-radius:9px;color:#646e80}
.menu-item.active,.project-item.active{background:#f3f7fb;color:#5b8fcf}.menu-item:hover,.project-item:hover{background:#f7f8f9}
.workspace{max-width:1220px;padding-top:45px}.eyebrow{letter-spacing:1.7px;color:#7d8fa5}.heading-row h1{font-size:clamp(26px,3vw,37px);font-weight:800;letter-spacing:-1.3px}.subtitle{color:#8d94a1}
.button{box-shadow:none!important;border-radius:9px}.button.primary{background:#4482f5;border-color:#4482f5}.button.primary:hover{background:#5887c0}.toolbar{border-radius:13px;border:1px solid #e9ebef;box-shadow:none;padding:12px}.search{background:#f8f9fb;border:1px solid #edeef2}.filter-chip{border-radius:8px}
.timeline{margin-left:14px;padding-left:41px}.timeline:before{left:9px;width:2px;background:#dfe4eb}
.month-divider{font-size:11px;color:#848c9e;letter-spacing:.7px;margin:26px 0 15px}.month-divider:before{left:-39px;width:8px;height:8px;border:2px solid #cfd6e1}
.entry{margin-bottom:16px}.entry:before{width:12px;height:12px;left:-38px;top:29px;background:var(--tone);border:3px solid #f8fafc;box-shadow:0 0 0 1.5px var(--tone)}
.entry-card{padding:17px 20px 18px;border:1px solid #eaedf2;border-left:3px solid var(--tone);background:#fff;border-radius:13px;box-shadow:none;transform:none!important}
.entry-card:before{content:'';position:absolute;left:-30px;top:35px;width:27px;height:1.5px;background:#d6dce6;transform:none;border:0}
.entry-card:hover{border-color:#daddf2;box-shadow:0 4px 18px #141b2d07}
.entry-title{color:#1b2535;font-size:16px;margin-top:12px}.entry-body{white-space:normal;color:#465165;font-size:13px;line-height:1.72}.entry-top{gap:9px}
.priority{background:color-mix(in srgb,var(--tone) 12%,white);color:color-mix(in srgb,var(--tone) 75%,black);font-size:10px;border-radius:6px;padding:3px 8px}
.date{color:#9199a8}.action-link{color:#626e85}.action-link:hover{color:#4482f5}.tag{background:#f7f8fa;color:#687388;border-color:#eceef3}
.entry-body p{margin:6px 0}.entry-body h2,.entry-body h3{font-size:15px;margin:12px 0 5px}.entry-body blockquote{border-left:3px solid #dadff9;padding:6px 11px;margin:8px 0;background:#fafbfd}.entry-body pre{background:#1b2334;color:#e7eefc;padding:12px 14px;overflow:auto;border-radius:8px;white-space:pre-wrap;word-break:break-word}.entry-body img{max-width:100%;height:auto;display:block;border:1px solid #eceef1;border-radius:10px;margin:13px 0}.entry-body li{margin:3px 0}.entry-body a{color:#6493cd;text-decoration:underline}.entry-body hr{border:0;border-top:1px solid #e8eaef;margin:18px 0}
/* Sağdan açılan Notion benzeri editör */
.overlay{place-items:stretch end;padding:0;background:#121a2b66;backdrop-filter:blur(2px)}
.modal.editor-sheet{width:min(875px,100%);height:100dvh;max-height:100dvh;border-radius:17px 0 0 17px;box-shadow:-20px 0 70px #111a2b24}
.editor-sheet #entry-form{height:100%;max-height:100dvh}
.editor-sheet .modal-header{padding:22px 34px 17px;border-bottom:1px solid #edf0f3}
.editor-sheet .modal-header h2{font-size:21px}
.editor-sheet .modal-body{padding:27px 44px 18px}
.editor-sheet .modal-footer{padding:15px 34px 18px;border-top:1px solid #eceff4;box-shadow:none}
.editor-meta{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:3px}
.editor-sheet #f-title{border:0!important;box-shadow:none!important;border-radius:0;padding:6px 0;font-size:27px;font-weight:800;letter-spacing:-.7px;background:transparent}
.editor-sheet #f-title::placeholder{color:#abb2be}
.editor-sheet .field label{color:#727e91;font-weight:700}
.editor-sheet .field input:not([type=checkbox]):not([type=color]),.editor-sheet .field select{border-color:#e9ebef;background:#fff;border-radius:9px}
.editor-sheet .choice{border:1px solid #e9ebf0;color:#748094;background:#fff;font-weight:700;border-radius:8px;padding:8px 13px}
.editor-sheet .choice.selected{background:#f3f7fb;color:#5c90cf;border-color:#e1eaf5}
.editor-sheet .swatch{width:25px;height:25px;border-radius:50%}.editor-sheet .color-row{gap:7px}
.editor-section-header{margin:18px 0 8px;display:flex;justify-content:space-between;align-items:center;color:#737b8a;font-size:12px;font-weight:750}
.editor-section-header span{font-size:11px;font-weight:500;color:#9ca4b1}
.rich-shell{border:1px solid #e7e9ef;border-radius:13px;background:#fff;overflow:visible;position:relative}
.rich-toolbar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:8px 10px;background:#fafbfc;border-bottom:1px solid #edefF2;border-radius:12px 12px 0 0}
.rich-toolbar button{border:0;background:transparent;border-radius:6px;min-width:29px;height:29px;padding:4px 7px;font-size:13px;font-weight:700;color:#59657a}
.rich-toolbar button:hover{background:#eff4fa;color:#537fb5}
.rich-toolbar .tool-sep{height:19px;border-left:1px solid #e2e5ea;margin:0 3px}
.rich-toolbar select{border:1px solid #e8eaf0;border-radius:6px;background:#fff;color:#465366;padding:4px 6px;height:29px}
.rich-editor{min-height:205px;padding:24px 27px 30px;outline:0;font-size:14px;color:#26334a;line-height:1.75;word-break:break-word}
.rich-editor:empty:before{content:attr(data-placeholder);color:#b0b6c1}
.rich-editor:focus{outline:0}.rich-editor.drag-active{outline:2px dashed #78a1d4;outline-offset:-5px;background:#f9fbfd}
.rich-editor p{margin:4px 0 8px}.rich-editor h2{font-size:21px;margin:13px 0 5px}.rich-editor h3{font-size:17px;margin:12px 0 5px}
.rich-editor img{display:block;max-width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:10px;border:1px solid #e7e9ef;margin:14px 0}
.rich-editor pre{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#202637;color:#f0f2ff;padding:14px;border-radius:8px;white-space:pre-wrap;word-break:break-word}
.rich-editor blockquote{padding-left:14px;border-left:3px solid #90b1d9;margin:10px 0;color:#566079}
.rich-editor hr{border:0;border-top:1px solid #e7eaf0;margin:20px 0}.rich-editor a{color:#6493cd;text-decoration:underline}
.rich-editor .upload-placeholder{display:inline-block;background:#f3f7fb;color:#6493cd;font-size:12px;padding:6px 10px;border-radius:6px}
.rich-tip{padding:9px 13px 11px;font-size:11px;color:#9aa4b2;background:#fff;border-top:1px solid #f0f1f4;border-radius:0 0 12px 12px}
.slash-menu{position:relative;margin:0 0 8px;border:1px solid #e6e9f3;border-radius:11px;background:#fff;padding:9px;box-shadow:0 12px 30px #14192b12;display:flex;flex-wrap:wrap;gap:4px}.slash-menu[hidden]{display:none}
.slash-menu button{padding:8px 10px;border:0;background:#f7f8fb;border-radius:7px;color:#59647b;font-size:12px}.slash-menu button:hover{background:#f0f5fa;color:#5281bb}
.editor-sheet .modal-body::-webkit-scrollbar{width:7px}.editor-sheet .modal-body::-webkit-scrollbar-thumb{background:#e0e4ea;border-radius:5px}
@media(max-width:1050px){.sidebar{width:218px}.main{margin-left:218px}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0}.workspace{padding:27px 15px 60px}.entry-card{padding:14px 14px 15px}.timeline{padding-left:33px}.timeline:before{left:8px}.entry:before{left:-30px}.month-divider:before{left:-30px}.entry-card:before{left:-22px;width:19px}.modal.editor-sheet{border-radius:0}.editor-sheet .modal-body{padding:19px 16px}.editor-sheet .modal-header{padding:17px}.editor-sheet .modal-footer{padding:13px 16px}.editor-meta{grid-template-columns:1fr}.editor-sheet #f-title{font-size:23px}.rich-editor{padding:16px 15px;min-height:200px}.rich-toolbar{gap:1px}.rich-toolbar button{min-width:27px;padding:4px 5px}}


/* 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