*,*::before,*::after{box-sizing:border-box}
/* ---- tokens: palettes (light) ---- */
:root{
  color-scheme:light;
  --bg:#E9EBEF; --panel:#FFFFFF; --panel-2:#F4F5F7; --ink:#15181D; --ink-2:#3D444D; --muted:#6C7480; --on-color:#FFFFFF;
  --line:#D5D9DF; --line-2:#E6E9ED; --accent:#2A4FD0; --accent-ink:#FFFFFF;
  --p0:#D0122B; --p0-soft:#FDE3E6; --p1:#9A6700; --p1-soft:#FCF1CF; --p2:#0E7C84; --p2-soft:#D9F0F1; --p3:#6F7985; --p3-soft:#E8EBEF;
  --done:#2F8F5B; --hl:#FFE873; --mix:14%; --doing:#3A6FD8; --t-todo:#2D5BD1; --t-fix:#C23B2B; --t-migration:#7A5AF0; --t-sorulacak:#0E7C84; --t-planlama:#2F8F5B; --area:#B0266E; --ph-before:#B86A00; --ph-after:#0E7C84;
  --doing-soft:color-mix(in srgb,var(--doing) var(--mix),var(--panel)); --t-todo-soft:color-mix(in srgb,var(--t-todo) var(--mix),var(--panel)); --t-fix-soft:color-mix(in srgb,var(--t-fix) var(--mix),var(--panel)); --t-migration-soft:color-mix(in srgb,var(--t-migration) var(--mix),var(--panel)); --t-sorulacak-soft:color-mix(in srgb,var(--t-sorulacak) var(--mix),var(--panel)); --t-planlama-soft:color-mix(in srgb,var(--t-planlama) var(--mix),var(--panel)); --area-soft:color-mix(in srgb,var(--area) var(--mix),var(--panel)); --ph-before-soft:color-mix(in srgb,var(--ph-before) var(--mix),var(--panel)); --ph-after-soft:color-mix(in srgb,var(--ph-after) var(--mix),var(--panel)); --shadow:0 12px 32px rgba(16,20,26,.18);
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-palette="kagit"]{ --bg:#EEE9DF; --panel:#FBF8F2; --panel-2:#F3EFE6; --ink:#2A2520; --ink-2:#4D463F; --muted:#7B7369; --line:#DAD3C6; --line-2:#E8E2D7; --accent:#8A4B2B; --p0:#D0122B; --p0-soft:#FDE3E6; --p1:#9A6700; --p1-soft:#FCF1CF; --p2:#2E7D6B; --p2-soft:#DDEEE8; --p3:#7B7369; --p3-soft:#EAE4DA; --done:#4D7F3E ; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-palette="mavi"]{ --bg:#E4EAF4; --panel:#FFFFFF; --panel-2:#F2F5FA; --ink:#121A2B; --ink-2:#36415A; --muted:#64708A; --line:#CFD8E6; --line-2:#E2E8F1; --accent:#1D4ED8; --p0:#D0122B; --p0-soft:#FDE3E6; --p1:#9A6700; --p1-soft:#FCF1CF; --p2:#1A6FB5; --p2-soft:#DCEBF8; --p3:#6E7A91; --p3-soft:#E6EBF3; --done:#1F8A5B ; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-palette="yesil"]{ --bg:#E6EDE8; --panel:#F8FBF9; --panel-2:#EEF4F0; --ink:#13201A; --ink-2:#36473E; --muted:#657569; --line:#CCD9D0; --line-2:#DFE8E2; --accent:#1F6F4A; --p0:#D0122B; --p0-soft:#FDE3E6; --p1:#9A6700; --p1-soft:#FCF1CF; --p2:#1F6F8A; --p2-soft:#DCEDF3; --p3:#6E7B72; --p3-soft:#E4EBE6; --done:#2E8B57 ; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
/* ---- tokens: dark variants ---- */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0F1216; --panel:#171B21; --panel-2:#1E232A; --ink:#E8EBEF; --ink-2:#C4CAD3; --muted:#8B95A2; --on-color:#11151B;
  --line:#2A3038; --line-2:#222830; --accent:#86A9FF; --accent-ink:#0F1420;
  --p0:#FF5C6C; --p0-soft:#43191F; --p1:#F2C14E; --p1-soft:#3D3214; --p2:#55C4CB; --p2-soft:#153438; --p3:#9AA4B1; --p3-soft:#262C34;
  --done:#5FC98C; --hl:#6B5B10; --mix:24%; --doing:#8AB0FF; --t-todo:#8FB0FF; --t-fix:#F28B7D; --t-migration:#B9A6FF; --t-sorulacak:#5FC8CF; --t-planlama:#6FD39A; --area:#F08AC0; --ph-before:#F2AC56; --ph-after:#55C4CB; --shadow:0 12px 32px rgba(0,0,0,.55);
; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-palette="kagit"][data-theme="dark"]{ --bg:#17140F; --panel:#211D17; --panel-2:#2A251E; --ink:#EEE7DB; --ink-2:#CFC6B8; --muted:#9A9082; --line:#3A3329; --line-2:#2F2922; --accent:#E0A078; --p0:#FF5C6C; --p0-soft:#43191F; --p1:#F2C14E; --p1-soft:#3D3214; --p2:#6CC2B0; --p2-soft:#1A3630; --p3:#A09688; --p3-soft:#332D26; --done:#8CC97A ; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-palette="mavi"][data-theme="dark"]{ --bg:#0B1220; --panel:#121B2E; --panel-2:#192439; --ink:#E6ECF7; --ink-2:#C3CDE0; --muted:#8694B0; --line:#273553; --line-2:#1F2B45; --accent:#8AB4FF; --p0:#FF5C6C; --p0-soft:#43191F; --p1:#F2C14E; --p1-soft:#3D3214; --p2:#6DB6F2; --p2-soft:#17324B; --p3:#9AA7C2; --p3-soft:#263352; --done:#5FD08F ; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-palette="yesil"][data-theme="dark"]{ --bg:#0E1411; --panel:#151E19; --panel-2:#1C2721; --ink:#E6EEE9; --ink-2:#C2D0C8; --muted:#86978C; --line:#283730; --line-2:#1F2D26; --accent:#7FD3A8; --p0:#FF5C6C; --p0-soft:#43191F; --p1:#F2C14E; --p1-soft:#3D3214; --p2:#67C3DA; --p2-soft:#163640; --p3:#9AA89F; --p3-soft:#27332D; --done:#6CCF93 ; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
/* ---- font size (zoom keeps the px-based layout proportional) ---- */
:root[data-font="kucuk"] body{zoom:.9}
:root[data-font="buyuk"] body{zoom:1.12}
:root[data-font="cokbuyuk"] body{zoom:1.25}

html{min-height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.45 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--panel)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;height:48px}
.brand{display:flex;align-items:center;gap:9px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:18px;letter-spacing:.01em;white-space:nowrap}
.logo{flex:0 0 auto;display:block}.logo .lbg{fill:var(--ink)}.logo .lpg{fill:var(--panel)}.logo .lfold{fill:var(--ink);opacity:.32}.logo .lsp{fill:none;stroke:var(--panel);stroke-width:4.5;stroke-linecap:round}.logo .lmk{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round} /* spiralli defter sayfası ve ✓; sekmedeki simgeyle (favicon) aynı çizim, renkler temadan */
.tsep{flex:0 0 auto;width:1px;height:20px;background:var(--line)}
.ico{display:block;flex:0 0 auto}
.ws{display:flex;align-items:center;gap:7px;min-width:0;max-width:360px;border:0;background:none;border-radius:6px;padding:5px 8px;color:var(--ink-2);font-size:13px;font-weight:500}
.ws:hover{background:var(--panel-2);color:var(--ink)}.ws .ico{color:var(--muted)}
.ws-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--line)}
.ws[data-sync="ok"] .ws-dot{background:var(--done)}.ws[data-sync="err"] .ws-dot{background:var(--p0)}.ws[data-sync="mem"] .ws-dot{background:var(--p1-fill)}
.ws[data-sync="saving"] .ws-dot{background:var(--p1-fill);animation:wsblink 1s ease-in-out infinite}
@keyframes wsblink{50%{opacity:.35}}
.sync{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync.err{color:var(--p0)}
.ws:not([data-sync="err"]):not([data-sync="mem"]) .sync{display:none}
/* ortadaki zaman grubu: tarih/saat ve hatırlatıcı zili */
.tmid{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px}
.tsep.sm{height:16px}
.ck{display:flex;align-items:baseline;gap:9px;border:0;background:none;border-radius:6px;padding:5px 10px;font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck b{color:var(--ink);font-weight:600}.ck:hover,.ck[aria-expanded="true"]{background:var(--panel-2)}.ck:empty{display:none}.ck .ck-s{display:none}
@media (max-width:1080px){.tmid{position:static;transform:none;margin-left:auto}.ck .ck-l{display:none}.ck .ck-s{display:inline}}
@media (max-width:560px){.ck .ck-s{display:none}}
.top .seg.lay{margin-left:auto}@media (max-width:1080px){.top .seg.lay{margin-left:0}}
.ib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border:0;background:none;border-radius:6px;color:var(--ink-2)}
.ib:hover,.ib[aria-expanded="true"]{background:var(--panel-2);color:var(--ink)}
.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.seg button{flex:1;border:0;background:none;padding:6px 10px;color:var(--muted);font-weight:500;font-size:12.5px;white-space:nowrap}
.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--panel)}
.seg button[aria-pressed="true"].px{background:var(--px);color:var(--on-color)}
.seg button[aria-pressed="true"].p0{background:var(--p0);color:var(--on-color)}
.seg button[aria-pressed="true"].p1{background:var(--p1);color:var(--on-color)}
.seg button[aria-pressed="true"].p2{background:var(--p2);color:var(--on-color)}
.seg button[aria-pressed="true"].p3{background:var(--p3);color:var(--on-color)}
.top .seg.lay{border:0;gap:2px;overflow:visible}
header.top .seg.lay button{display:flex;align-items:center;justify-content:center;width:34px;height:32px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted)}
header.top .seg.lay button:hover{color:var(--ink);background:var(--panel-2)}
header.top .seg.lay button[aria-pressed="true"]{background:var(--panel-2);color:var(--ink)}
.top .seg.lay svg{display:block;width:18px;height:15px}

/* panes */
main{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 48px)}
main.split{--split:50%;grid-template-columns:minmax(260px,var(--split)) 10px minmax(260px,1fr)}
.splitter{cursor:col-resize;background:var(--bg);position:relative;touch-action:none}
.splitter::before{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:var(--line)}
.splitter::after{content:"";position:absolute;top:50%;left:2px;width:6px;height:36px;margin-top:-18px;border-radius:3px;background:var(--line);transition:background .15s}
.splitter:hover::after,.splitter.on::after{background:var(--accent)}
.splitter:hover::before,.splitter.on::before{background:var(--accent)}
body.resizing{cursor:col-resize;user-select:none}
body.resizing .pane{pointer-events:none}
@media (max-width:900px){main.split{grid-template-columns:1fr}.splitter{display:none}main.split .pane+.pane{border-top:2px solid var(--line)}}
.pane{min-width:0;display:flex;flex-direction:column}
.tabs{display:flex;gap:18px;padding:0 20px;height:44px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:calc(var(--toph,48px) + env(safe-area-inset-top,0px));z-index:8} /* üst çubuğun hemen altında; yükseklik temaya göre --toph */
.tabs button{background:none;border:0;padding:0 2px;height:44px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.tabs .cnt{display:inline-block;min-width:18px;padding:0 6px 0 5px;margin-left:6px;letter-spacing:.02em;border-radius:9px;background:var(--p0-soft);color:var(--p0);font-size:11.5px;font-weight:600;line-height:18px;text-align:center;white-space:nowrap}
.tabs .cnt:empty{display:none}
.pbody{padding:18px 20px 80px;max-width:1180px;width:100%;margin:0 auto}
main.split .pbody{max-width:none}
.view{display:none}.view.on{display:block}

/* banners, empty */
.banner{background:var(--p1-soft);color:var(--p1);border:1px solid color-mix(in srgb,var(--p1) 30%,transparent);border-radius:8px;padding:9px 12px;margin:12px 16px 0;font-size:13px}
.empty{padding:56px 16px;text-align:center;color:var(--muted);max-width:52ch;margin:0 auto}
.empty strong{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-bottom:6px}

/* controls */
.btn{font-weight:500;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:7px 12px;line-height:1.2;white-space:nowrap}
.btn:hover{background:var(--panel-2)}
.btn.primary{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.btn.primary:hover{opacity:.9;background:var(--ink)}
.btn.ghost{border-color:transparent;background:none;color:var(--muted)}
.btn.ghost:hover{color:var(--ink);background:var(--panel-2)}
.btn.danger{color:var(--p0)}
.btn.sm{padding:4px 9px;font-size:12.5px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.in{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:7px 9px;min-width:0;width:100%}
.in:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
select.in{appearance:auto}
textarea.in{resize:vertical;min-height:64px;line-height:1.45}
.row-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.quick{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}
.quick .in{background:var(--panel)}
.quick .title{flex:1 1 220px}
.quick select{width:auto;flex:0 0 auto}
.quick .svc{flex:0 1 160px}
.quick .unit{flex:0 1 110px}
/* filtre alanı: arama, filtre düğmeleri (açılır menüler ya da tek Filtre düğmesi), gruplama */
.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0 0;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:12.5px;color:var(--muted)}
.toolbar .search{flex:0 1 220px;min-width:140px;padding:5px 9px;font-size:13px;background:var(--panel-2)}
.toolbar .search:focus{background:var(--panel)}
.toolbar .sp{flex:1}
.toolbar select{width:auto;padding:4px 6px;font-size:12.5px}
.fslot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fgrp,.fchk{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.fchk[hidden]{display:none}
.fdd{position:relative}
.fdb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:4px 9px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;line-height:1.5}
.fdb:hover{border-color:var(--muted);color:var(--ink)}
.fdb.on{border-color:var(--ink);color:var(--ink);background:var(--panel-2);font-weight:600}
.fdb svg{opacity:.65;flex:0 0 auto}
.fdb.fadd{border-style:dashed}.fdb.fadd.on,.fdb.fadd.open{border-style:solid}
.fcnt{background:var(--ink);color:var(--panel);border-radius:999px;font-size:11px;font-weight:600;padding:0 6px;line-height:17px}
.fpop{position:absolute;top:calc(100% + 6px);left:0;z-index:25;width:270px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;color:var(--ink);font-size:13.5px}
.fps{padding:8px;border-bottom:1px solid var(--line-2)}
.fps .in{width:100%;padding:5px 8px;font-size:13px}
.fpl{max-height:min(300px,50vh);overflow:auto;padding:4px;display:flex;flex-direction:column}
.fopt{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:5px;cursor:pointer;user-select:none}
.fopt:hover,.fopt:focus-within{background:var(--panel-2)}
.fopt input{margin:0;accent-color:var(--ink);flex:0 0 auto}
.fopt .x{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fopt .n{font-size:12px;color:var(--muted)}
.fopt.zero{opacity:.5}
.fnone{padding:10px;color:var(--muted);font-size:13px}
.fdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.fpf{display:flex;justify-content:space-between;border-top:1px solid var(--line-2);padding:5px 6px}
.fpf button{border:0;background:none;font-size:12.5px;color:var(--muted);padding:3px 7px;border-radius:4px}
.fpf button:hover:not(:disabled){color:var(--ink);background:var(--panel-2)}
.fpf button:disabled{opacity:.45;cursor:default}
.frow{display:contents}
.fdb.fadd svg:last-child{transition:transform .15s}.fdb.fadd.open svg:last-child{transform:rotate(180deg)}
.fpill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:1px 3px 1px 10px;font-size:12.5px;color:var(--ink);line-height:1.6;max-width:100%}
.fpill b{font-weight:500;color:var(--muted)}
.fpill.grp{cursor:pointer}.fpill.grp:hover{border-color:var(--muted)}
.fpill .rm{border:0;background:none;width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;color:var(--muted);padding:0;font-size:10.5px;flex:0 0 auto}
.fpill .rm:hover{background:var(--panel-2);color:var(--ink)}
.fpills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.fpills .link,.vacts .link{border:0;background:none;color:var(--accent);font-size:12.5px;padding:2px 6px}
.fpills .link:hover{text-decoration:underline}
.vacts{display:inline-flex;gap:2px;margin-left:auto}
.vsave{display:inline-flex;gap:6px;align-items:center;margin-left:auto}
.vsave .in{width:180px;padding:3px 8px;font-size:12.5px}
/* kayıtlı görünümler */
.vws{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:14px 0 -4px}
.vlbl{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.vwrap{display:inline-flex;align-items:center}
.vw{border:1px solid transparent;background:none;border-radius:999px;padding:3px 11px;font-size:12.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}
.vw:hover{background:var(--panel);border-color:var(--line)}
.vw[aria-pressed="true"]{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.vw.mod{border-color:var(--line);background:var(--panel)}
.vw.mod::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--p1-fill)}
.vmenu{border:0;background:none;color:var(--muted);padding:0 6px;font-size:15px;line-height:1;border-radius:4px}
.vmenu:hover{color:var(--ink);background:var(--panel)}
@container (max-width:620px){ .toolbar .search{flex:1 1 100%} .toolbar .sp{display:none} }

/* task groups */
.lhead{display:flex;align-items:baseline;gap:12px;margin:22px 0 -6px}
.lhead h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:24px;letter-spacing:-.005em}
.lhead > span{font-size:12.5px;color:var(--muted)}
.lhead.plan{margin-top:44px;padding-top:18px;border-top:1px dashed var(--line)}
.lhead.plan h2{font-size:20px}
.group{margin-top:22px}
.ghead{display:flex;align-items:baseline;gap:12px;padding:0 0 6px;border-bottom:1.5px solid var(--ink)}
.ghead h3{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:18px;letter-spacing:.005em}
.ghead .gm{font-size:12.5px;color:var(--muted)}
.ghead .gm b{font-weight:600}
.ghead .gm .kk{color:var(--px);font-weight:700}.ghead .gm .k{color:var(--p0)}.ghead .gm .y{color:var(--p1)}
.row{display:flex;gap:10px;align-items:center;padding:var(--rowpad,8px) 8px var(--rowpad,8px) 4px;border-bottom:1px solid var(--line-2);cursor:pointer;border-radius:4px;min-height:38px}
.row.odd{background:color-mix(in srgb,var(--panel-2) 60%,transparent)}
.row.urgent{background:color-mix(in srgb,var(--px) 7%,transparent)}
.row:hover{background:var(--panel-2)}
.row.sel{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--accent)}
.ttype.lead{flex:0 0 auto;width:74px;text-align:center;overflow:hidden;text-overflow:ellipsis}
.rmain{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.rl1{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}
.rl1 .ttl{min-width:0;font-weight:500;white-space:normal;overflow-wrap:break-word}
.rl1 .sp{flex:1}
.rl2{flex:0 0 auto;display:flex;gap:12px;font-size:12px;color:var(--muted);white-space:nowrap}
.rl2 .ttype{font-size:11px}
.rl2 .utag{font-weight:600;color:var(--ink-2)}
@media (max-width:720px){.rmain{flex-wrap:wrap;gap:2px 10px}.rl1{flex-basis:100%}.rl2{padding-left:16px}}
:root[data-density="sikisik"]{--rowpad:4px}
:root[data-density="rahat"]{--rowpad:13px}
:root[data-density="rahat"] .group{margin-top:30px}
.phase{flex:0 0 auto;font-size:11.5px;border-radius:4px;padding:1px 7px;line-height:1.5;font-weight:600}
.phase.before{background:var(--ph-before-soft);color:var(--ph-before)}.phase.after{background:var(--ph-after-soft);color:var(--ph-after)}.phase.any{background:var(--p3-soft);color:var(--p3)}
.dh{flex:0 0 auto;width:14px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:grab;visibility:hidden;font-size:14px;line-height:1;letter-spacing:-2px;user-select:none}
.row:hover .dh,.row:focus-within .dh{visibility:visible}
.row.dragging{opacity:.35}
.row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}
.row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}
.row.drop-no{cursor:not-allowed}
.xp{flex:0 0 auto;width:22px;height:22px;border:0;background:none;color:var(--muted);border-radius:4px;font-size:10px;padding:0;transition:transform .15s}
.xp:hover{background:var(--line-2);color:var(--ink)}
.xp[aria-expanded="true"]{transform:rotate(90deg)}
.xp.none{visibility:hidden}
.row.open{background:var(--panel-2);border-bottom-color:transparent;border-radius:6px 6px 0 0;box-shadow:inset 0 1px 0 var(--line),inset 1px 0 0 var(--line),inset -1px 0 0 var(--line)}
.row.sel.open{box-shadow:inset 2px 0 0 var(--accent),inset 0 1px 0 var(--line),inset -1px 0 0 var(--line)}
.rx{margin:0 0 12px;padding:2px 16px 14px 80px;background:var(--panel-2);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;font-size:13px;color:var(--ink-2);cursor:default}
.row.sel.open+.rx{border-left-color:var(--accent);box-shadow:inset 1px 0 0 var(--accent)}
.rx .xsec+.xsec{margin-top:14px}
.rx .xlbl{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.rx .xlbl b{font-weight:600;letter-spacing:0;color:var(--ink-2)}
.rx .xprog{display:inline-block;width:64px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.rx .xprog i{display:block;height:100%;background:var(--done)}
.rx .rnotes{margin:0;color:var(--ink);line-height:1.55}
.rx .subs{margin:0}
:root:not([data-skin="grafit"]) :is(.row.open,.rx){border-radius:0}
@media (max-width:720px){.rx{padding-left:16px}}
.rx .sub{padding:1px 0;font-size:13px}
.rx .sub span{flex:1}
.rx .sub.d span{text-decoration:line-through;color:var(--muted)}
.rx .rimgs{margin:4px 0 0}
.rx .rimgs img{max-height:180px;object-fit:contain}
.btag{flex:0 0 auto;font-size:11.5px;font-weight:500;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:0 7px;line-height:1.6;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ghlinks{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle;font-family:"IBM Plex Sans",sans-serif}
.bwrap{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;max-width:100%;flex-wrap:wrap}
.blink{font-size:11px;font-weight:600;color:var(--accent);text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:0 6px;line-height:1.6;white-space:nowrap;background:var(--panel)}
.blink:hover{border-color:var(--accent)}
.links{margin-bottom:6px}
.glinks{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 8px;align-items:center}
.glinks .gh{font-size:11.5px;color:var(--muted);font-weight:600}
.glinks .gh i{font-style:normal;font-weight:400;opacity:.8;margin-left:4px}
.glinks .gs{font-size:12.5px;font-weight:600;color:var(--ink-2);padding-right:4px}
.gcell{position:relative;min-width:0}
.gcell .in{padding:6px 28px 6px 8px;font-size:12.5px;width:100%}
.xl{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;gap:6px;align-items:center;margin-bottom:6px}
.xl .xn{padding:6px 8px;font-size:12.5px;width:100%;min-width:0}
.xl .x{border:0;background:none;color:var(--muted);padding:2px 6px;border-radius:4px;cursor:pointer}
.xl .x:hover{color:var(--p0);background:var(--p0-soft)}
.gcell:has(.lx) .in{padding-right:46px}
.gcell .lx{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-size:11px;line-height:1;padding:3px 4px;border-radius:4px;cursor:pointer}
.gcell .lx:hover{color:var(--p0);background:var(--p0-soft)}
.gcell:has(.lx) .lgo{right:24px}
.ltools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ltools label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}
.ltools .in{flex:1;min-width:0;padding:6px 8px;font-size:12.5px}
.gcell .lgo{position:absolute;right:6px;top:50%;transform:translateY(-50%);text-decoration:none;color:var(--accent);font-size:13px;font-weight:600}
@media (max-width:560px){.glinks{grid-template-columns:1fr}.glinks>span:empty,.glinks .gh{display:none}}

.related{display:flex;flex-direction:column;gap:2px}
/* aynı gruptaki görevler: sabit sütunlar (öncelik · tür · başlık · durum), hepsi ilk satıra hizalı */
.relrow{display:grid;grid-template-columns:6px 76px minmax(0,1fr) auto;gap:8px;align-items:start;text-align:left;border:0;background:none;padding:6px 6px;border-radius:4px;font-size:13px;line-height:1.45;width:100%}
.relrow:hover{background:var(--panel-2)}
.relrow .rt{min-width:0;overflow-wrap:anywhere}
.relrow .rt.done{color:var(--muted)}
.relrow .rs{font-size:11.5px;color:var(--muted);white-space:nowrap;text-align:right;line-height:19px}
.relrow .ttype{justify-self:stretch;text-align:center;font-size:11px;margin-top:1px}
.quick .phase-sel{display:none;width:auto}
.quick.migration .phase-sel{display:block}
.row.done .ttl{color:var(--muted);font-weight:400} /* tamamlanan görev üstü çizilmez; soluk renk ve işaretli kutu yeter */
.chk{flex:0 0 auto;width:17px;height:17px;border:1.5px solid var(--muted);border-radius:4px;background:none;position:relative;padding:0}
.chk:hover{border-color:var(--done)}
.chk.on{background:var(--done);border-color:var(--done)}
.chk.on::after{content:"";position:absolute;left:4.5px;top:1.5px;width:5px;height:9px;border:solid var(--on-color);border-width:0 2px 2px 0;transform:rotate(45deg)}
.prio{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:4px;border:0;line-height:1.5}
.rl1 .prio{width:6px;height:20px;padding:0;border-radius:3px;font-size:0;flex:0 0 auto;transition:transform .12s}
.rl1 .prio.px{background:var(--px)}.rl1 .prio.p0{background:var(--p0)}.rl1 .prio.p1{background:var(--p1-fill)}.rl1 .prio.p2{background:var(--p2)}.rl1 .prio.p3{background:var(--p3)}
.rl1 .prio:hover{transform:scaleX(1.7)}
.rl1 .phase{flex:0 0 auto}
.rtext .atag{margin-left:6px}
.px{background:var(--px-soft);color:var(--px)}.p0{background:var(--p0-soft);color:var(--p0)}.p1{background:var(--p1-soft);color:var(--p1)}.p2{background:var(--p2-soft);color:var(--p2)}.p3{background:var(--p3-soft);color:var(--p3)}
.ttype{font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 6px;line-height:1.5;font-weight:500}
.ttype.t-todo{color:var(--t-todo);background:var(--t-todo-soft);border-color:transparent}
.ttype.t-fix{color:var(--t-fix);background:var(--t-fix-soft);border-color:transparent}
.ttype.t-migration{color:var(--t-migration);background:var(--t-migration-soft);border-color:transparent}
.ttype.t-sorulacak{color:var(--t-sorulacak);background:var(--t-sorulacak-soft);border-color:transparent}
.ttype.t-planlama{color:var(--t-planlama);background:var(--t-planlama-soft);border-color:transparent}
.chip.t-todo[aria-pressed="true"]{background:var(--t-todo);border-color:var(--t-todo);color:var(--on-color)}
.chip.t-fix[aria-pressed="true"]{background:var(--t-fix);border-color:var(--t-fix);color:var(--on-color)}
.chip.t-migration[aria-pressed="true"]{background:var(--t-migration);border-color:var(--t-migration);color:var(--on-color)}
.chip.t-sorulacak[aria-pressed="true"]{background:var(--t-sorulacak);border-color:var(--t-sorulacak);color:var(--on-color)}
.chip.t-planlama[aria-pressed="true"]{background:var(--t-planlama);border-color:var(--t-planlama);color:var(--on-color)}
.atag{flex:0 0 auto;font-size:11.5px;font-weight:600;color:var(--area);background:var(--area-soft);border-radius:4px;padding:1px 7px;line-height:1.5;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row.doing{background:var(--doing-soft)}
.row.doing.odd{background:color-mix(in srgb,var(--doing-soft) 80%,var(--panel))}
.row.doing:hover{background:color-mix(in srgb,var(--doing-soft) 70%,var(--panel-2))}
.row.doing.open,.row.doing.open+.rx{background:var(--doing-soft)}
.dbadge{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--accent-ink);background:var(--doing);border-radius:4px;padding:1px 7px;line-height:1.5;letter-spacing:.02em}
.dgo{flex:0 0 auto;border:1px solid transparent;background:none;color:var(--muted);border-radius:4px;width:24px;height:22px;padding:0;font-size:12px;visibility:hidden}
.row:hover .dgo,.row:focus-within .dgo{visibility:visible}
.row.doing .dgo{visibility:visible;color:var(--doing)}
.dgo:hover{background:var(--panel);border-color:var(--line);color:var(--doing)}
.btn.doing{background:var(--doing);border-color:var(--doing);color:var(--on-color)}
.status-box.doing{background:var(--doing-soft)}
.pop{position:fixed;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px;display:flex;flex-direction:column;gap:2px;min-width:120px}
.pop button{border:0;background:none;text-align:left;padding:6px 10px;border-radius:5px;font-weight:500}
.pop button:hover{background:var(--panel-2)}
.pop button .sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:8px;vertical-align:middle}

/* detail dialog */
#drawer{position:fixed;inset:0;background:rgba(10,12,16,.45);display:none;align-items:center;justify-content:center;z-index:20;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
#drawer.open{display:flex}
.dlg{background:var(--panel);border-radius:14px;width:min(1040px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}
.dhead{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:16px 24px 14px;border-bottom:1px solid var(--line-2);margin-bottom:8px}
.dmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;font-size:12px;color:var(--muted)}
.dmeta .dsvc{color:var(--ink-2);font-weight:500}.dmeta .prio{cursor:default}.dmeta .due{font-size:12px}
.dlbl{grid-column:1/-1;font-size:12px;color:var(--muted);margin:6px 0 -6px;cursor:text}
#dTitle{grid-column:1/-1;display:block;width:auto;margin:0 -8px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:none;color:var(--ink);font:inherit;font-size:22px;font-weight:600;line-height:1.3;resize:none;overflow:hidden;cursor:text}
#dTitle:hover{background:var(--panel-2)}
#dTitle:focus{outline:none;border-color:var(--accent);border-radius:6px;background:var(--panel)}
#dTitle::placeholder{color:var(--muted);font-weight:400}
.dbody{overflow:auto;padding:8px 24px 24px;display:grid;grid-template-columns:1.45fr 1fr;gap:12px 36px;align-items:start}
.col{min-width:0}
.col.side,.col.side2{border-left:1px solid var(--line-2);padding-left:28px}
/* orta genişlikte üçüncü sütun (Bağlantılar'dan sonrası) ikincinin altına iner; geniş ekranda yanına geçer */
@media (min-width:821px) and (max-width:1239px){.dbody{grid-template-rows:auto 1fr}.dbody>.col:first-child{grid-row:span 2}.col.side2{grid-column:2;margin-top:-12px}}
@media (max-width:820px){.dbody{grid-template-columns:1fr;gap:0}.col.side{border-left:0;padding-left:0;border-top:1px solid var(--line-2);padding-top:14px}.col.side2{border-left:0;padding-left:0}#drawer{padding:0}.dlg{border-radius:0;height:100%}}
.dfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.dwide .ico-shrink,#drawer.wide .dwide .ico-grow{display:none}#drawer.wide .dwide .ico-shrink{display:block}
#drawer.wide{padding:12px}
#drawer.sizing{justify-content:flex-start}
#dNotes{resize:both;overflow:auto;min-width:min(320px,100%)}
@media (max-width:820px){#dNotes{resize:vertical}}
#dPrio button{flex:1 1 auto;min-width:0;padding-left:4px;padding-right:4px;overflow:hidden;text-overflow:ellipsis} /* yan sütun daralınca sığsın */
.nreset{border:0;background:none;color:var(--accent);padding:0;cursor:pointer;font-size:11.5px;font-weight:400;margin-left:6px}
#drawer.wide .dlg{width:100%;height:100%;max-width:none}
#drawer.wide .dbody{flex:1;grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr)}
#drawer.wide #dNotes{min-height:max(220px,40vh)}
@media (min-width:1240px){.dlg{width:min(1320px,100%)}.dbody{grid-template-columns:1.45fr 1fr 1fr}#drawer.wide .dbody{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr) minmax(300px,1fr)}}
@media (max-width:820px){.dwide{display:none!important}}
#drawer.drop .dlg{outline:2px dashed var(--accent);outline-offset:-8px}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.f>label,.f>.lbl{font-size:12px;color:var(--muted)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f2.f3{grid-template-columns:0.8fr 1fr 1fr}
@media (max-width:820px){.f2.f3{grid-template-columns:1fr}}
.status-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--panel-2);border-radius:10px;padding:12px 14px;margin-bottom:18px}
.status-box .st{flex:1;font-size:13px}
.status-box .st b{font-weight:600}
.subs{display:flex;flex-direction:column;gap:2px}
.sub{display:flex;gap:8px;align-items:center;padding:2px 0}
.sub input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--done)}
.sub .subtxt{flex:1;border:0;background:none;padding:4px 2px;border-bottom:1px solid transparent}
.sub .subtxt:focus{outline:none;border-bottom-color:var(--accent)}
.sub.d .subtxt{text-decoration:line-through;color:var(--muted)}
.sub .x{border:0;background:none;color:var(--muted);padding:2px 6px;border-radius:4px;visibility:hidden}
.sub:hover .x,.sub:focus-within .x{visibility:visible}
.sub .dh{height:18px}.sub:hover .dh,.sub:focus-within .dh{visibility:visible}
.sub.dragging{opacity:.35}.sub.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.sub.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}
.sub .x:hover{color:var(--p0);background:var(--p0-soft)}
.subadd{display:flex;gap:8px;align-items:center;margin-top:4px}
.subadd .in{flex:1;padding:5px 8px;font-size:13px}
.imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.img{position:relative;aspect-ratio:4/3;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.img img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.img .x{position:absolute;top:4px;right:4px;border:0;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;width:22px;height:22px;line-height:22px;padding:0;font-size:12px}
.img .w{position:absolute;left:4px;bottom:4px;border:0;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;height:20px;line-height:20px;padding:0 7px;font-size:11px;font-weight:600}
.img .w:hover{background:rgba(0,0,0,.85)}
.img .r{position:absolute;top:4px;right:30px;border:0;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;width:22px;height:22px;line-height:22px;padding:0;font-size:13px}
.img .r:hover,.img .x:hover{background:rgba(0,0,0,.85)}
.imgs .add{aspect-ratio:4/3;border:1.5px dashed var(--line);border-radius:6px;background:none;color:var(--muted);font-size:12.5px;line-height:1.3;padding:6px}
.imgs .add:hover{color:var(--ink);border-color:var(--muted)}
.imgs .add small{display:block;font-size:11px;opacity:.8;margin-top:2px}
#dFiles .nfiles{margin-top:8px}
.nf .btn.sm{padding:3px 8px}
.rx .nfiles{border-top:0}.rx .nf{font-size:13px;padding:4px 2px}
.fcnt{display:inline-flex;align-items:center;gap:3px}.clip{flex:0 0 auto}
/* dosya önizleme (sql, json…) */
.mbox.fview{width:min(900px,100%);max-width:100%;min-width:min(360px,100%);min-height:240px;display:flex;flex-direction:column;resize:both;overflow:hidden}
.mbox.fview[style*="height"] #fvText{max-height:none}
.mbox.fview h2{overflow-wrap:anywhere}
#fvText{margin:0;flex:1;min-height:80px;max-height:62vh;overflow:auto;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;font:12.5px/1.55 'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;color:var(--ink);white-space:pre;tab-size:4}
.meta{font-size:12px;color:var(--muted)}
.rtb{display:flex;gap:2px;flex-wrap:wrap}
.rtb button{border:1px solid transparent;background:none;color:var(--muted);border-radius:4px;min-width:26px;height:24px;padding:0 6px;font-size:12.5px;line-height:1}
.rtb button:hover{background:var(--panel-2);color:var(--ink)}
.rtb .b{font-weight:700}.rtb .i{font-style:italic}.rtb .u{text-decoration:underline}.rtb .h{background:var(--hl);color:var(--ink)}
.rich{min-height:110px;line-height:1.5;overflow-wrap:anywhere;padding:10px 12px}
.rich.one{min-height:48px}
.rich[data-empty="1"]::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}
.rich ul,.rich ol,.rnotes ul,.rnotes ol,.slide .notes ul,.slide .notes ol{margin:4px 0;padding-left:1.3em}
/* iç içe liste: alt maddeler içeriden, farklı imle */
:is(.rich,.rnotes,.rx,.slide .notes) :is(ul,ol) :is(ul,ol){margin:2px 0}:is(.rich,.rnotes,.rx,.slide .notes) ul ul{list-style:circle}:is(.rich,.rnotes,.rx,.slide .notes) ul ul ul{list-style:square}
mark{background:var(--hl);color:inherit;padding:0 2px;border-radius:2px}
b,strong{font-weight:600}


/* report */
.mast{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:10px 0 18px;border-bottom:2px solid var(--ink)}
.mast .wk{display:flex;align-items:center;gap:12px}
.mast h1{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:46px;line-height:1.15;letter-spacing:-.01em;white-space:nowrap}
.mast .sub{font-size:13px;color:var(--muted);margin-top:10px}
.rhead{display:block;width:100%;border:0;background:none;padding:4px 0 6px;margin:0 0 10px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:46px;line-height:1.15;letter-spacing:-.01em;border-bottom:1.5px solid transparent;border-radius:0;min-height:62px}
.rhead::placeholder{color:var(--line);font-weight:600}
.rhead:focus{outline:none;border-bottom-color:var(--accent)}
main.split .rhead{font-size:36px}
@media (max-width:720px){.rhead{font-size:34px}}
.mast .nav{display:flex;gap:4px;align-items:center}
.mast .nav .btn{padding:5px 9px}
.mast .acts{display:flex;gap:6px;flex-wrap:wrap}
.mast select{width:auto}
main.split .mast h1{font-size:36px}
.rsec h2{margin:28px 0 6px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:21px}
.rsub{display:flex;align-items:center;gap:10px;margin:44px 0 -4px}
.rsub::after{content:"";flex:1;height:1px;background:var(--line)}
.rsec h2 .n{font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:13px;color:var(--muted);margin-left:10px}
.ritem{display:grid;grid-template-columns:14px 14px 1fr auto;gap:6px;padding:7px 0;border-bottom:1px solid var(--line-2)}
.ritem .idh{height:22px;margin-left:-4px}
.rsec h2{position:relative}
.rsec h2 .sdh{display:inline-flex;vertical-align:middle;margin:0 6px 0 -20px;font-size:15px;height:24px;width:14px}
.rsec h2:hover .sdh,.ritem:hover .idh{visibility:visible}
.rsec.dragging,.ritem.dragging{opacity:.35}
.rsec.drop-before{box-shadow:0 -3px 0 var(--accent)}
.rsec.drop-after{box-shadow:0 3px 0 var(--accent)}
.ritem.drop-before{box-shadow:inset 0 2px 0 var(--accent)}
.ritem.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}
.ritem.drop-no{cursor:not-allowed}
@media (max-width:720px){.rsec h2 .sdh{margin-left:0}}
/* rapordan çıkar düğmesi: satırın üstüne gelince; çıkarılanlar raporun altında katlı liste (çıktılarda yok) */
.ritem .rx{visibility:hidden;align-self:start;border:0;background:none;color:var(--muted);padding:3px;margin-top:1px;border-radius:5px;cursor:pointer;line-height:0}
.ritem:hover .rx,.ritem .rx:focus-visible{visibility:visible}.ritem .rx:hover{color:var(--p0);background:var(--p0-soft)}
@media (hover:none){.ritem .rx{visibility:visible}}
.rhid{margin-top:22px;border-top:1px dashed var(--line);padding-top:10px;font-size:13px;color:var(--muted)}
.rhid summary{cursor:pointer;font-weight:600;list-style-position:inside}.rhid summary em{font-style:normal;font-weight:400;margin-left:4px}
.rhrow{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line-2)}.rhrow:last-child{border-bottom:0}
.rhrow .rht{min-width:0;overflow-wrap:anywhere;color:var(--ink-2)}
@media print{.ritem .rx,.rhid{display:none}}
.ritem .dot{width:6px;height:6px;border-radius:50%;background:var(--ink);margin:8px 0 0 3px}
.rtext{cursor:text;overflow-wrap:anywhere}
.rtext:hover{text-decoration:underline;text-decoration-color:var(--line)}
.rtext .ttype,.rtext .phase{margin-left:6px}
.rtext .rbr{margin-left:8px;font-size:12px;color:var(--muted)}
.rnotes{font-size:13px;color:var(--ink-2);margin-top:2px;max-width:80ch}
.rimgs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px;align-items:flex-start}
.rimg{position:relative;margin:0;max-width:100%;min-width:60px}
.rimg img{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:zoom-in;display:block}
.rimg .itb{position:absolute;top:6px;left:6px;display:none;gap:2px;background:rgba(20,24,30,.82);border-radius:6px;padding:3px}
.rimg .itb button{border:0;background:none;color:#E8EBEF;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1.4}
.rimg .itb button:hover{background:rgba(255,255,255,.15)}
.rimg .itb button[aria-pressed="true"]{background:#fff;color:#15181D}
.rimg .ih{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);border-radius:0 0 4px 0;cursor:nwse-resize;display:none;touch-action:none}
.rimg:hover .itb,.rimg:hover .ih,.rimg.rs .ih,.rimg:focus-within .itb{display:flex}
.rimg.rs img{outline:2px solid var(--accent)}
.rx .rimgs .rimg{max-width:100%}
.radd{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:26px;padding:10px;border:1px dashed var(--line);border-radius:8px}
.radd .rtitle{flex:1 1 100%}
.radd .svc{flex:1 1 130px}
.radd .unit{flex:0 1 110px}
.radd select{width:auto;flex:0 0 auto}
.radd .phase-sel{display:none}
.radd.migration .phase-sel{display:block}

/* notes */
.notes-wrap{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
main.split .notes-wrap{grid-template-columns:1fr}
@media (max-width:820px){.notes-wrap{grid-template-columns:1fr}}
.nitems{display:flex;flex-direction:column;margin-top:12px;max-height:calc(100vh - 220px);overflow:auto;border-top:1px solid var(--line-2)}
main.split .nitems{max-height:240px}
.nitem{display:flex;align-items:flex-start;border-bottom:1px solid var(--line-2)}
.nitem .nopen{flex:1;min-width:0;text-align:left;border:0;background:none;padding:10px 4px 10px 12px;display:flex;flex-direction:column;gap:3px;border-radius:0;color:var(--ink)}
.nitem:hover{background:var(--panel-2)}
.nitem.on{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}
.nitem .nt{font-weight:600;overflow-wrap:anywhere}
.nitem .npin{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:7px 6px 0 0;border:0;background:none;border-radius:6px;color:var(--muted);opacity:0}
.nitem:hover .npin,.nitem .npin:focus-visible,.nitem .npin[aria-pressed="true"]{opacity:1}
.nitem .npin:hover{background:var(--panel);color:var(--ink)}
.nitem .npin[aria-pressed="true"]{color:var(--ink)}.nitem .npin[aria-pressed="true"] path:last-child{fill:currentColor}
@media (hover:none){.nitem .npin{opacity:1}}
.ngh{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px;border-bottom:1px solid var(--line-2)}
.nitem .np{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nitem .nd{font-size:11.5px;color:var(--muted)}
.nempty{padding:24px 10px;color:var(--muted);font-size:13px}
.nhead{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.ntitle{flex:1;min-width:0;border:0;background:none;font-size:26px;font-weight:600;padding:4px 0;border-bottom:1.5px solid transparent;border-radius:0}
.ntitle:focus{outline:none;border-bottom-color:var(--accent)}
.nrtb{margin-bottom:6px}
.nbody{min-height:36vh;font-size:15px;line-height:1.65;padding:16px 18px}
.nedit .meta{margin-top:8px}
.ntasks{margin-top:14px}
.natt{margin-top:12px}
.nattbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.nattbar .lbl{font-size:12px;color:var(--muted);font-weight:600}
.nattbar .hint{font-size:12px;color:var(--muted);margin:0}
.natt .imgs{margin-bottom:8px}
.nfiles{display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.nf{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid var(--line-2);font-size:13.5px}
.nf .fi{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:2px 5px;min-width:38px;text-align:center}
.nf .fn{flex:1;min-width:0;overflow-wrap:anywhere}
.nf .fs{font-size:12px;color:var(--muted);white-space:nowrap}
.nedit.drop{outline:2px dashed var(--accent);outline-offset:6px;border-radius:6px}
.ntasks .lbl{font-size:12px;color:var(--muted);margin-bottom:4px}
#dMeta a{color:var(--accent)}

/* analysis */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.stat{background:var(--panel);padding:14px 14px 12px;box-shadow:0 0 0 1px var(--line)}
.stat .v{font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:32px;line-height:1}
.stat .l{font-size:12px;color:var(--muted);margin-top:4px}
.stat.px .v{color:var(--px)}.stat.p0 .v{color:var(--p0)}.stat.p1 .v{color:var(--p1)}.stat.p2 .v{color:var(--p2)}.stat.p3 .v{color:var(--p3)}
.stat.px,.stat.p0,.stat.p1,.stat.p2,.stat.p3{background:var(--panel)}
.stat.done .v{color:var(--done)}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
@media (max-width:820px){.agrid{grid-template-columns:1fr}}
main.split .agrid{grid-template-columns:1fr}
.ablock h3{margin:0 0 10px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:18px;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.bar{display:grid;grid-template-columns:minmax(90px,150px) 1fr 34px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-2);cursor:pointer;font-size:13px}
.bar:hover{background:var(--panel-2)}
.bar .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .track{display:flex;height:12px;background:var(--panel-2);border-radius:3px;overflow:hidden}
.bar .track i{display:block;height:100%}
.bar .track .sx{background:var(--px)}.bar .track .s0{background:var(--p0)}.bar .track .s1{background:var(--p1)}.bar .track .s2{background:var(--p2)}.bar .track .s3{background:var(--p3)}
.bar .t{text-align:right;color:var(--muted)}
.legend{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-top:8px;flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.legend .sx{background:var(--px)}.legend .s0{background:var(--p0)}.legend .s1{background:var(--p1)}.legend .s2{background:var(--p2)}.legend .s3{background:var(--p3)}
.wchart{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;border-bottom:1px solid var(--line);padding-top:18px}
.wcol{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.wbars{display:flex;gap:2px;align-items:flex-end;height:120px;width:100%;justify-content:center}
.wb{width:38%;max-width:16px;border-radius:3px 3px 0 0;position:relative}
.wb.c{background:var(--line)}
.wb.d{background:var(--done)}
.wb span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;font-weight:500;color:var(--ink);padding-bottom:2px}
.wl{font-size:10.5px;color:var(--muted);white-space:nowrap}
.wcol.cur .wl{color:var(--ink);font-weight:600}
@media (max-width:460px){.wl{font-size:9px}}
.old{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line-2);cursor:pointer;font-size:13px}
.old:hover{background:var(--panel-2)}
.old .ttl{flex:1;min-width:0;overflow-wrap:anywhere}
.old .ag{color:var(--muted);white-space:nowrap}
.old .sv{color:var(--muted);font-size:12px}

/* modals, toast, lightbox, settings */
.modal{position:fixed;inset:0;background:rgba(10,12,16,.5);display:none;align-items:center;justify-content:center;z-index:30;padding:16px}
.modal.open{display:flex}
.modal.locked{background:var(--bg)}
.mbox{background:var(--panel);border-radius:10px;width:min(640px,100%);max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;padding:18px 20px;box-shadow:var(--shadow)}
.mbox h2{margin:0 0 4px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:22px}
.mbox .hint{font-size:13px;color:var(--muted);margin:0 0 14px}
.mbox textarea{min-height:200px;font-size:13px}
.macts{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.svcrow{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-2)}
.svcrow .in{flex:1;padding:5px 8px}
.svcrow .n{font-size:12px;color:var(--muted);white-space:nowrap}
.stabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:8px 0 16px}
.stabs button{background:none;border:0;padding:6px 2px 10px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;border-radius:0}
.stabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.stab{display:none}.stab.on{display:block}
.cfbody{font-size:14px;line-height:1.5}
.cfbody p{margin:6px 0}
.cfbody ul{margin:4px 0 12px;padding-left:20px}
.cfbody li{margin:2px 0}
.cfbody .u{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.cfbody b{font-weight:600}
.setup-acts{display:flex;flex-direction:column;gap:8px;margin:14px 0 6px}
.setup-acts .btn{padding:10px 14px;font-size:14px;white-space:normal}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:10px 0 16px}
.kv b{font-weight:500;color:var(--muted)}
.colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.colors label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px;cursor:pointer}
.colors input[type=color]{width:28px;height:24px;border:0;padding:0;background:none;cursor:pointer}
.colors .sw{font-size:11.5px;font-weight:600;border-radius:4px;padding:1px 7px;margin-left:auto}
.palettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.palettes button{border:1.5px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}
.palettes button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.palettes .sw{display:flex;gap:2px}
.palettes .sw i{width:12px;height:18px;border-radius:3px;display:block}
#toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--panel);padding:10px 14px;border-radius:8px;display:none;z-index:60;gap:14px;align-items:center;box-shadow:var(--shadow);font-size:13px;max-width:calc(100% - 32px)}
#toast.on{display:flex}
#toast button{border:0;background:none;color:var(--panel);font-weight:600;text-decoration:underline;padding:0}
#lightbox{position:fixed;inset:0;background:rgba(8,10,14,.92);display:none;align-items:center;justify-content:center;z-index:70;padding:24px;cursor:zoom-out}
#lightbox.open{display:flex}
#lightbox img{max-width:100%;max-height:100%;border-radius:4px;background:#fff}

/* presentation */
#present{position:fixed;inset:0;background:var(--bg);color:var(--ink);z-index:50;display:none;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#present.open{display:flex}
.pbar{display:flex;gap:8px;align-items:center;padding:10px 16px;font-size:13px;color:var(--muted)}
.pbar .sp{flex:1}
.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px clamp(24px,6vw,96px);min-height:0}
.slide{width:100%;max-width:1200px;max-height:100%;overflow:auto}
.slide .kicker{font-size:clamp(14px,1.6vw,18px);color:var(--muted);margin-bottom:10px}
.slide h1{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:clamp(44px,9vw,128px);line-height:.95;letter-spacing:-.015em}
.slide h2{margin:0 0 18px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:clamp(30px,5vw,60px);line-height:1}
.slide ul{margin:0;padding:0;list-style:none;font-size:clamp(17px,2.2vw,28px);line-height:1.35}
.slide li{display:grid;grid-template-columns:.6em 1fr;gap:.4em;padding:.28em 0;border-bottom:1px solid var(--line)}
.slide li::before{content:"";width:.36em;height:.36em;background:var(--ink);border-radius:50%;margin-top:.55em}
.slide li .ttype{font-size:.5em;vertical-align:middle;margin-left:.4em}
.slide .big{font-size:clamp(20px,2.8vw,36px);line-height:1.3;font-weight:500;max-width:40ch}
.slide .big .ttype{font-size:.45em;vertical-align:middle;margin-left:.5em}
.slide .notes{color:var(--ink-2);font-size:clamp(14px,1.6vw,20px);margin-top:10px;max-width:70ch}
.slide .pimgs{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;justify-content:center;align-items:flex-start}
.slide .pimgs img{max-width:100%;max-height:62vh;width:auto;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;display:block}
.pnav{display:flex;align-items:center;gap:10px;padding:10px 16px 14px;justify-content:center}
.pnav .btn{min-width:44px}
.pnav .cnt{font-size:13px;color:var(--muted);min-width:60px;text-align:center}


/* ---- skins ---- */
:root[data-skin="defter"]{--bg:#FFFFFF; --panel:#FFFFFF; --panel-2:#F4F1EA; --ink:#1A1A1A; --ink-2:#333333; --muted:#6B6B6B; --line:#CFCFCF; --line-2:#E3E3E3; --accent:#1A1A1A; --accent-ink:#FFFFFF; --p0:#D0122B; --p1:#9A6700; --p2:#2B6CB0; --p3:#7A7A7A; --p0-soft:#FDE3E6; --p1-soft:#FCF1CF; --p2-soft:#E3ECF7; --p3-soft:#EDEDED; --done:#2F7A4F; --doing:#1A1A1A; --mix:8%; --t-todo:#555; --t-fix:#555; --t-migration:#555; --t-sorulacak:#555; --t-planlama:#555; --area:#6B6B6B; --ph-before:#6B6B6B; --ph-after:#6B6B6B; --hl:#F3E3A2; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="defter"][data-theme="dark"]{--bg:#141414; --panel:#141414; --panel-2:#211F1A; --ink:#EDEDED; --ink-2:#CFCFCF; --muted:#9A9A9A; --line:#3A3A3A; --line-2:#2A2A2A; --accent:#EDEDED; --accent-ink:#141414; --p0:#FF5C6C; --p1:#F2C14E; --p2:#7FAEE8; --p3:#9A9A9A; --p0-soft:#43191F; --p1-soft:#3D3214; --p2-soft:#1D2C3F; --p3-soft:#2A2A2A; --done:#6FCB93; --doing:#EDEDED; --mix:12%; --t-todo:#BBB; --t-fix:#BBB; --t-migration:#BBB; --t-sorulacak:#BBB; --t-planlama:#BBB; --area:#9A9A9A; --ph-before:#9A9A9A; --ph-after:#9A9A9A; --hl:#5A4E1C; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-skin="defter"] :where(.btn,.in,.chip,.seg,.seg button,.mbox,.dlg,.quick,.radd,.stats,.stat,.ttype,.atag,.phase,.dbadge,.pop,.row,.img,.rimg img,.rimgs img,#toast,.tabs .cnt,.banner,.status-box,.rich,.imgs .add,.palettes button,.colors label,.wb,.splitter::after,.prio,.xp,.dgo,.rtb button,.lhead,.chk){border-radius:0}
:root[data-skin="defter"] .chip{border:0;background:none;padding:2px 0;color:var(--muted);font-size:13.5px}
:root[data-skin="defter"] .chip .n{opacity:.7;margin-left:4px}
:root[data-skin="defter"] .chip[aria-pressed="true"]{background:none!important;border-color:transparent!important;color:var(--ink)!important;font-weight:600;text-decoration:underline;text-underline-offset:5px}
:root[data-skin="defter"] .filters{gap:16px;margin:16px 0 2px}
:root[data-skin="defter"] :where(.toolbar,.fdb,.fpop,.fpill,.vw){border-radius:0}
:root[data-skin="defter"] .row{border-radius:0;background:none;border-bottom:1px solid var(--line-2)}
:root[data-skin="defter"] .row.odd{background:none}
:root[data-skin="defter"] .row:hover{background:var(--panel-2)}
:root[data-skin="defter"] .row.doing{background:var(--doing-soft)}
:root[data-skin="defter"] .rl1 .ttl{order:1}
:root[data-skin="defter"] .rl1 .dbadge{order:2}
:root[data-skin="defter"] .rl1 .phase{order:3}
:root[data-skin="defter"] .rl1 .sp{order:4}
:root[data-skin="defter"] .rl1 .atag{order:5}
:root[data-skin="defter"] .rl1 .prio{order:6}
:root[data-skin="defter"] .rl1 .dgo{order:7}
:root[data-skin="defter"] .rl1 .atag{background:none;color:var(--muted);font-weight:400;font-size:13px;padding:0;width:150px;flex:0 0 150px;white-space:normal}
:root[data-skin="defter"] .rl1 .prio{font-size:12.5px;width:90px;flex:0 0 90px;height:auto;background:none!important;text-align:left;padding:0 0 0 16px;position:relative;border-radius:0;transform:none}
:root[data-skin="defter"] .rl1 .prio::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:currentColor}
:root[data-skin="defter"] .rl1 .prio:hover{transform:none;text-decoration:underline}
:root[data-skin="defter"] .rl2{flex:0 0 70px;justify-content:flex-end}
:root[data-skin="defter"] .ttype{background:none!important;border:0;color:var(--muted);padding:0}
:root[data-skin="defter"] .ttype.lead{width:90px;text-align:left;font-size:12.5px}
:root[data-skin="defter"] .phase{background:none;color:var(--muted);font-style:italic;font-weight:400;padding:0}
:root[data-skin="defter"] .dbadge{background:none;color:var(--ink);border:1px solid var(--ink);border-radius:0;font-size:10.5px;letter-spacing:.06em;padding:1px 6px}
:root[data-skin="defter"] .quick{border:1px solid var(--ink);padding:6px}
:root[data-skin="defter"] .btn.primary{border-radius:0}
:root[data-skin="defter"] .ghead{border-bottom-width:1px}
:root[data-skin="defter"] .lhead{border-bottom:0}
:root[data-skin="defter"] .tabs .cnt{border-radius:0;background:none;color:var(--p0);padding:0;min-width:0;margin-left:6px;font-weight:600}
:root[data-skin="defter"] .stats{background:none;border:0;gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
:root[data-skin="defter"] .stat{box-shadow:none;border-right:1px solid var(--line-2);background:none}
:root[data-skin="defter"] .pop{border-radius:0;box-shadow:0 4px 18px rgba(0,0,0,.18)}
:root[data-skin="defter"] body{font-family:'Public Sans',system-ui,sans-serif}
:root[data-skin="defter"] .ntitle,:root[data-skin="defter"] .brand,:root[data-skin="defter"] .lhead h2,:root[data-skin="defter"] .ghead h3,:root[data-skin="defter"] .mast h1,:root[data-skin="defter"] .rhead,:root[data-skin="defter"] .rsec h2,:root[data-skin="defter"] .ablock h3,:root[data-skin="defter"] .mbox h2,:root[data-skin="defter"] #dTitle,:root[data-skin="defter"] .slide h1,:root[data-skin="defter"] .slide h2,:root[data-skin="defter"] .stat .v{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.01em}
:root[data-skin="defter"] .lhead h2{font-size:30px}
:root[data-skin="defter"] .ghead h3{font-size:22px}
:root[data-skin="defter"] .mast h1,:root[data-skin="defter"] .rhead{font-size:48px}
:root[data-skin="defter"] .top{border-bottom-color:var(--ink)}
:root[data-skin="defter"] .tabs{border-bottom:0}
:root[data-skin="defter"] .btn.primary{background:var(--ink);color:var(--panel)}
:root[data-skin="defter"] .seg button[aria-pressed="true"]{background:var(--ink);color:var(--panel)}
:root[data-skin="defter"] .in{background:var(--panel);border-color:var(--line)}
:root[data-skin="teknik"]{--bg:#F4F5F7; --panel:#F4F5F7; --panel-2:#E8EAEE; --ink:#1F2328; --ink-2:#3C434B; --muted:#5C6570; --line:#CDD3DA; --line-2:#DDE2E7; --accent:#1A7F37; --accent-ink:#FFFFFF; --p0:#D0122B; --p1:#9A6700; --p2:#0969DA; --p3:#6E7781; --p0-soft:#FDE3E6; --p1-soft:#FCF1CF; --p2-soft:#E1EDFB; --p3-soft:#E8EAEE; --done:#1A7F37; --doing:#1A7F37; --mix:12%; --t-todo:#0969DA; --t-fix:#BC4C00; --t-migration:#8250DF; --t-sorulacak:#1B7C83; --t-planlama:#1A7F37; --area:#6E7781; --ph-before:#BC4C00; --ph-after:#1B7C83; --hl:#FFF1A8; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="teknik"][data-theme="dark"]{color-scheme:dark; --bg:#0F1115; --panel:#0F1115; --panel-2:#171B21; --ink:#D8DEE9; --ink-2:#B5BDC9; --muted:#A0A9B3; --line:#262B33; --line-2:#1C2129; --accent:#7EE787; --accent-ink:#0F1115; --p0:#FF5C6C; --p1:#F2C14E; --p2:#79C0FF; --p3:#8B949E; --p0-soft:#43191F; --p1-soft:#3D3214; --p2-soft:#15283C; --p3-soft:#1C2129; --done:#7EE787; --doing:#7EE787; --mix:14%; --t-todo:#79C0FF; --t-fix:#FFA657; --t-migration:#C8A1FF; --t-sorulacak:#56D4DD; --t-planlama:#7EE787; --area:#8B949E; --ph-before:#FFA657; --ph-after:#56D4DD; --hl:#5A4E1C; --shadow:0 12px 32px rgba(0,0,0,.6); --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-skin="teknik"] :where(.btn,.in,.chip,.seg,.seg button,.mbox,.dlg,.quick,.radd,.stats,.stat,.ttype,.atag,.phase,.dbadge,.pop,.row,.img,.rimg img,.rimgs img,#toast,.tabs .cnt,.banner,.status-box,.rich,.imgs .add,.palettes button,.colors label,.wb,.splitter::after,.prio,.xp,.dgo,.rtb button,.lhead,.chk){border-radius:0}
:root[data-skin="teknik"] .chip{border:0;background:none;padding:2px 0;color:var(--muted);font-size:13.5px}
:root[data-skin="teknik"] .chip .n{opacity:.7;margin-left:4px}
:root[data-skin="teknik"] .chip[aria-pressed="true"]{background:none!important;border-color:transparent!important;color:var(--ink)!important;font-weight:600;text-decoration:underline;text-underline-offset:5px}
:root[data-skin="teknik"] .filters{gap:16px;margin:16px 0 2px}
:root[data-skin="teknik"] :where(.toolbar,.fdb,.fpop,.fpill,.vw){border-radius:0}
:root[data-skin="teknik"] .row{border-radius:0;background:none;border-bottom:1px solid var(--line-2)}
:root[data-skin="teknik"] .row.odd{background:none}
:root[data-skin="teknik"] .row:hover{background:var(--panel-2)}
:root[data-skin="teknik"] .row.doing{background:var(--doing-soft)}
:root[data-skin="teknik"] .rl1 .ttl{order:1}
:root[data-skin="teknik"] .rl1 .dbadge{order:2}
:root[data-skin="teknik"] .rl1 .phase{order:3}
:root[data-skin="teknik"] .rl1 .sp{order:4}
:root[data-skin="teknik"] .rl1 .atag{order:5}
:root[data-skin="teknik"] .rl1 .prio{order:6}
:root[data-skin="teknik"] .rl1 .dgo{order:7}
:root[data-skin="teknik"] .rl1 .atag{background:none;color:var(--muted);font-weight:400;font-size:13px;padding:0;width:150px;flex:0 0 150px;white-space:normal}
:root[data-skin="teknik"] .rl1 .prio{font-size:12.5px;width:90px;flex:0 0 90px;height:auto;background:none!important;text-align:left;padding:0 0 0 16px;position:relative;border-radius:0;transform:none}
:root[data-skin="teknik"] .rl1 .prio::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:currentColor}
:root[data-skin="teknik"] .rl1 .prio:hover{transform:none;text-decoration:underline}
:root[data-skin="teknik"] .rl2{flex:0 0 70px;justify-content:flex-end}
:root[data-skin="teknik"] .ttype{background:none!important;border:0;color:var(--muted);padding:0}
:root[data-skin="teknik"] .ttype.lead{width:90px;text-align:left;font-size:12.5px}
:root[data-skin="teknik"] .phase{background:none;color:var(--muted);font-style:italic;font-weight:400;padding:0}
:root[data-skin="teknik"] .dbadge{background:none;color:var(--ink);border:1px solid var(--ink);border-radius:0;font-size:10.5px;letter-spacing:.06em;padding:1px 6px}
:root[data-skin="teknik"] .quick{border:1px solid var(--ink);padding:6px}
:root[data-skin="teknik"] .btn.primary{border-radius:0}
:root[data-skin="teknik"] .ghead{border-bottom-width:1px}
:root[data-skin="teknik"] .lhead{border-bottom:0}
:root[data-skin="teknik"] .tabs .cnt{border-radius:0;background:none;color:var(--p0);padding:0;min-width:0;margin-left:6px;font-weight:600}
:root[data-skin="teknik"] .stats{background:none;border:0;gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
:root[data-skin="teknik"] .stat{box-shadow:none;border-right:1px solid var(--line-2);background:none}
:root[data-skin="teknik"] .pop{border-radius:0;box-shadow:0 4px 18px rgba(0,0,0,.18)}
:root[data-skin="teknik"] body{font-family:'Inter Tight',system-ui,sans-serif;font-size:13.5px}
:root[data-skin="teknik"] .brand,:root[data-skin="teknik"] .lhead h2,:root[data-skin="teknik"] .ghead h3,:root[data-skin="teknik"] .mast h1,:root[data-skin="teknik"] .rhead,:root[data-skin="teknik"] .rsec h2,:root[data-skin="teknik"] .ablock h3,:root[data-skin="teknik"] .mbox h2,:root[data-skin="teknik"] .stat .v,:root[data-skin="teknik"] .tabs button,:root[data-skin="teknik"] .chip,:root[data-skin="teknik"] .ttype,:root[data-skin="teknik"] .prio,:root[data-skin="teknik"] .phase,:root[data-skin="teknik"] .dbadge,:root[data-skin="teknik"] .atag,:root[data-skin="teknik"] .rl2,:root[data-skin="teknik"] .gm,:root[data-skin="teknik"] .lhead span,:root[data-skin="teknik"] .sync,:root[data-skin="teknik"] .btn,:root[data-skin="teknik"] .in,:root[data-skin="teknik"] .toolbar,:root[data-skin="teknik"] .quick-hint,:root[data-skin="teknik"] .seg button,:root[data-skin="teknik"] .wl,:root[data-skin="teknik"] .legend,:root[data-skin="teknik"] .bar,:root[data-skin="teknik"] .fdb,:root[data-skin="teknik"] .fpill,:root[data-skin="teknik"] .vw{font-family:'JetBrains Mono',monospace}
:root[data-skin="teknik"] .brand{color:var(--accent);font-size:15px;font-weight:700;text-transform:lowercase}
:root[data-skin="teknik"] .lhead h2{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
:root[data-skin="teknik"] .ghead h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
:root[data-skin="teknik"] .mast h1,:root[data-skin="teknik"] .rhead{font-size:30px;font-weight:700}
:root[data-skin="teknik"] .rsec h2{font-size:15px;text-transform:uppercase;letter-spacing:.04em}
:root[data-skin="teknik"] .ablock h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em}
:root[data-skin="teknik"] .tabs button{font-size:12.5px;text-transform:lowercase}
:root[data-skin="teknik"] .tabs button[aria-selected="true"]{color:var(--ink);background:var(--panel-2);border-bottom-color:transparent;height:28px;align-self:center;padding:0 10px}
:root[data-skin="teknik"] .top{height:40px}
:root[data-skin="teknik"] .tabs{height:40px}
:root[data-skin="teknik"] main{min-height:calc(100vh - 40px)}
:root[data-skin="teknik"] .btn{font-size:12px;padding:5px 10px;background:none;border-color:var(--line)}
:root[data-skin="teknik"] .btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
:root[data-skin="teknik"] .in{font-size:12.5px;background:var(--panel);border-color:var(--line)}
:root[data-skin="teknik"] .row{min-height:calc(18px + 2*var(--rowpad,8px));border-bottom:1px dotted var(--line)}
:root[data-skin="teknik"] .row.doing{background:var(--doing-soft)}
:root[data-skin="teknik"] .rl1 .ttl{font-size:14px;color:var(--ink)}
:root[data-skin="teknik"] .chip{font-size:11.5px}
:root[data-skin="teknik"] .chip[aria-pressed="true"]{color:var(--ink)!important}
:root[data-skin="teknik"] .ttype.lead{width:34px;font-size:0;display:block;font-weight:700}
:root[data-skin="teknik"] .ttype.lead::before{content:attr(data-ab);font-size:12.5px} /* türler arasında benzersiz kısaltma (T, TO, TP…) */
:root[data-skin="teknik"] .ttype.t-todo{color:var(--t-todo)}
:root[data-skin="teknik"] .ttype.t-fix{color:var(--t-fix)}
:root[data-skin="teknik"] .ttype.t-migration{color:var(--t-migration)}
:root[data-skin="teknik"] .ttype.t-sorulacak{color:var(--t-sorulacak)}
:root[data-skin="teknik"] .ttype.t-planlama{color:var(--t-planlama)}
:root[data-skin="teknik"] .rl1 .prio{width:36px;flex:0 0 36px;padding:0;font-size:0}
:root[data-skin="teknik"] .rl1 .prio::before{position:static;width:auto;height:auto;margin:0;border-radius:0;background:none;font-size:12.5px;font-weight:500}
:root[data-skin="teknik"] .rl1 .prio::before{content:"⚑";font-size:15px;line-height:1}
:root[data-skin="teknik"] .rl1 .prio.p2::before,:root[data-skin="teknik"] .rl1 .prio.p3::before{content:"⚐"}
:root[data-skin="teknik"] .rl1 .prio{width:24px;flex:0 0 24px;text-align:center}
:root[data-skin="teknik"] .rl1 .prio:hover{text-decoration:none;opacity:.7}
:root[data-skin="teknik"] .rl1 .atag{width:140px;flex:0 0 140px;font-size:12px}
:root[data-skin="teknik"] .dbadge{border:0;color:var(--accent);font-size:11px;letter-spacing:0;text-transform:lowercase;padding:0}
:root[data-skin="teknik"] .dbadge::before{content:"● "}
:root[data-skin="teknik"] .phase{font-style:normal;font-size:11px}
:root[data-skin="teknik"] .stat .v{font-size:26px}
:root[data-skin="teknik"] mark{background:var(--hl)}
:root[data-skin="editoryal"]{--bg:#F7F6F2; --panel:#F7F6F2; --panel-2:#EFEDE6; --ink:#2B2B2B; --ink-2:#5A574F; --muted:#7A776F; --line:#E2DFD6; --line-2:#E9E7DF; --accent:#2B2B2B; --accent-ink:#F7F6F2; --p0:#D0122B; --p1:#9A6700; --p2:#2B2B2B; --p3:#7A776F; --p0-soft:#FDE3E6; --p1-soft:#FCF1CF; --p2-soft:#E8E6DF; --p3-soft:#ECEAE3; --done:#3C7A4C; --doing:#8A6D00; --mix:9%; --t-todo:#7A776F; --t-fix:#7A776F; --t-migration:#7A776F; --t-sorulacak:#7A776F; --t-planlama:#7A776F; --area:#7A776F; --ph-before:#7A776F; --ph-after:#7A776F; --hl:#F1E3A4; --p1-fill:#F0B400; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="editoryal"][data-theme="dark"]{--bg:#1B1A17; --panel:#1B1A17; --panel-2:#252420; --ink:#ECE9E1; --ink-2:#C9C4B7; --muted:#9A9589; --line:#353330; --line-2:#2B2A26; --accent:#ECE9E1; --accent-ink:#1B1A17; --p0:#FF5C6C; --p1:#F2C14E; --p2:#ECE9E1; --p3:#9A9589; --p0-soft:#43191F; --p1-soft:#3D3214; --p2-soft:#2B2A26; --p3-soft:#2B2A26; --done:#7FCB9A; --doing:#E0C25A; --mix:12%; --t-todo:#9A9589; --t-fix:#9A9589; --t-migration:#9A9589; --t-sorulacak:#9A9589; --t-planlama:#9A9589; --area:#9A9589; --ph-before:#9A9589; --ph-after:#9A9589; --hl:#5A4E1C; --p1-fill:#F2C14E; --px:#FF6FB5; --px-soft:#45172F}
:root[data-skin="editoryal"] :where(.btn,.in,.chip,.seg,.seg button,.mbox,.dlg,.quick,.radd,.stats,.stat,.ttype,.atag,.phase,.dbadge,.pop,.row,.img,.rimg img,.rimgs img,#toast,.tabs .cnt,.banner,.status-box,.rich,.imgs .add,.palettes button,.colors label,.wb,.splitter::after,.prio,.xp,.dgo,.rtb button,.lhead,.chk){border-radius:0}
:root[data-skin="editoryal"] .chip{border:0;background:none;padding:2px 0;color:var(--muted);font-size:13.5px}
:root[data-skin="editoryal"] .chip .n{opacity:.7;margin-left:4px}
:root[data-skin="editoryal"] .chip[aria-pressed="true"]{background:none!important;border-color:transparent!important;color:var(--ink)!important;font-weight:600;text-decoration:underline;text-underline-offset:5px}
:root[data-skin="editoryal"] .filters{gap:16px;margin:16px 0 2px}
:root[data-skin="editoryal"] :where(.toolbar,.fdb,.fpop,.fpill,.vw){border-radius:0}
:root[data-skin="editoryal"] .row{border-radius:0;background:none;border-bottom:1px solid var(--line-2)}
:root[data-skin="editoryal"] .row.odd{background:none}
:root[data-skin="editoryal"] .row:hover{background:var(--panel-2)}
:root[data-skin="editoryal"] .row.doing{background:var(--doing-soft)}
:root[data-skin="editoryal"] .rl1 .ttl{order:1}
:root[data-skin="editoryal"] .rl1 .dbadge{order:2}
:root[data-skin="editoryal"] .rl1 .phase{order:3}
:root[data-skin="editoryal"] .rl1 .sp{order:4}
:root[data-skin="editoryal"] .rl1 .atag{order:5}
:root[data-skin="editoryal"] .rl1 .prio{order:6}
:root[data-skin="editoryal"] .rl1 .dgo{order:7}
:root[data-skin="editoryal"] .rl1 .atag{background:none;color:var(--muted);font-weight:400;font-size:13px;padding:0;width:150px;flex:0 0 150px;white-space:normal}
:root[data-skin="editoryal"] .rl1 .prio{font-size:12.5px;width:90px;flex:0 0 90px;height:auto;background:none!important;text-align:left;padding:0 0 0 16px;position:relative;border-radius:0;transform:none}
:root[data-skin="editoryal"] .rl1 .prio::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:currentColor}
:root[data-skin="editoryal"] .rl1 .prio:hover{transform:none;text-decoration:underline}
:root[data-skin="editoryal"] .rl2{flex:0 0 70px;justify-content:flex-end}
:root[data-skin="editoryal"] .ttype{background:none!important;border:0;color:var(--muted);padding:0}
:root[data-skin="editoryal"] .ttype.lead{width:90px;text-align:left;font-size:12.5px}
:root[data-skin="editoryal"] .phase{background:none;color:var(--muted);font-style:italic;font-weight:400;padding:0}
:root[data-skin="editoryal"] .dbadge{background:none;color:var(--ink);border:1px solid var(--ink);border-radius:0;font-size:10.5px;letter-spacing:.06em;padding:1px 6px}
:root[data-skin="editoryal"] .quick{border:1px solid var(--ink);padding:6px}
:root[data-skin="editoryal"] .btn.primary{border-radius:0}
:root[data-skin="editoryal"] .ghead{border-bottom-width:1px}
:root[data-skin="editoryal"] .lhead{border-bottom:0}
:root[data-skin="editoryal"] .tabs .cnt{border-radius:0;background:none;color:var(--p0);padding:0;min-width:0;margin-left:6px;font-weight:600}
:root[data-skin="editoryal"] .stats{background:none;border:0;gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
:root[data-skin="editoryal"] .stat{box-shadow:none;border-right:1px solid var(--line-2);background:none}
:root[data-skin="editoryal"] .pop{border-radius:0;box-shadow:0 4px 18px rgba(0,0,0,.18)}
:root[data-skin="editoryal"] body{font-family:'Instrument Sans',system-ui,sans-serif;font-size:15px}
:root[data-skin="editoryal"] .brand,:root[data-skin="editoryal"] .lhead h2,:root[data-skin="editoryal"] .ghead h3,:root[data-skin="editoryal"] .mast h1,:root[data-skin="editoryal"] .rhead,:root[data-skin="editoryal"] .rsec h2,:root[data-skin="editoryal"] .ablock h3,:root[data-skin="editoryal"] .mbox h2,:root[data-skin="editoryal"] #dTitle,:root[data-skin="editoryal"] .slide h1,:root[data-skin="editoryal"] .slide h2,:root[data-skin="editoryal"] .stat .v{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.01em}
:root[data-skin="editoryal"] .brand{font-size:26px}
:root[data-skin="editoryal"] .lhead h2{font-size:44px}
:root[data-skin="editoryal"] .ghead h3{font-size:24px}
:root[data-skin="editoryal"] .ghead{border-bottom:0;padding-bottom:4px}
:root[data-skin="editoryal"] .mast h1,:root[data-skin="editoryal"] .rhead{font-size:56px}
:root[data-skin="editoryal"] .rsec h2{font-size:26px}
:root[data-skin="editoryal"] .ablock h3{font-size:22px;border-bottom-width:1px}
:root[data-skin="editoryal"] .tabs button{font-size:15px}
:root[data-skin="editoryal"] .tabs{background:var(--bg);border-bottom-color:var(--line)}
:root[data-skin="editoryal"] .top{background:var(--bg)}
:root[data-skin="editoryal"] .quick{border:0;border-bottom:1px solid var(--ink);padding:4px 0;background:none}
:root[data-skin="editoryal"] .quick .in{border:0;background:none;font-size:16px}
:root[data-skin="editoryal"] .quick select{font-size:14px;color:var(--muted)}
:root[data-skin="editoryal"] .quick select.in{min-height:0}
:root[data-skin="editoryal"] .in{background:var(--panel);border-color:var(--line)}
:root[data-skin="editoryal"] .btn{background:none}
:root[data-skin="editoryal"] .btn.primary{background:var(--ink);color:var(--panel)}
:root[data-skin="editoryal"] .row{min-height:calc(26px + 2*var(--rowpad,8px));padding-top:calc(var(--rowpad,8px) + 4px);padding-bottom:calc(var(--rowpad,8px) + 4px);align-items:baseline}
:root[data-skin="editoryal"] .rl1 .ttl{font-size:17px;line-height:1.35;font-weight:400}
:root[data-skin="editoryal"] .ttype.lead{width:84px;letter-spacing:.04em;font-size:12.5px}
:root[data-skin="editoryal"] .rl1 .atag{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:16px;width:auto;flex:0 0 auto;order:2}
:root[data-skin="editoryal"] .rl1 .prio{font-size:13.5px;text-transform:lowercase;padding:0;width:90px;flex:0 0 90px;font-weight:400}
:root[data-skin="editoryal"] .rl1 .prio::before{display:none}
:root[data-skin="editoryal"] .rl1 .prio.p0{font-weight:600}
:root[data-skin="editoryal"] .dbadge{border:0;border-bottom:1px solid var(--ink);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:15px;letter-spacing:0;text-transform:lowercase;padding:0;order:3}
:root[data-skin="editoryal"] .phase{font-size:13px;font-style:normal;order:3}
:root[data-skin="editoryal"] .chip{font-size:14px}
:root[data-skin="editoryal"] .stats{border-top-width:1px;border-bottom-width:1px}

/* teknik palettes */
:root[data-skin="teknik"][data-tpal="kagit"]{--bg:#F3EEE3; --panel:#F3EEE3; --panel-2:#E9E2D3; --ink:#2B2620; --ink-2:#4A4237; --muted:#685F51; --line:#D6CCB9; --line-2:#E2D9C7; --accent:#8A4B2B; --accent-ink:#FFFFFF; --p0:#C0262D; --p0-soft:#F6DEDB; --p1:#8F6200; --p1-fill:#E0A200; --p1-soft:#F5E7C2; --p2:#2F5E9E; --p2-soft:#DCE6F2; --p3:#7D7364; --p3-soft:#E9E2D3; --done:#4D7A2E; --doing:#8A4B2B; --t-todo:#2F5E9E; --t-fix:#A8462A; --t-migration:#7A4E9A; --t-sorulacak:#2E7A72; --t-planlama:#4D7A2E; --area:#7D7364; --ph-before:#A86A12; --ph-after:#2E7A72; --hl:#F1DE9A; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="teknik"][data-tpal="kagit"][data-theme="dark"]{color-scheme:dark; --bg:#1C1914; --panel:#1C1914; --panel-2:#26221B; --ink:#E9E1D2; --ink-2:#CBBFAA; --muted:#ADA28E; --line:#3A342A; --line-2:#2D2820; --accent:#E0A078; --accent-ink:#1C1914; --p0:#FF6B6B; --p0-soft:#43201E; --p1:#F2C14E; --p1-fill:#F2C14E; --p1-soft:#3D3214; --p2:#8DB0E0; --p2-soft:#1F2A3A; --p3:#9A8E7A; --p3-soft:#2D2820; --done:#A6D17E; --doing:#E0A078; --t-todo:#8DB0E0; --t-fix:#F09A7D; --t-migration:#C9A4E8; --t-sorulacak:#79C8BE; --t-planlama:#A6D17E; --area:#9A8E7A; --ph-before:#E8B45E; --ph-after:#79C8BE; --hl:#5A4A1C; --px:#FF6FB5; --px-soft:#45172F}
:root[data-skin="teknik"][data-tpal="mavi"]{--bg:#EEF2F7; --panel:#EEF2F7; --panel-2:#E1E8F0; --ink:#17202B; --ink-2:#34414F; --muted:#55647A; --line:#C8D3E0; --line-2:#D9E1EA; --accent:#1F5FD1; --accent-ink:#FFFFFF; --p0:#D0122B; --p0-soft:#FBE1E4; --p1:#8A6200; --p1-fill:#E8A800; --p1-soft:#F8EBC7; --p2:#1F5FD1; --p2-soft:#DCE7FA; --p3:#66758A; --p3-soft:#E1E8F0; --done:#15803D; --doing:#1F5FD1; --t-todo:#1F5FD1; --t-fix:#C2410C; --t-migration:#7C3AED; --t-sorulacak:#0E7490; --t-planlama:#15803D; --area:#66758A; --ph-before:#C2410C; --ph-after:#0E7490; --hl:#FFF1A8; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="teknik"][data-tpal="mavi"][data-theme="dark"]{color-scheme:dark; --bg:#0D1520; --panel:#0D1520; --panel-2:#142030; --ink:#DCE6F2; --ink-2:#B6C4D6; --muted:#94A4B9; --line:#23324A; --line-2:#1A273A; --accent:#6EA8FF; --accent-ink:#0D1520; --p0:#FF6B7A; --p0-soft:#3B1A22; --p1:#F2C14E; --p1-fill:#F2C14E; --p1-soft:#3A3016; --p2:#6EA8FF; --p2-soft:#16294A; --p3:#7F90A6; --p3-soft:#1A273A; --done:#7EE0A1; --doing:#6EA8FF; --t-todo:#6EA8FF; --t-fix:#FF9E64; --t-migration:#C4A7FF; --t-sorulacak:#5CD2E6; --t-planlama:#7EE0A1; --area:#7F90A6; --ph-before:#FF9E64; --ph-after:#5CD2E6; --hl:#4A4220; --px:#FF6FB5; --px-soft:#45172F}
:root[data-skin="teknik"][data-tpal="amber"]{--bg:#FFF8EC; --panel:#FFF8EC; --panel-2:#F7EBD4; --ink:#3A2A12; --ink-2:#5A4526; --muted:#76603F; --line:#E6D3AE; --line-2:#EFE1C4; --accent:#B35C00; --accent-ink:#FFFFFF; --p0:#C42B1C; --p0-soft:#F9DFD8; --p1:#8A5A00; --p1-fill:#E8A100; --p1-soft:#F7E5BE; --p2:#2E6F8E; --p2-soft:#DCEAF0; --p3:#8C7350; --p3-soft:#EFE1C4; --done:#5E7D1E; --doing:#B35C00; --t-todo:#2E6F8E; --t-fix:#C42B1C; --t-migration:#8A4FA0; --t-sorulacak:#2E7F72; --t-planlama:#5E7D1E; --area:#8C7350; --ph-before:#B35C00; --ph-after:#2E7F72; --hl:#FBE39A; --px:#B3136F; --px-soft:#F9DCEB}
:root[data-skin="teknik"][data-tpal="amber"][data-theme="dark"]{color-scheme:dark; --bg:#15110A; --panel:#15110A; --panel-2:#211A0F; --ink:#FFD9A0; --ink-2:#E8C48B; --muted:#B79D74; --line:#3A2E1A; --line-2:#2A2214; --accent:#FFB347; --accent-ink:#15110A; --p0:#FF6E5A; --p0-soft:#3E1C14; --p1:#FFD25E; --p1-fill:#FFD25E; --p1-soft:#3E3214; --p2:#7FC7E8; --p2-soft:#14303C; --p3:#A58A60; --p3-soft:#2A2214; --done:#C7E07A; --doing:#FFB347; --t-todo:#7FC7E8; --t-fix:#FF8A6A; --t-migration:#E0A8F0; --t-sorulacak:#7FE0CF; --t-planlama:#C7E07A; --area:#A58A60; --ph-before:#FFB347; --ph-after:#7FE0CF; --hl:#5A4418; --px:#FF6FB5; --px-soft:#45172F}

:root:not([data-skin="grafit"]) .ttype.t-todo{color:var(--t-todo)}
:root:not([data-skin="grafit"]) .ttype.t-fix{color:var(--t-fix)}
:root:not([data-skin="grafit"]) .ttype.t-migration{color:var(--t-migration)}
:root:not([data-skin="grafit"]) .ttype.t-sorulacak{color:var(--t-sorulacak)}
:root:not([data-skin="grafit"]) .ttype.t-planlama{color:var(--t-planlama)}
:root:not([data-skin="grafit"]) .rl1 .atag,:root:not([data-skin="grafit"]) .rtext .atag{color:var(--area)}
:root:not([data-skin="grafit"]) .dbadge{color:var(--doing);border-color:var(--doing)}
:root:not([data-skin="grafit"]) .phase.before{color:var(--ph-before)}
:root:not([data-skin="grafit"]) .phase.after{color:var(--ph-after)}
:root:not([data-skin="grafit"]) .rl1 .bwrap{order:2}
:root:not([data-skin="grafit"]):not([data-skin="teknik"]) .rl1 .prio.p1::before{background:var(--p1-fill)}
:root[data-skin="teknik"] .rl1 .prio.p1{color:var(--p1-fill)}
:root:not([data-skin="grafit"]) .row.urgent{background:color-mix(in srgb,var(--px) 7%,transparent)}
:root[data-skin="editoryal"] .rl1 .prio.px{font-weight:700}
.relrow .prio.px{background:var(--px)}.relrow .prio.p0{background:var(--p0)}.relrow .prio.p1{background:var(--p1-fill)}.relrow .prio.p2{background:var(--p2)}.relrow .prio.p3{background:var(--p3)}
:root:not([data-skin="grafit"]) .blink{border-radius:0}
:root[data-skin="editoryal"] .dbadge{border-color:var(--doing)}
@media (max-width:720px){
  .top{padding:0 12px;gap:8px}
  .brand-name,.top .tsep:first-of-type{display:none}
  .ws{max-width:44vw}
  .tabs{gap:14px;padding:0 12px}
  .pbody{padding:14px 12px 80px}
  .mast h1,:root[data-skin] .mast h1{font-size:34px}
  .quick{flex-wrap:wrap}
  .quick .title{flex-basis:100%}
  .quick select{flex:1 1 90px}
  .quick .svc{flex:1 1 120px}
  .f2{grid-template-columns:1fr}
  .toolbar .search{flex-basis:100%}
  .top .sync{display:none}
}
/* task rows: title always gets the full first line; tags wrap onto a second line */
.pane{container-type:inline-size}
.rmain{align-items:flex-start}
.row{align-items:flex-start}
.row .dh,.row .xp,.row .chk,.row .ttype.lead{margin-top:1px}
.rl1{position:relative;flex-wrap:wrap;gap:5px 8px;padding-left:var(--pw,16px);padding-right:30px}
.rl1 .prio{position:absolute;left:0;top:2px;order:0}
.rl1 .ttl{order:0;flex:1 1 100%;line-height:1.4}
.rl1 .sp{display:none}
.rl1 > :not(.ttl):not(.prio):not(.dgo){order:1}
.rl1 .dgo{position:absolute;right:0;top:0}
.rl2{padding-top:2px}
.blink{font-size:10.5px;padding:0 5px}
/* öncelik satırın başında: işaret (grafit çizgi, defter/editoryal nokta, teknik bayrak); Ayarlar → Öncelik Metni açıksa yanında adı da yazar */
:root:not([data-skin="grafit"]) .rl1 .prio{position:absolute!important;left:0!important;right:auto!important;top:1px!important;order:0!important}
:root:not([data-skin="grafit"]) .row{--pw:20px}
:root[data-skin="teknik"] .row{--pw:26px}
:root[data-ptext="off"]:is([data-skin="defter"],[data-skin="editoryal"]) .rl1 .prio{font-size:0;width:12px;flex-basis:12px;height:20px;padding:0}
:root[data-ptext="off"][data-skin="editoryal"] .rl1 .prio::before{display:block}
:root[data-ptext="on"]:is([data-skin="defter"],[data-skin="editoryal"]) .row{--pw:98px}
:root[data-ptext="on"][data-skin="teknik"] .row{--pw:100px}
:root[data-ptext="on"][data-skin="teknik"] .rl1 .prio{font-size:12px;width:92px;flex-basis:92px;text-align:left;white-space:nowrap}
:root[data-ptext="on"][data-skin="teknik"] .rl1 .prio::before{display:inline-block;width:18px}
:root[data-ptext="on"][data-skin="grafit"] .row{--pw:92px}
:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio{width:82px;height:auto;font-size:11.5px;padding:1px 4px;border-radius:4px;text-align:center;white-space:nowrap;transform:none}
:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio:hover{transform:none;filter:brightness(.95)}
:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio.px{background:var(--px-soft)}:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio.p0{background:var(--p0-soft)}:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio.p1{background:var(--p1-soft)}:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio.p2{background:var(--p2-soft)}:root[data-ptext="on"][data-skin="grafit"] .rl1 .prio.p3{background:var(--p3-soft)}
:root:not([data-skin="grafit"]) .rl1 .ttl{order:0!important;flex:1 1 100%!important}
:root:not([data-skin="grafit"]) .rl1 > :not(.ttl):not(.prio):not(.dgo){order:1!important}
:root:not([data-skin="grafit"]) .rl1 .dgo{position:absolute!important;right:0;top:0}
:root:not([data-skin="grafit"]) .rl1 .atag{width:auto;flex:0 0 auto}
@container (max-width:900px){
  .ttype.lead{width:60px;font-size:11px}
  .btag{max-width:180px}
}
@container (max-width:640px){
  .rmain{flex-wrap:wrap;gap:3px 10px}
  .rl1{flex-basis:100%}
  .rl2{padding-left:var(--pw,16px)}
  .ttype.lead{display:none}
}
body.booting .quick,body.booting .radd{opacity:.55;pointer-events:none}
#printArea{display:none}
@media print{
  @page{margin:16mm}
  :root{padding:0}body{zoom:1;background:#fff;color:#111}body::before{display:none}
  body.printing>*:not(#printArea){display:none!important}
  body.printing #printArea{display:block;font:11.5pt/1.45 "IBM Plex Sans",system-ui,sans-serif;max-width:none}
  #printArea .ptitle{font-size:12pt;font-weight:700;margin:0}
  #printArea h1{font-size:12pt;font-weight:700;margin:0 0 12pt;line-height:1.3}
  #printArea h2{font-size:11.5pt;font-weight:700;margin:14pt 0 4pt;break-after:avoid}
  #printArea .psub{font-size:12pt;font-weight:700;margin:20pt 0 0;padding-top:8pt;border-top:1px dashed #999;text-transform:uppercase;break-after:avoid}
  #printArea h2 .ptag{font-weight:400;font-size:10pt}
  #printArea .pitem{margin:0 0 8pt;padding-left:14pt;position:relative;break-inside:avoid}
  #printArea .pitem::before{content:"•";position:absolute;left:2pt;top:0}
  #printArea .ptag{color:#777}
  #printArea .pnotes{color:#333;font-size:10.5pt;margin:2pt 0 4pt}
  #printArea .pimgs{display:flex;flex-wrap:wrap;gap:6pt;align-items:flex-start;margin:4pt 0}
  #printArea .pinl{display:block;margin:4pt 0;max-width:100%;break-inside:avoid}#printArea .pinl img{width:100%;height:auto;display:block;border:1px solid #ddd}
  #printArea .pimgs img{max-width:100%;height:auto;display:block;border:1px solid #ddd}
  #printArea .pimgs figure{margin:0}#printArea .pimgs figure img{width:100%}#printArea .pimgs figcaption{font-size:9pt;color:#666;margin-top:2pt}
  #printArea mark{background:#ffe873;color:#111}
}

/* ---------- temaların üzerine yazması gereken genel kurallar (tema kurallarından sonra gelmeli) ---------- */
/* açılan görev kartı: tüm temalarda satır ve detay ortak zemini paylaşır */
:root[data-skin] .row.open{background:var(--panel-2);border-bottom-color:transparent}
:root[data-skin] .row.doing.open,:root[data-skin] .row.doing.open+.rx{background:var(--doing-soft)}
/* sürükle-bırak çizgisi açık satırda da görünür */
:root .row.open.drop-before{box-shadow:inset 0 2px 0 var(--accent),inset 1px 0 0 var(--line),inset -1px 0 0 var(--line)}
:root .row.open.drop-after{box-shadow:inset 0 -2px 0 var(--accent),inset 1px 0 0 var(--line),inset -1px 0 0 var(--line)}
/* düzenleyicideki vurgu (satır içi sarı) koyu temada da okunur: tema vurgu rengini kullanır */
.rich [style*="background-color"],.nbody [style*="background-color"]{background-color:var(--hl)!important;color:inherit!important}
/* ikili görünümde ve telefonda hafta başlığı taşmaz */
:root[data-skin] main.split .mast h1{font-size:36px}
@media (max-width:720px){:root[data-skin] .mast h1,:root[data-skin] .rhead{font-size:34px}}
/* dokunmatik ekranlarda üzerine gelme olmadığı için bu düğmeler hep görünür */
@media (hover:none){.dgo,.sub .x{visibility:visible}.rimg .itb{display:flex}}
/* klavyeyle odaklanan görev satırı belirgin olur */
.row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* gruptaki görevler listesindeki öncelik çubuğu ince kalır */
.relrow .prio{padding:0;margin-top:3px}
/* yazdırırken yazı boyutu ayarının büyütmesi uygulanmaz */
@media print{:root[data-font] body{zoom:1}}
/* Planlama/Sorulacak alt başlıkları her temanın başlık yazı tipini ve ölçeğini izler */
/* hedef tarih rozeti: yaklaşan sarı, geciken kırmızı */
.due{white-space:nowrap}
.due.soon{color:var(--p1);font-weight:600}
.due.late{color:var(--p0);font-weight:600}
.old .due{font-size:12px;margin-left:auto}
/* klavye kısayolları penceresi */
kbd{font:inherit;font-size:11.5px;line-height:1.5;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--panel-2);color:var(--ink);white-space:nowrap}
.kv.keys{gap:9px 18px;align-items:baseline}.kv.keys b{white-space:nowrap}
@media (max-width:720px){#dTitle{font-size:18px}}
/* "İşlemden çıkar" düğmesi temaların düğme sıfırlamasından etkilenmez */
:root[data-skin] .btn.doing{background:var(--doing);border-color:var(--doing);color:var(--on-color)}
/* görsel etiketleri (görsel-1, görsel-2…) ve metindeki atıf bağlantıları */
.img .ilbl{position:absolute;left:4px;top:4px;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;font-size:11px;font-weight:600;line-height:18px;padding:0 6px;pointer-events:none}
.rimg .icap{font-size:11.5px;color:var(--muted);margin-top:4px}
.slide .pimgs figure{margin:0;text-align:center}.slide .pimgs figure img{width:100%}.slide .pimgs figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.imgref{padding:0 6px 0 5px;margin:0 1px;border-radius:4px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.9em;font-weight:600;white-space:nowrap;text-decoration:none;cursor:zoom-in;user-select:all}
.imgref::before{content:"▣ ";font-weight:400;font-size:.9em}
/* görsel seçici (araç çubuğu), atıf önizlemesi ve kırık atıf */
.rtb,.nrtb{position:relative}
.imgpick{width:auto!important;padding:0 8px!important;font-size:12px}
.imgpop{position:absolute;top:calc(100% + 4px);left:0;z-index:40;display:flex;flex-direction:column;gap:2px;min-width:200px;max-height:280px;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px -12px rgba(0,0,0,.4)}
.imgpop button{display:flex;align-items:center;gap:10px;width:100%!important;height:auto!important;padding:4px 6px!important;border:0;background:none;border-radius:6px;text-align:left;font-size:13px;color:var(--ink)}
.imgpop button:hover,.imgpop button:focus-visible{background:var(--panel-2)}
.imgpop img{width:56px;height:40px;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:#fff}
.imgpop .empty{padding:8px;font-size:12.5px;color:var(--muted);max-width:240px}
#imgPeek{position:fixed;z-index:80;display:none;flex-direction:column;gap:4px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px -12px rgba(0,0,0,.45);pointer-events:none}
#imgPeek.on{display:flex}#imgPeek img{max-width:260px;max-height:170px;object-fit:contain;background:#fff;border-radius:4px}#imgPeek span{font-size:11.5px;color:var(--muted)}
.imgref.broken{background:var(--panel-2);color:var(--muted);text-decoration:line-through;cursor:help}
/* ---------- hatırlatıcılar ---------- */
.rcount{position:absolute;top:1px;right:1px;min-width:16px;padding:0 4px;border-radius:8px;background:var(--muted);color:var(--panel);box-shadow:0 0 0 2px var(--panel);font-size:10px;font-weight:700;line-height:16px;text-align:center}.rcount:empty{display:none}
.rcount.hot{background:var(--p0);color:var(--on-color)}
#remPanel{position:fixed;top:calc(52px + env(safe-area-inset-top,0px));right:16px;z-index:61;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);padding:14px 16px 16px}
.rp-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rp-h h2{margin:0;font-size:16px;flex:1}.rp-snd{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
.rp-perm[hidden]{display:none}.rp-perm{display:flex;align-items:center;gap:10px;margin:-2px 0 10px;padding:8px 10px;border-radius:6px;background:var(--panel-2);border-left:3px solid var(--p1);font-size:12.5px;line-height:1.4;color:var(--ink-2)}.rp-perm span{flex:1}.rp-perm .btn{flex:0 0 auto}
.rp-pos{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px;color:var(--muted)}.rp-pos span{flex:0 0 auto}.rp-pos .seg{flex:1}.rp-pos .seg button{padding:4px 6px;font-size:12px}
.rp-form{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.rp-form textarea{resize:vertical;min-height:44px;font:inherit}
.rp-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rp-row .sp{flex:1}.rp-row input[type=date],.rp-row input[type=time],.rp-row select{width:auto;padding:5px 8px;font-size:13px}.rp-row input[type=date]{flex:1 1 130px;min-width:0}.rp-row select{flex:1}.rp-row .seg button{padding:4px 9px;font-size:12.5px}
.rp-task[hidden]{display:none}.rp-task{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);background:var(--panel-2);border-radius:6px;padding:4px 8px}.rp-task b{color:var(--ink);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-task .x{border:0;background:none;color:var(--muted);padding:0 4px}
.rp-list{margin-top:6px}.rgrp{margin-top:10px}.rgh{display:flex;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.rgh span{letter-spacing:0;color:var(--ink-2)}
.rrow{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid var(--line-2);font-size:13px}.rrow .rw{flex:0 0 auto;width:108px;color:var(--muted);font-size:12px;white-space:nowrap}
.rrow .rt{flex:1;min-width:0;text-align:left;border:0;background:none;padding:0;color:var(--ink);overflow-wrap:anywhere;cursor:pointer}.rrow .rt:hover{text-decoration:underline}
.rrow .rtask{display:block;font-size:11.5px;color:var(--muted)}.rrow .rrep{color:var(--muted)}.rrow.done .rt{color:var(--muted);text-decoration:line-through}.rrow .btn{padding:0 6px}
.rempty{font-size:12.5px;color:var(--muted);padding:12px 0}
#remStack{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:none}#remStack:empty{display:none} /* kart girerken kayınca beliren kaydırma çubuğu kartı sıçratmasın */
#remStack[data-pos="tr"]{top:calc(60px + env(safe-area-inset-top,0px));bottom:auto}
#remStack[data-pos="tc"]{top:calc(60px + env(safe-area-inset-top,0px));bottom:auto;right:auto;left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 32px))}
#remStack[data-pos="center"]{inset:0;width:auto;max-height:none;align-items:center;justify-content:safe center;padding:16px;background:rgba(10,12,16,.45)}
#remStack[data-pos="center"] .rcard{width:min(440px,100%);flex:0 0 auto;padding:16px 18px;animation-name:rcpop}#remStack[data-pos="center"] .rc-x{font-size:16px}
.rcard.demo{cursor:pointer;border-left-color:var(--accent)}
@keyframes rcpop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
.rcard{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--p1);border-radius:10px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);padding:12px 14px;animation:rcin .25s ease-out}
@keyframes rcin{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.rcard{animation:none}}
.rc-h{display:flex;align-items:center;gap:6px;font-size:12.5px}.rc-h b{font-weight:600}.rc-w{margin-left:auto;color:var(--muted);font-size:12px}
.rc-x{margin:6px 0 8px;font-size:14.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}
.rc-task{display:block;border:0;background:none;padding:0;margin:-2px 0 8px;font-size:12.5px;color:var(--accent);text-align:left;cursor:pointer}.rc-task:hover{text-decoration:underline}
.rc-a{display:flex;gap:8px}.rc-m{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}.rc-m[hidden]{display:none}
.rc-at{display:flex;flex-wrap:wrap;gap:6px;width:100%}.rc-rel{width:100%;font-size:12px;color:var(--muted)}.rc-rel:empty{display:none}.rc-rel.bad{color:var(--p0)}.rc-at input{flex:1;padding:4px 6px;font-size:12.5px}
.rbell{white-space:nowrap}.rbell.late{color:var(--p0);font-weight:600}
.drems{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.drems:empty{display:none}
.drem{display:flex;gap:8px;font-size:12.5px;align-items:baseline}.drem .rw{color:var(--muted);white-space:nowrap}.drem.late .rw{color:var(--p0);font-weight:600}.drem .rt{overflow-wrap:anywhere}

/* takvim: üst çubuktaki tarih-saatten açılır */
:root{--ev-rem:#E0A000;--ev-due:#E5231B;--ev-done:var(--done);--ev-start:#2F6FDB;--ev-new:#8A94A3}
:root[data-theme="dark"]{--ev-rem:#F2B233;--ev-due:#FF5A4E;--ev-start:#5B8EF0;--ev-new:#8B95A5}
#calPop{position:fixed;top:calc(52px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:61;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 70px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);padding:12px 16px 14px}
#calPop[hidden]{display:none}
.cal-h{display:flex;align-items:center;gap:4px;margin-bottom:8px}.cal-h h2{margin:0 6px;font-size:15px;font-weight:600;white-space:nowrap}.cal-h .sp{flex:1}
.cal-ms{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cal-mt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:2px 0 6px 4px}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-wd{font-size:11px;color:var(--muted);text-align:center;padding:2px 0 4px}
.cal-d{display:flex;flex-direction:column;align-items:center;gap:3px;height:40px;padding:5px 0 0;border:0;border-radius:7px;background:none;color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}
.cal-d:hover{background:var(--panel-2)}.cal-d.we .n{color:var(--muted)}
.cal-d .n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:11px;line-height:1}
.cal-d.due .n{color:var(--ev-due);font-weight:700}.cal-d.today .n{background:var(--ink);color:var(--panel);font-weight:600}.cal-d.today.due .n{background:var(--ev-due);color:#fff}
.cal-d[aria-pressed="true"]{background:var(--panel-2);box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.dots{display:flex;gap:3px;height:6px}.dots i,.cal-lg i,.cal-e i{display:inline-block;width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.ev-rem{background:var(--ev-rem)}.ev-start{background:var(--ev-start)}.ev-due{background:var(--ev-due)}.ev-done{background:var(--ev-done)}.ev-new{background:var(--ev-new)}
.cal-lgs{display:flex;flex-wrap:wrap;gap:4px 6px;margin:10px 0 0;padding:10px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.cal-lg{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:none;border-radius:999px;padding:3px 10px;font-size:12px;color:var(--ink-2)}
.cal-lg i{width:8px;height:8px}.cal-lg span{color:var(--muted);font-variant-numeric:tabular-nums}
.cal-lg[aria-pressed="false"]{color:var(--muted);border-style:dashed}.cal-lg[aria-pressed="false"] i{background:none;box-shadow:inset 0 0 0 1.5px var(--line)}
.cal-day{margin-top:8px}
.cal-dh{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.cal-dh b{flex:1;font-weight:600}
.cal-e{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;border-radius:6px;padding:6px 6px;text-align:left;font-size:13px;color:var(--ink)}
.cal-e:hover{background:var(--panel-2)}.cal-e i{width:8px;height:8px}
.cal-e .k{flex:0 0 112px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.cal-e .x{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-e .k.late{color:var(--ev-due);font-weight:600}.cal-e .t{flex:0 0 auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.cal-none{font-size:12.5px;color:var(--muted);padding:6px}
@media (max-width:640px){.cal-ms{grid-template-columns:1fr}.cal-m+.cal-m{display:none}}

/* görev penceresinde mikroservis çipleri */
.svcbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:5px 6px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;cursor:text}
.svcbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.svchips{display:contents}
.svchip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 9px;border-radius:5px;background:var(--panel);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink);cursor:grab;user-select:none}
.svchip .x{border:0;background:none;color:var(--muted);padding:0 4px;font-size:11px;line-height:1;cursor:pointer;border-radius:3px}.svchip .x:hover{color:var(--p0);background:var(--panel-2)}
.svchip.drag{opacity:.4}.svchip.over{box-shadow:-2px 0 0 var(--accent)}
.svcin{flex:1 1 120px;min-width:100px;border:0;background:none;padding:4px 2px;outline:none;font-size:13.5px}

/* görev penceresi: geri al + kapat */
.dacts{display:flex;align-items:center;gap:4px}
.group.gdoing .ghead h3{color:var(--doing)}
.group.gdoing .dsub{display:flex;align-items:baseline;gap:8px;padding:9px 0 3px;border-bottom:1px dashed var(--line);font-size:12px;font-weight:600;color:var(--muted)}
.group.gdoing .dsub .gm{font-weight:400;opacity:.8}
.row .dh.off{visibility:hidden}
.dacts .btn{height:28px;display:inline-flex;align-items:center;gap:5px}.dacts .dico{width:28px;padding:0;justify-content:center}.dacts .dico svg{flex:none}
.dacts .ddraft{display:none}#drawer.draft .dacts .ddraft{display:inline-flex}#drawer.draft .dacts #dSave{margin-right:6px}
/* hızlı ekleme düğmeleri yanlarındaki kutularla aynı boyda; Ayrıntılı ekle pencere simgesiyle */
.quick .btn,.radd .btn,.quick select,.radd select{align-self:stretch}
.quick select.in,.radd select.in{min-height:calc(1.45em + 16px)}
.quick .btn,.radd .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.qdlg{flex:0 0 auto;white-space:nowrap}.qdlg .wico{flex:none;opacity:.8}.qdlg:hover .wico{opacity:1}
/* ikili düzende bölme dar: görev metni ve Ayrıntılı ekle üst satırda, diğer alanlar altında */
main.split .quick{flex-wrap:wrap}main.split .quick .title{order:-2;flex:1 1 calc(100% - 160px)}main.split .quick .qdlg{order:-1}main.split .quick .svc{flex:1 1 70px;min-width:0}main.split .quick select{flex:0 1 auto;min-width:0;max-width:120px}
.dundo{display:inline-flex;align-items:center;gap:5px}.dundo:disabled{opacity:.35;cursor:default}.dundo:disabled:hover{background:none;color:var(--muted)}
.svchint{font-size:11.5px;color:var(--muted);margin-top:5px}

/* Planlama / Sorulacak bölüm ayracı (görev listesi ve rapor ekranı): servis başlıklarından ayrışsın diye türün renginde küçük etiket + çizgi, tüm temalarda aynı */
:root .rsub > span{font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:6px 11px;border-radius:999px;color:var(--pc,var(--ink-2));background:color-mix(in srgb,var(--pc,var(--ink-2)) 13%,transparent)}
.rsub.plan-planlama{--pc:var(--t-planlama)}.rsub.plan-sorulacak{--pc:var(--t-sorulacak)}
:root .lhead.plan{margin:44px 0 2px;padding:0;border:0;align-items:center;gap:10px}
:root .lhead.plan::after{content:"";flex:1;height:1px;background:var(--line)}
:root .lhead.plan h2{font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:6px 11px;border-radius:999px;color:var(--pc,var(--ink-2));background:color-mix(in srgb,var(--pc,var(--ink-2)) 13%,transparent)}
:root .lhead.plan > span{font-size:12px}
.lhead.plan-planlama{--pc:var(--t-planlama)}.lhead.plan-sorulacak{--pc:var(--t-sorulacak)}

/* ikili düzen: her bölme kendi içinde kayar (sekme çubuğu bölmenin üstünde sabit) */
@media (min-width:901px){
  main.split{height:calc(100vh - var(--toph,48px) - env(safe-area-inset-top,0px));min-height:0;overflow:hidden}
  main.split .pane{overflow-y:auto;min-height:0;overscroll-behavior:contain}
  :root main.split .tabs{top:0} /* her temada bölmenin en üstünde */
}
:root[data-skin="teknik"]{--toph:40px}

/* Bugün kartı (Görevler'in üstünde) */
.today{margin:0 0 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 14px}
.today.shut{padding-bottom:10px}
.td-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.td-t{display:flex;align-items:baseline;gap:8px;border:0;background:none;padding:2px 4px 2px 0;color:var(--ink);font-size:14px}
.td-t b{font-weight:700}.td-d{color:var(--muted);font-size:12.5px}
.td-c{align-self:center;color:var(--muted);transition:transform .15s}.td-t[aria-expanded="false"] .td-c{transform:rotate(-90deg)}
.td-sum{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted)}
.td-s{white-space:nowrap}.td-s.td-late{color:var(--p0);font-weight:600}.td-s.td-due{color:var(--ev-due);font-weight:600}.td-s.td-rem{color:var(--ink-2)}.td-s.td-doing{color:var(--doing)}
.td-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 22px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}
.td-ch{display:flex;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.td-ch span{letter-spacing:0;color:var(--ink-2)}
.td-late .td-ch{color:var(--p0)}.td-due .td-ch{color:var(--ev-due)}.td-doing .td-ch{color:var(--doing)}
.td-i{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;border-radius:6px;padding:4px 6px;margin-left:-6px;text-align:left;font-size:13px;color:var(--ink)}
.td-i:hover{background:var(--panel-2)}.td-i .prio{flex:0 0 4px;padding:0;border-radius:2px}
.td-i .x{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-i .m{flex:0 0 auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.td-late .td-i .m,.td-i .m.late{color:var(--p0);font-weight:600}
.td-more{font-size:12px;color:var(--muted);padding:2px 0}
.td-i .prio.px{background:var(--px)}.td-i .prio.p0{background:var(--p0)}.td-i .prio.p1{background:var(--p1-fill)}.td-i .prio.p2{background:var(--p2)}.td-i .prio.p3{background:var(--p3)}

/* silinenler */
.trashbtn{margin-left:4px}
.trash{display:flex;flex-direction:column;max-height:min(60vh,520px);overflow:auto;border-top:1px solid var(--line-2)}
.trow{display:grid;grid-template-columns:6px 76px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line-2)}
.trow .ttype{text-align:center;font-size:11px}.trow .prio{padding:0}
.trow .tt{min-width:0;display:flex;flex-direction:column;gap:2px}.trow .tt b{font-weight:600;font-size:13.5px;overflow-wrap:anywhere}.trow .tt span{font-size:12px;color:var(--muted)}
.trow .prio.px{background:var(--px)}.trow .prio.p0{background:var(--p0)}.trow .prio.p1{background:var(--p1-fill)}.trow .prio.p2{background:var(--p2)}.trow .prio.p3{background:var(--p3)}
#trashModal .mbox{width:min(720px,calc(100vw - 32px))}
.macts .sp{flex:1}

/* tekrarlayan görev işareti */
.trep{white-space:nowrap;color:var(--muted)}

/* raporda devam edenler */
.rongo{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap;cursor:pointer}
.rsub.plan-ongoing{--pc:var(--doing)}.rsub em{font-style:normal;font-size:12px;color:var(--muted);order:1}.rsub::after{order:2}

/* analiz: bitirme süresi */
.ablock h3 .hint{font-weight:400;font-size:12px;color:var(--muted);margin-left:6px;text-transform:none;letter-spacing:0}
.lt{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lt div{display:flex;flex-direction:column;gap:2px}
.lt b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.lt span{font-size:12.5px;color:var(--ink-2)}.lt i{font-style:normal;font-size:11.5px;color:var(--muted)}
.ltr{margin-top:12px;border-top:1px solid var(--line-2);padding-top:8px;display:flex;flex-direction:column;gap:2px}
.ltr div{display:grid;grid-template-columns:1fr auto 32px;gap:10px;font-size:13px;padding:3px 0}.ltr b{font-weight:600;font-variant-numeric:tabular-nums}.ltr i{font-style:normal;color:var(--muted);text-align:right;font-size:12px}

/* hızlı arama (Ctrl+K) */
.qs{position:fixed;inset:0;z-index:66;background:rgba(10,12,16,.45);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.qs[hidden]{display:none}
.qsbox{width:min(640px,100%);max-height:72vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);overflow:hidden}
.qsin{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.qsin .ico{color:var(--muted)}
.qsin input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:16px;color:var(--ink)}
.qs kbd{font:inherit;font-size:11px;color:var(--muted);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--panel-2)}
.qslist{overflow:auto;padding:6px}
.qsg{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.qsi{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center;padding:7px 10px;border-radius:7px;cursor:pointer}
.qsi.on{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--accent)}
.qsi .ttype,.qsk{text-align:center;font-size:11px;justify-self:stretch}.qsk{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 0}
.qst{min-width:0;display:flex;flex-direction:column;gap:1px}.qst b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qst span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qst mark{background:var(--hl);color:inherit;border-radius:2px;padding:0 1px}
.qsi.done .qst b{color:var(--muted)}
.qsnone{padding:20px;text-align:center;color:var(--muted);font-size:13px}
.qsfoot{display:flex;gap:14px;justify-content:flex-end;padding:8px 14px;border-top:1px solid var(--line-2);font-size:11.5px;color:var(--muted)}
@media (max-width:640px){.qs{padding-top:16px}.qsfoot{display:none}}
.lthint{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
.subrow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}

/* haftalık raporda metindeki atıf yerine görselin kendisi */
.rtext .rimg.inl,.rnotes .rimg.inl{display:block;margin:8px 0;max-width:100%}
.slide .pinl{display:block;margin:14px auto;max-width:100%}.slide .pinl img{width:100%;max-height:62vh;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;display:block}
.frephint{margin:-4px 0 16px;font-size:12px;color:var(--muted);line-height:1.4}
#dRepOpts{margin-top:-8px}
.ropts .f2{margin-bottom:8px}.rodue{display:flex;gap:6px}.rodue select{flex:1;min-width:0}.rodue input{width:64px;flex:none}
.rocopy{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px 12px;margin-top:4px;font-size:12.5px}
.rocopy label{display:flex;align-items:center;gap:6px;color:var(--ink-2);cursor:pointer}
.status-box .sdt{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dashed color-mix(in srgb,currentColor 45%,transparent);padding:0;cursor:pointer}
.status-box .sdt:hover{color:var(--accent);border-bottom-color:var(--accent)}
.status-box .sdtin{width:auto;display:inline-block;padding:2px 6px;font-size:12.5px;vertical-align:baseline}
.status-box .sdl{color:var(--muted)}
/* Ayarlar → Alanlar: kapalı alanın giriş kutusu ve satırı gizlenir */
.nofld{display:none!important}
.fldrow{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-2)}
.fldrow .fon{display:inline-flex;align-items:center;flex:none;cursor:pointer}
.fldrow .in{flex:0 1 220px}
.fldrow input[type=color]{flex:none;width:28px;height:24px;padding:0;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}
.fldrow .n{flex:1;min-width:0;font-size:12px;color:var(--muted)}
.fldrow.off .in,.fldrow.off input[type=color]{opacity:.55}
.fldrow .x{border:0;background:none;color:var(--muted);padding:0 4px;cursor:pointer}.fldrow .x:hover{color:var(--danger,var(--p0))}
#fieldMode button:disabled{cursor:default;opacity:.5}
/* Verileri temizle */
.clropts{display:flex;flex-direction:column;gap:2px;margin:10px 0 14px}
.clropt{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line-2);cursor:pointer}
.clropt input{margin-top:3px}.clropt span{display:flex;flex-direction:column;gap:2px}.clropt small{font-size:12px;color:var(--muted)}
:root .btn.primary.dangerbg{background:var(--p0);border-color:var(--p0);color:var(--on-color,#fff)}.btn.primary.dangerbg:disabled{opacity:.45;cursor:default}
.fldrow .in.ab{flex:0 0 58px;text-align:center;font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase}
.vdd .fpop{left:auto;right:0;width:220px}
.vph{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 12px 2px}
.vopt{border:0;background:none;width:100%;text-align:left;color:inherit;font:inherit}
.vopt[aria-pressed="true"]{font-weight:600}
.fdb b{font-weight:600;color:var(--ink)}
/* teknik görünümde ikincil metinler (süre, servis, grup sayıları) daha okunur: en küçük 12px */
:root[data-skin="teknik"] .rl2{font-size:12.5px}
:root[data-skin="teknik"] .rl2 .ttype,:root[data-skin="teknik"] .phase,:root[data-skin="teknik"] .dbadge{font-size:12px}
:root[data-skin="teknik"] .ghead .gm,:root[data-skin="teknik"] .lhead > span{font-size:13px}
.sethint{margin:6px 0 0}
/* teknik görünümde tür etiketi: Ayarlar → Tür Etiketi "Tür adı" seçilirse kısaltma yerine ad */
:root[data-skin="teknik"][data-tlead="label"] .ttype.lead{width:74px;font-size:12px;display:inline-block;font-weight:500}
:root[data-skin="teknik"][data-tlead="label"] .ttype.lead::before{content:none}
/* Analiz: sayı kutuları iki grup halinde (açık işler · bu hafta); dar bölmede alt alta */
.sgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:14px;align-items:end}
.sgrp{min-width:0;display:flex;flex-direction:column;gap:5px}
.slbl{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sgrp .stats{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}
@media (max-width:900px){.sgrid{grid-template-columns:1fr}}
main.split .sgrid{grid-template-columns:1fr}
:root[data-skin="teknik"] .slbl{font-family:'JetBrains Mono',monospace}
/* hızlı ekleme çubuğu: odak yokken ve boşken yalnız başlık + düğmeler */
.quick:not(.open) :is(.svc,.unit,select){display:none}
main.split .quick:not(.open) .title{flex:1 1 200px}main.split .quick:not(.open) .qdlg{order:0}
/* Bugün kartı ve filtre satırı daha az yer kaplasın */
.toolbar .search{padding:4px 9px;font-size:12.5px}
:root[data-density="sikisik"] .today{padding:7px 12px}:root[data-density="sikisik"] .td-cols{margin-top:6px;padding-top:6px;gap:6px 18px}:root[data-density="sikisik"] .td-i{padding:2px 6px}
/* sıkışık düzende etiketler başlığın yanında: çoğu görev tek satır (grafit zaten böyle) */
:root[data-density="sikisik"]:not([data-skin="grafit"]) .rl1 .ttl{flex:0 1 auto!important;max-width:100%}
/* görev penceresinde katlanır bölümler (Bağlantılar, Diğer Adresler, Hatırlatıcılar): boşken kapalı tek satır */
.dfold summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none}
.dfold summary::-webkit-details-marker{display:none}
.dfold summary::before{content:"";width:0;height:0;border:4px solid transparent;border-left:5px solid var(--muted);margin-right:2px;transition:transform .12s}
.dfold[open] summary::before{transform:rotate(90deg)}
.dfold summary .lbl{margin:0}.dfold:not([open]) summary .lbl{color:var(--muted)}
.dfold summary:hover .lbl{color:var(--ink)}
.dfold[open] > summary{margin-bottom:6px}
/* dar bölmede Görünüm düğmesi yalnız seçili gruplamayı yazar */
@container (max-width:840px){.fdb .vlab{display:none}}
.fdb .vico{opacity:.75}
/* ---------- Ayarlar: resimli seçenekler ve iki sütun ---------- */
#settingsModal .mbox{width:min(900px,100%)}
.scols{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
@media (max-width:720px){.scols{grid-template-columns:1fr}}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.tiles.t4{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.t5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:720px){.tiles.t4,.tiles.t5{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}}
.tiles button{border:1.5px solid var(--line);background:var(--panel);border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--muted);font-size:12px;font-weight:500;text-align:center;cursor:pointer}
.tiles button:hover{border-color:var(--muted);color:var(--ink)}
.tiles button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.tiles button:disabled{opacity:.5;cursor:default}
.tiles .tn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tiles .tp{display:block;width:100%}
.mini{display:flex;gap:4px;height:56px;border:1px solid var(--line);background:var(--panel-2);padding:5px;overflow:hidden;font-size:9px;line-height:1;border-radius:4px;box-sizing:border-box;text-align:left}
.mini.aa{align-items:center;justify-content:center;font-family:inherit;color:var(--ink)}.mini.aa b{font-weight:500}
.mp{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:2px}
.mp i{display:block;height:4px;background:var(--line);border-radius:2px}.mp i.h{width:40%;background:var(--ink-2)}.mp i.s{width:70%}
.mp i.gh{width:34%;height:3px;background:var(--ink)}.mp i.gh.doing{background:var(--doing)}.mp i.doingbg{background:var(--doing);opacity:.55}
.mp.dens{gap:var(--rg,4px)}
.mp .pill{display:flex;gap:3px}.mp .pill b{height:7px;flex:1;border:1px solid var(--line);background:var(--panel-2);border-radius:2px;min-width:0}
.mp .pill b.t{background:var(--panel)}.mp .pill b.d{border-style:dashed;flex:1.4;background:none}.mp .pill b.g{flex:.5;background:var(--line)}.mp .pill b.n{flex:2;border:0;background:none}
.mp .pill b.w{flex:2.4;background:var(--panel)}.mp .pill b.btn{flex:.8;background:var(--accent);border-color:var(--accent)}
.mp .img{display:block;height:14px;background:var(--line);border-radius:2px}
.mrow{display:flex;align-items:center;gap:4px;height:11px;font-size:8px;color:var(--ink);white-space:nowrap;overflow:hidden}
.mrow .chk{width:7px;height:7px;border:1px solid var(--muted);flex:none;border-radius:1px}
.mrow .bar{width:2px;height:9px;background:var(--p0);flex:none}.mrow .dot{width:5px;height:5px;border-radius:50%;background:var(--p0);flex:none}
.mrow .flag{color:var(--p0);font-size:8px}.mrow .p1{color:var(--p1-fill,var(--p1));background:var(--p1-fill,var(--p1))}.mrow .flag.p1{background:none}.mrow .p3{color:var(--p3);background:var(--p3)}.mrow .flag.p3{background:none}
.mrow .chip{font-size:7px;color:var(--t-todo);background:var(--t-todo-soft);padding:0 3px;border-radius:2px;line-height:1.5;flex:none;background-clip:padding-box}
.mrow .chip.fix{color:var(--t-fix);background:var(--t-fix-soft)}.mrow .chip.plan{color:var(--t-planlama);background:var(--t-planlama-soft)}
.mrow .let{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:8px;color:var(--t-todo);flex:none;width:18px}.mrow .let.fix{color:var(--t-fix)}.mrow .let.plan{color:var(--t-planlama)}.mrow .let.top{color:#B5551D}
.mrow .word{font-size:7px;color:var(--muted);flex:none;width:22px;overflow:hidden;text-overflow:ellipsis}
.mrow .pr{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:7px;flex:none;width:28px}.mrow .pr.p0{color:var(--p0);background:none}.mrow .pr.p1{color:var(--p1);background:none}.mrow .pr.p3{color:var(--p3);background:none}
.mrow .txt{overflow:hidden;text-overflow:ellipsis}.mrow.pub .txt{font-family:'Public Sans',system-ui,sans-serif}.mrow.mono .txt{font-family:'Inter Tight',system-ui,sans-serif}.mrow.serif .txt{font-family:'Newsreader',Georgia,serif;font-size:9.5px}
.mrow.bar1::after,.mrow.bar2::after,.mrow.bar3::after{content:"";display:block;height:4px;background:var(--ink-2);border-radius:2px;flex:0 0 55%}.mrow.bar2::after{flex-basis:40%}.mrow.bar3::after{flex-basis:48%}
.mini.fix .mp i{border-radius:2px}.mini.sys{background:linear-gradient(100deg,#F4F5F7 50%,#0F1115 50%);border-color:#8B949E}.mp.sys{background:linear-gradient(100deg,#FFFFFF 50%,#171B21 50%);border-color:#8B949E}.mp.sys i{background:#8B949E}.mp.sys i.h{background:linear-gradient(90deg,#1F2328,#D8DEE9)}
.mscr{flex:1;background:var(--panel);border:1px solid var(--line);position:relative;border-radius:2px}
.mscr b{position:absolute;width:34%;height:36%;background:var(--accent);opacity:.85;border-radius:2px}.mscr b.c{left:33%;top:32%}.mscr b.tc{left:33%;top:5%}.mscr b.tr{right:5%;top:5%}.mscr b.br{right:5%;bottom:5%}
:root[data-skin="defter"] .tiles button,:root[data-skin="teknik"] .tiles button,:root[data-skin="editoryal"] .tiles button,:root[data-skin="defter"] .mini,:root[data-skin="teknik"] .mini,:root[data-skin="editoryal"] .mini,:root[data-skin="defter"] .mp,:root[data-skin="teknik"] .mp,:root[data-skin="editoryal"] .mp{border-radius:0}
.mrow .let.wide{width:auto;max-width:34px;overflow:hidden;text-overflow:ellipsis}
.mrow .chip{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:7px!important;line-height:1.6}
.mrow .word{font-family:"IBM Plex Sans",system-ui,sans-serif}
/* ---------- ekran kilidi ---------- */
#lockScreen{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}
#lockScreen[hidden]{display:none}
body.locked{overflow:hidden}
body.locked > :not(#lockScreen){visibility:hidden}
.lockbox{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(360px,100%);padding:28px 24px;border:1px solid var(--line);background:var(--panel);border-radius:10px;box-shadow:var(--shadow);color:var(--ink)}
.lockbox h2{margin:0;font-size:17px;font-weight:600}
.lockbox .row-fields{width:100%}.lockbox .in{flex:1}
.lockbox .hint{min-height:1.4em;margin:0;color:var(--p0)}
:root[data-skin="defter"] .lockbox,:root[data-skin="teknik"] .lockbox,:root[data-skin="editoryal"] .lockbox{border-radius:0}
:root[data-skin="teknik"] .lockbox h2{font-family:'JetBrains Mono',monospace;font-size:15px}
#lockMode button[disabled] .tn{white-space:normal}
.mini.lk{position:relative}.mini.lk .mp{filter:blur(1.2px);opacity:.55}.mini.lk .lkico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px}
#lpCurRow[hidden],#lockOpts[hidden]{display:none!important}
.encbusy{position:fixed;inset:0;z-index:210;background:color-mix(in srgb,var(--bg) 80%,transparent);display:flex;align-items:center;justify-content:center;padding:24px}
.encbusy[hidden]{display:none}
.enccode{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;letter-spacing:.06em;padding:8px 12px;border:1px solid var(--line);background:var(--panel-2);user-select:all;flex:1;text-align:center}
#lockScreen .row-fields{justify-content:center;gap:16px}
/* kilit ekranında profil değiştirme: kilit yalnız açık profili korur, diğerine geçilebilir */
.lockprof{width:100%;border-top:1px solid var(--line-2);padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.lockprof[hidden]{display:none}
.lockprof .lph{font-size:12px;color:var(--muted)}.lpl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.lpl button{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:500;color:var(--ink);background:var(--panel-2);border:1px solid var(--line-2);border-radius:99px;padding:3px 10px 3px 4px;cursor:pointer}
.lpl button:hover{border-color:var(--accent)}
#lockForgot[hidden],#lockOther[hidden]{display:none}
#lockScreen{z-index:200}body.locked > .modal.open#recoverModal,body.locked > .modal.open#lockAskModal{visibility:visible}
.modal#recoverModal,.modal#lockAskModal{z-index:220!important}
#lockScreen .link{border:0;background:none;color:var(--accent);padding:0;cursor:pointer;font-size:12.5px}
#lockScreen .link:hover{text-decoration:underline}
.nrep{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11.5px;font-weight:400;color:var(--muted);cursor:pointer}.nrep input{margin:0}
#encPwRow[hidden],#encIntro[hidden]{display:none!important}
/* profil seçici ve menüsü */
.plist{display:flex;flex-direction:column;gap:6px;margin:4px 0 14px}
.prow{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 12px;color:var(--ink);cursor:pointer}
.prow:hover{border-color:var(--ink);background:var(--panel-2)}
.prow .pn{font-weight:600;font-size:14px}.prow .pf{font-size:12px;color:var(--muted)}
.setuphelp summary{cursor:pointer;margin-top:10px}.setuphelp[open] summary{margin-bottom:6px}
:root[data-skin="defter"] .prow,:root[data-skin="teknik"] .prow,:root[data-skin="editoryal"] .prow{border-radius:0}
body:not(.hasroot) #setup .hasroot,body.hasroot #setup .rootless{display:none}
.fchk .hint{margin:0;font-size:12px;line-height:inherit}
.ib[hidden]{display:none} /* üst çubuk düğmesi gizliyken (ör. kilit kapalıyken kilit düğmesi) */
/* üst çubuk: profil rozeti, takvim simgesi ve bugünün sayısı */
.pav{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
.ck{align-items:center}.ck .ck-i{flex:none;color:var(--muted)}.ck:hover .ck-i{color:var(--ink)}
/* tarih rozeti yazılı ("2 iş"): zilin sayı rozetiyle karışmasın */
.ck-n{font-size:11.5px;font-weight:600;color:var(--p1);background:color-mix(in srgb,var(--p1) 14%,transparent);border-radius:4px;padding:1px 6px;line-height:1.4}
.ck-n.late{color:var(--p0);background:color-mix(in srgb,var(--p0) 13%,transparent)}.ck-n[hidden]{display:none}
/* yalnız büyük harf yüksekliği ortalanır, sonra piksel ızgarasına göre ince kaydırma (değerler dört temada ve iki ekran yoğunluğunda ölçüldü):
   normal ekranda harf tam piksele oturduğu için daha çok, yüksek yoğunlukta daha az. Üstü noktalı/şapkalı harf (Ö, İ…) aşağı, altı çengelli (Ç, Ş) yukarı alınır ki mürekkebin tamamı ortalansın */
.pav{--pav-y:.75px;--pav-acc:0px}:root[data-skin="teknik"] .pav{--pav-y:.45px}
@media (min-resolution:1.5dppx){.pav{--pav-y:.3px}:root[data-skin="defter"] .pav,:root[data-skin="editoryal"] .pav{--pav-y:.45px}:root[data-skin="teknik"] .pav{--pav-y:-.45px}}
.pav[data-acc="up"]{--pav-acc:1px}.pav[data-acc="down"]{--pav-acc:-1px}
.pav span{display:block;text-box:trim-both cap alphabetic;transform:translateY(calc(var(--pav-y) + var(--pav-acc)))}
/* üst çubuk yazıları simgelerle optik olarak ortalanır: satır kutusu yerine büyük harf yüksekliği (teknikte küçük harfli marka için x yüksekliği) ortalanır.
   Zilin çizimi tokmağı yüzünden aşağıda kaldığı için görünüm kutusu (viewBox) 1.8 birim yukarı kaydırıldı */
.brand-name,.ck .ck-l,.ck .ck-s,.ck b{text-box:trim-both cap alphabetic}
:root[data-skin="teknik"] .brand-name{text-box:trim-both ex alphabetic}
#remPanel{right:auto}
@media (max-width:1080px){.tmid::after{content:"";flex:0 0 auto;width:1px;height:20px;background:var(--line);margin:0 2px 0 6px}} /* dar ekranda zaman grubu düzen düğmesine yaslanmasın */
/* haftalık rapor yakınlaştırma çubuğu: Word'deki gibi sağ altta, kaydırınca da görünür; kutusuz ve soluk, üzerine gelince belirginleşir */
.rzwrap{min-width:0}
.rzoom{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;margin:14px 0 0 auto;width:max-content;display:flex;align-items:center;gap:2px;padding:2px 4px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-radius:6px;font-size:11.5px;color:var(--muted);opacity:.45;transition:opacity .15s}
.rzoom:hover,.rzoom:focus-within{opacity:1}
.rzb{width:20px;height:20px;border:0;background:none;color:var(--muted);font-size:14px;line-height:1;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.rzb:hover,.rzv:hover{color:var(--ink)}
.rzr{-webkit-appearance:none;appearance:none;width:96px;height:16px;margin:0 2px;background:none;cursor:pointer}
.rzr::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(var(--muted),var(--muted)) 50% 50%/1px 8px no-repeat,var(--line)}
.rzr::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--ink-2);border:0}
.rzr::-moz-range-track{height:2px;background:var(--line)}.rzr::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink-2);border:0}
.rzr:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.rzv{border:0;background:none;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;min-width:36px;text-align:right;padding:0 2px;cursor:pointer}
:root[data-skin="teknik"] .rzoom{font-family:'JetBrains Mono',monospace}
@media print{.rzoom{display:none}}
/* notta gizli kısım: silinmiş gibi değil, "rapora gitmiyor" gibi; soluk ve ince çizgili zemin. Raporda yalnız yerinde düzenlerken görünür */
rd-hide{color:var(--muted);background:repeating-linear-gradient(-45deg,transparent 0 4px,color-mix(in srgb,var(--muted) 18%,transparent) 4px 5px);border-radius:3px;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rtb .rh{display:inline-flex;align-items:center;gap:4px}
.nhid{font-size:12px;font-weight:600;color:var(--accent);margin-left:2px}.nhid[hidden]{display:none}
.rnhint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:4px}
.ritem .rnotes{cursor:text;border-radius:4px;margin-left:-6px;padding:2px 6px;transition:background .12s}
.ritem .rnotes:hover{background:var(--panel-2)}
.ritem .rnotes.editing{background:var(--panel);outline:1.5px solid var(--accent);outline-offset:0;color:var(--ink);cursor:text;min-height:1.6em}
.ritem .rnotes.editing:hover{background:var(--panel)}
:root[data-skin="defter"] .ritem .rnotes,:root[data-skin="teknik"] .ritem .rnotes,:root[data-skin="editoryal"] .ritem .rnotes{border-radius:0}
/* profilleri sıralama */
.polist{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px}
.porow{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel-2)}
.porow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.porow.drag{opacity:.45}
.porow .dh{visibility:visible}.porow .pn{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.porow .pcur{font-size:11.5px;color:var(--done)}.porow .btn{padding:2px 8px}