/* Ortak site stili — planlama.html ve index.html */
:root{
  --bg:#0f1419;--panel:#171d25;--panel2:#1e2631;--border:#2a3441;--text:#e6edf3;--muted:#8b98a8;
  --accent:#3b9eff;--ok:#2ecc71;--warn:#f5b041;--bad:#e74c3c;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
button{background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer}
button:hover{border-color:var(--accent)}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
input[type=number],input[type=text],input[type=search],select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:5px 7px;width:100%}
textarea{min-height:70px;resize:vertical}
h1{font-size:18px}h2{font-size:15px;margin:0 0 8px}h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 6px}
.muted{color:var(--muted)}.small{font-size:12px}

/* Üst menü */
.topbar{position:sticky;top:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:8px 12px;flex-wrap:wrap}
.topbar .brand{font-weight:600;margin-right:8px;white-space:nowrap}
.topbar nav{display:flex;gap:4px;flex-wrap:wrap}
.topbar nav a,.topbar nav button{padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:13px}
.topbar nav .active{background:var(--accent);border-color:var(--accent);color:#fff}
.wrap{max-width:1200px;margin:0 auto;padding:14px 12px 40px}

/* Kartlar */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}
.card h2{margin-bottom:4px}
.card p{color:var(--muted);font-size:13px}
a.card{display:block;color:var(--text)}a.card:hover{border-color:var(--accent);text-decoration:none}

/* Bölüm kataloğu: iki sütun, dar ekranda tek sütun */
.cat{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}
.cat .list{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;position:sticky;top:60px;max-height:calc(100vh - 80px);overflow:auto}
.cat .detail{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;min-height:300px}
.grp{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 4px 4px}
.ditem{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:6px;cursor:pointer;font-size:13px}
.ditem:hover{background:var(--panel2)}
.ditem.sel{background:var(--panel2);outline:1px solid var(--accent)}
.ditem .nm{flex:1}
.ditem input{flex:none}
.badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.badge.taslak{border-color:var(--warn);color:var(--warn)}
.badge.tamam{border-color:var(--ok);color:var(--ok)}
.badge.sim{border-color:#7d5fff;color:#a99bff}
.back{display:none;margin-bottom:8px}
@media (max-width:760px){
  .cat{grid-template-columns:1fr}
  .cat .list{position:static;max-height:none}
  .cat.showdetail .list{display:none}
  .cat:not(.showdetail) .detail{display:none}
  .back{display:inline-block}
}

/* Bölüm detayı */
.dhead{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}
.dhead h1{flex:1;min-width:200px}
.desc{color:var(--muted);margin-bottom:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.grid2{grid-template-columns:1fr}}
.box{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:10px}
.box ul{padding-left:18px}.box li{margin:2px 0;font-size:13px}
.field{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center;margin:5px 0}
.field label{font-size:13px;color:var(--muted)}
.out{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px}
.out .k{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px}
.out .k b{display:block;font-size:18px}
.out .k span{font-size:11px;color:var(--muted)}
.chk{display:flex;gap:7px;align-items:flex-start;padding:3px 0;font-size:13px}
.chk input{margin-top:3px;flex:none}
.chk.done span{color:var(--muted);text-decoration:line-through}
.statusrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.note{color:var(--muted);font-size:12px;margin-top:8px}
.warnbox{border:1px solid var(--warn);background:rgba(245,176,65,.07);border-radius:8px;padding:8px 10px;font-size:13px;margin:8px 0}

/* Tablolar */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:5px 6px;border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}
th{color:var(--muted);font-weight:500}
td:first-child,th:first-child{text-align:left}
tfoot td{font-weight:700}
.tscroll{overflow-x:auto}

/* Yöntem ve notlar */
.steps{counter-reset:s;list-style:none}
.steps>li{counter-increment:s;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px 10px 46px;margin-bottom:8px;position:relative}
.steps>li::before{content:counter(s);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:12px}
.steps h2{margin-bottom:4px}
.steps ul{padding-left:18px;margin-top:4px}.steps li li{font-size:13px;margin:2px 0}
.steps .tool{font-size:12px;margin-top:6px}
.log{border-left:2px solid var(--border);margin-left:8px;padding-left:14px}
.log .ev{position:relative;margin-bottom:14px}
.log .ev::before{content:'';position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.log .ev.open::before{background:var(--warn)}
.log .ev h2{margin-bottom:2px}
.log .ev .when{font-size:11px;color:var(--muted)}
.log ul{padding-left:18px}.log li{font-size:13px;margin:2px 0}
.tag{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--panel2);border:1px solid var(--border);color:var(--muted);margin-left:4px}
/* Yol haritası */
.rm-next{border:1px solid var(--accent);background:rgba(59,158,255,.08);border-radius:8px;padding:10px 12px;margin-bottom:6px}
.rm-next hr{border:0;border-top:1px solid var(--border);margin:8px 0}
.progress{height:8px;background:var(--panel2);border-radius:4px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--ok)}
details.rm-phase{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}
details.rm-phase summary{cursor:pointer;padding:9px 12px;font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none}
details.rm-phase summary::-webkit-details-marker{display:none}
details.rm-phase summary::before{content:'▸';color:var(--muted)}
details.rm-phase[open] summary::before{content:'▾'}
.rm-body{padding:0 12px 10px}
.rm-item{border-left:3px solid var(--border);padding:6px 10px;margin:6px 0;background:var(--panel2);border-radius:0 6px 6px 0}
.rm-item.next,.rm-item.doing{border-left-color:var(--accent)}
.rm-item.done{border-left-color:var(--ok)}
.rm-item.idea{opacity:.85}
.rm-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:2px}
.badge.next{border-color:var(--accent);color:var(--accent)}
.badge.idea{border-style:dashed}
.hidden{display:none !important}
/* Danışman kontrolü */
.rv-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:10px}
.rv-meta label{font-size:11px;color:var(--muted);display:block}
.rv-item{border-left:3px solid var(--border);padding:8px 10px;margin:8px 0;background:var(--panel2);border-radius:0 6px 6px 0}
.rv-item.ok{border-left-color:var(--ok)}.rv-item.fix{border-left-color:var(--bad)}.rv-item.later{border-left-color:var(--warn)}
.rv-item.cur{outline:1px solid var(--accent)}
.rv-ask{font-size:12px;color:var(--muted);margin-top:3px}
.rv-st{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}
.rv-st button{font-size:12px;padding:3px 8px}
.rv-st button.on.todo{border-color:var(--muted)}.rv-st button.on.ok{background:var(--ok);border-color:var(--ok);color:#000}
.rv-st button.on.fix{background:var(--bad);border-color:var(--bad);color:#fff}.rv-st button.on.later{background:var(--warn);border-color:var(--warn);color:#000}
.rv-f{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rv-f input,.rv-f textarea,.rv-meta input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 7px;font-size:13px}
.rv-f textarea{min-height:34px;resize:vertical}
.badge.fix{border-color:var(--bad);color:var(--bad)}
@media (max-width:700px){.rv-f{grid-template-columns:1fr}}
@media print{.rv-item{background:#fff;break-inside:avoid}.rv-f input,.rv-f textarea,.rv-meta input{background:#fff;border-color:#ccc}.rv-st button:not(.on){display:none}details.rm-phase{border-color:#ccc}}

/* Demo bandı (assets/demo.js) */
.demo-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 12px;font-size:12px;background:#3a2d08;color:#f5d58a;border-bottom:1px solid #6b5416}
.demo-bar span{flex:1}
.demo-bar button{padding:2px 8px;font-size:11px;background:rgba(0,0,0,.25);border-color:#6b5416;color:#f5d58a}
.demo-bar button:hover{border-color:#f5d58a}
@media print{.demo-bar{display:none}}
/* Simülasyon geri bildirimi kutusu */
.box.fb{border-left:3px solid var(--border)}
.box.fb-dar,.box.fb-yok{border-left-color:var(--bad)}.box.fb-sinir{border-left-color:var(--warn)}.box.fb-iyi{border-left-color:var(--ok)}.box.fb-atil{border-left-color:var(--accent)}
.box.fb ul{margin:6px 0 0;padding-left:18px;font-size:13px}
.fbt th,.fbt td{text-align:left;vertical-align:top}
.fbt td:nth-child(n+3):nth-child(-n+6){white-space:nowrap}
.fbt td:last-child{min-width:260px}
/* Açık tema (varsayılan; assets/theme.js data-theme değerini belirler). Koyu tema :root değerleridir. */
:root[data-theme="light"]{--bg:#f3f6fa;--panel:#ffffff;--panel2:#eef3f8;--border:#d3dde8;--text:#16212e;--muted:#5b6a7c;--accent:#1d6fd6;--ok:#17914d;--warn:#b26a00;--bad:#d23b2e;}
:root[data-theme="light"] .badge.sim{border-color:#7d5fff;color:#5b46d6}
:root[data-theme="light"] .topbar{box-shadow:0 1px 0 var(--border),0 6px 18px -14px rgba(20,40,70,.35)}
:root[data-theme="light"] .demo-bar{background:#fff3d1;color:#6b4e00;border-color:#e6cf8a}
:root[data-theme="light"] .demo-bar button{background:rgba(255,255,255,.6);border-color:#d9bf73;color:#6b4e00}
.theme-btn{margin-left:auto;white-space:nowrap;font-size:13px;border-radius:999px;padding:5px 12px}
html{color-scheme:dark}:root[data-theme="light"]{color-scheme:light}
.topbar nav{flex:1 1 0;min-width:0}
.yatirim-cerceve{display:block;width:100%;height:max(640px,calc(100vh - 230px));border:1px solid var(--border);border-radius:10px;background:var(--panel)}
.badge.ref{border-color:#0c9281;color:#0c9281}