/* ================================================
   12 - TECHNICAL DOCBOX
   Solda sabit gezinme ağacı, sağda okuma bölmesi, okunabilirlik
   için maksimum genişlik karakter sınırı, Fira Code monospace
   kod blokları, yapışkan içindekiler tablosu, sözdizimi
   vurgulamalı renk paleti, markdown tarzı CSS işleme,
   hiyerarşik girintileme, klavye erişimli akordeon bölümler
   ================================================ */

:root{
  --db-bg:#FFFFFF;
  --db-sidebar-bg:#F8F9FA;
  --db-text:#24292F;
  --db-text2:#656D76;
  --db-primary:#0969DA;
  --db-primary-light:#DDF4FF;
  --db-border:#D0D7DE;
  --db-border-light:#E8EBEF;
  --db-code-bg:#F6F8FA;
  --db-code-text:#24292F;
  --db-green:#1A7F37;
  --db-red:#CF222E;
  --db-yellow:#9A6700;
  --db-purple:#8250DF;
  --db-radius:6px;
  --db-font:'Segoe UI','Noto Sans',system-ui,sans-serif;
  --db-mono:'Fira Code','SF Mono','Cascadia Code',Consolas,monospace;
  --db-max-width:960px;
}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--db-bg);color:var(--db-text);font:400 15px/1.7 var(--db-font);-webkit-font-smoothing:antialiased}
h1{font-size:28px;font-weight:600;color:var(--db-text);padding-bottom:8px;border-bottom:1px solid var(--db-border);margin:0 0 16px}
h2{font-size:22px;font-weight:600;color:var(--db-text);padding-bottom:6px;border-bottom:1px solid var(--db-border-light);margin:24px 0 12px}
h3{font-size:17px;font-weight:600;color:var(--db-text);margin:20px 0 8px}
h4,h5,h6{font-weight:600;color:var(--db-text);margin:16px 0 6px}
a:link,a:visited{color:var(--db-primary);text-decoration:none;transition:color .1s}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* Markdown tarzı inline code */
code{background:var(--db-code-bg);padding:2px 6px;border-radius:3px;font:85% var(--db-mono);color:var(--db-code-text)}

#container{text-align:left}

/* == APP LAYOUT: Sol sidebar + Sağ okuma alanı == */
#db-app{
  display:flex;
  min-height:100vh;
}

/* == SOL NAVİGASYON AĞACI (Sabit) == */
#db-sidebar{
  position:fixed;top:0;left:0;bottom:0;width:280px;
  background:var(--db-sidebar-bg);
  border-right:1px solid var(--db-border);
  overflow-y:auto;
  padding:0;z-index:50;
  scrollbar-width:thin;
  scrollbar-color:var(--db-border) transparent;
}
.db-sidebar-header{
  padding:16px 16px 12px;
  border-bottom:1px solid var(--db-border);
  position:sticky;top:0;
  background:var(--db-sidebar-bg);z-index:1;
}
.db-sidebar-logo{font:600 16px var(--db-font);color:var(--db-text)}
.db-sidebar-logo a{color:inherit;text-decoration:none}
.db-sidebar-search{
  margin-top:8px;
  display:flex;
}
.db-sidebar-search input{
  width:100%;
  background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);
  padding:6px 10px 6px 30px;font:400 13px var(--db-font);color:var(--db-text);
  outline:none;
}
.db-sidebar-search input:focus{border-color:var(--db-primary);box-shadow:0 0 0 3px rgba(9,105,218,.15)}
.db-sidebar-search{position:relative}
.db-sidebar-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--db-text2);font-size:12px;z-index:1;pointer-events:none}

/* Ağaç navigasyonu */
.db-tree{padding:8px 0;list-style:none}
.db-tree-section{padding:0}
.db-tree-label{
  display:block;
  padding:6px 16px;
  font:600 11px var(--db-font);
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--db-text2);
  margin-top:8px;
}
.db-tree a{
  display:flex;align-items:center;gap:8px;
  padding:5px 16px 5px 24px;
  color:var(--db-text);font-size:13px;
  border-left:2px solid transparent;
  transition:all .1s;
}
.db-tree a:hover{background:rgba(9,105,218,.04);color:var(--db-primary);text-decoration:none}
.db-tree a.active{
  background:var(--db-primary-light);
  color:var(--db-primary);font-weight:500;
  border-left-color:var(--db-primary);
}
.db-tree a i{font-size:12px;width:16px;text-align:center;color:var(--db-text2)}

/* Alt öğeler: girintili */
.db-tree .db-subtree{list-style:none}
.db-tree .db-subtree a{padding-left:40px;font-size:12px}

.db-sidebar-footer{
  padding:12px 16px;
  border-top:1px solid var(--db-border);
  font-size:12px;color:var(--db-text2);
  position:sticky;bottom:0;
  background:var(--db-sidebar-bg);
}
.db-sidebar-footer a{color:var(--db-primary)}

/* == SAĞ OKUMA BÖLMESİ == */
#db-content{
  margin-left:280px;
  padding:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* Üst breadcrumb çubuğu */
.db-topbar{
  padding:10px 24px;
  border-bottom:1px solid var(--db-border);
  font-size:13px;color:var(--db-text2);
  display:flex;justify-content:space-between;align-items:center;
  position:sticky;top:0;z-index:40;
  background:var(--db-bg);
}
.db-topbar a{color:var(--db-primary)}
.db-topbar-user{font-size:12px}
.db-topbar-user a{color:var(--db-text)}

/* Ana içerik: max genişlik karakter sınırı */
.db-main{
  flex:1;
  padding:24px 32px;
  max-width:var(--db-max-width);
}

/* == FORUM LİSTESİ: Döküman bölüm listesi == */
.db-section{margin-bottom:24px}
.db-section-title{
  font-size:18px;font-weight:600;
  padding-bottom:6px;
  border-bottom:1px solid var(--db-border-light);
  margin-bottom:12px;
  color:var(--db-text);
}
.db-section-title a{color:var(--db-text);text-decoration:none}
.db-section-title a:hover{color:var(--db-primary)}

.db-doc-item{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 0;
  border-bottom:1px solid var(--db-border-light);
}
.db-doc-item:last-child{border-bottom:none}
.db-doc-item:hover{background:rgba(9,105,218,.03);border-radius:var(--db-radius)}

.db-doc-icon{
  width:28px;height:28px;border-radius:var(--db-radius);
  background:var(--db-primary-light);color:var(--db-primary);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;flex-shrink:0;margin-top:2px;
}
.db-doc-info{flex:1;min-width:0}
.db-doc-name{font:500 14px var(--db-font);color:var(--db-text)}
.db-doc-name a{color:var(--db-text);text-decoration:none}
.db-doc-name a:hover{color:var(--db-primary);text-decoration:underline}
.db-doc-desc{font-size:13px;color:var(--db-text2);margin-top:2px}
.db-doc-meta{font-size:11px;color:var(--db-text2);margin-top:4px;font-family:var(--db-mono)}
.db-doc-meta b{color:var(--db-text);font-family:var(--db-font)}

/* == KONU LİSTESİ: Döküman satır listesi == */
.db-thread-list{margin-bottom:16px}
.db-tl-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 0;
  border-bottom:1px solid var(--db-border-light);
}
.db-tl-item:hover{background:rgba(9,105,218,.03);border-radius:var(--db-radius)}

.db-tl-icon{
  width:20px;height:20px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;flex-shrink:0;
}
.db-tl-icon.open{color:var(--db-green)}
.db-tl-icon.closed{color:var(--db-red)}
.db-tl-icon.default{color:var(--db-text2)}

.db-tl-info{flex:1;min-width:0}
.db-tl-title{font:500 14px var(--db-font);color:var(--db-text)}
.db-tl-title a{color:var(--db-text);text-decoration:none}
.db-tl-title a:hover{color:var(--db-primary);text-decoration:underline}
.db-tl-meta{font-size:12px;color:var(--db-text2);margin-top:1px}
.db-tl-meta a{color:var(--db-text2)}.db-tl-meta a:hover{color:var(--db-primary)}

.db-tl-badge{
  display:inline-block;padding:1px 6px;border-radius:10px;
  font:500 11px var(--db-font);
  margin-right:4px;
}
.db-tl-badge.green{background:#DDF4C8;color:var(--db-green)}
.db-tl-badge.yellow{background:#FFF2C5;color:var(--db-yellow)}
.db-tl-badge.purple{background:#EDDEFF;color:var(--db-purple)}

.db-tl-stats{
  font-size:12px;color:var(--db-text2);
  font-family:var(--db-mono);flex-shrink:0;white-space:nowrap;
}

/* == MESAJ GÖRÜNÜMÜ: Döküman yorum, markdown tarzı == */
.db-post{
  padding:16px 0;
  border-bottom:1px solid var(--db-border-light);
}
.db-post-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:12px;
}
.db-post-av{
  width:32px;height:32px;border-radius:50%;
  background:var(--db-primary-light);color:var(--db-primary);
  display:flex;align-items:center;justify-content:center;
  font-weight:600;font-size:13px;flex-shrink:0;overflow:hidden;
}
.db-post-av img{width:100%;height:100%;object-fit:cover}
.db-post-who{flex:1}
.db-post-who strong{font:600 13px var(--db-font);color:var(--db-text)}
.db-post-who strong a{color:var(--db-text)}.db-post-who strong a:hover{color:var(--db-primary);text-decoration:underline}
.db-post-who span{font:400 12px var(--db-font);color:var(--db-text2);margin-left:6px}
.db-post-when{font:400 12px var(--db-mono);color:var(--db-text2)}

/* Markdown tarzı body */
.db-post-body{
  line-height:1.75;
  max-width:var(--db-max-width);
}
.db-post-body p{margin-bottom:12px}
.db-post-body ul,.db-post-body ol{margin:8px 0 12px 24px}
.db-post-body li{margin-bottom:4px}
.db-post-body hr{border:none;border-top:1px solid var(--db-border-light);margin:16px 0}

.db-post-foot{
  display:flex;gap:12px;margin-top:12px;
  font-size:12px;
}
.db-post-foot a{
  color:var(--db-text2);
  display:inline-flex;align-items:center;gap:4px;
}
.db-post-foot a:hover{color:var(--db-primary);text-decoration:none}

/* İstatistikler */
.db-info-box{
  background:var(--db-code-bg);
  border:1px solid var(--db-border);
  border-radius:var(--db-radius);
  padding:14px;
  margin:16px 0;
  font-size:13px;
  font-family:var(--db-mono);
}
.db-info-row{display:flex;justify-content:space-between;padding:3px 0}
.db-info-row b{color:var(--db-primary);font-family:var(--db-font)}

/* == MYBB UYUMU == */
.tborder{border:1px solid var(--db-border);border-radius:var(--db-radius);overflow:hidden;margin-bottom:16px}
.thead{background:var(--db-code-bg);color:var(--db-text);padding:10px 16px;font:600 13px var(--db-font);border-bottom:1px solid var(--db-border)}
.thead a{color:var(--db-primary)}
.tcat{background:var(--db-code-bg);color:var(--db-text2);padding:6px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--db-border-light)}
.tcat a{color:var(--db-text2)}
.trow1{background:var(--db-bg);padding:10px 16px;border-bottom:1px solid var(--db-border-light)}
.trow2{background:var(--db-code-bg);padding:10px 16px;border-bottom:1px solid var(--db-border-light)}
.trow1:hover,.trow2:hover{background:rgba(9,105,218,.02)}
.trow_shaded{background:#FFEBE9;padding:10px 16px;border-bottom:1px solid #FFCECB}
.trow_selected{background:#FFF8C5;padding:10px 16px}
.trow_sep{background:var(--db-code-bg);padding:4px 16px;font:600 10px var(--db-font);color:var(--db-text2);text-transform:uppercase;letter-spacing:.04em}

.post{padding:16px 0;border-bottom:1px solid var(--db-border-light);margin-bottom:0}
.post .post_author{padding:0 0 8px;font:600 13px var(--db-font);color:var(--db-text)}
.post .post_content{line-height:1.75;max-width:var(--db-max-width)}
.post .post_controls{padding:10px 0 0;font-size:12px}
.post .post_controls a{color:var(--db-text2);margin-right:12px;display:inline-flex;align-items:center;gap:4px}
.post .post_controls a:hover{color:var(--db-primary);text-decoration:none}
.post.classic .post_author{border-right:1px solid var(--db-border);width:160px;vertical-align:top;padding:0 12px 0 0}
.postbit_buttons > a{color:var(--db-text2);font-size:12px;margin-right:10px;display:inline-flex;align-items:center;gap:4px}
.postbit_buttons > a:hover{color:var(--db-primary);text-decoration:none}

/* Sözdizimi vurgulamalı kod blokları */
blockquote{
  background:var(--db-primary-light);
  border-left:3px solid var(--db-primary);
  padding:12px 16px;margin:12px 0;border-radius:0 var(--db-radius) var(--db-radius) 0;
  color:var(--db-text);
}
blockquote cite{display:block;font-weight:600;margin-bottom:6px;color:var(--db-primary);font-size:13px}
.codeblock{
  background:var(--db-code-bg);
  border:1px solid var(--db-border);
  border-radius:var(--db-radius);
  padding:14px;
  font:13px/1.5 var(--db-mono);
  color:var(--db-code-text);
  overflow-x:auto;
  tab-size:4;
}
.codeblock .title{
  font-weight:600;margin:-14px -14px 12px;padding:8px 14px;
  background:var(--db-border-light);border-bottom:1px solid var(--db-border);
  border-radius:var(--db-radius) var(--db-radius) 0 0;
  font-size:12px;color:var(--db-text2);
}

input.button,a.button{
  background:var(--db-primary);color:#FFF;border:none;
  border-radius:var(--db-radius);
  padding:8px 16px;font:500 13px var(--db-font);
  cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;
}
input.button:hover,a.button:hover{background:#0550AE}

.db-btn-outline{
  background:var(--db-bg);color:var(--db-text);
  border:1px solid var(--db-border);
  border-radius:var(--db-radius);
  padding:7px 15px;font:500 13px var(--db-font);
  cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;
}
.db-btn-outline:hover{background:var(--db-code-bg);border-color:var(--db-text2)}

input.textbox,select,textarea{
  background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);
  padding:8px 12px;color:var(--db-text);font:400 14px var(--db-font);
  outline:none;transition:all .15s;
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--db-primary);box-shadow:0 0 0 3px rgba(9,105,218,.15)}
textarea{resize:vertical;min-height:120px;font-family:var(--db-mono);font-size:13px}
fieldset{border:1px solid var(--db-border);border-radius:var(--db-radius);padding:14px;margin:8px 0}
legend{color:var(--db-primary);font:600 13px var(--db-font);padding:0 6px}

.popup_menu{background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:200px;overflow:hidden}
.popup_item{padding:8px 14px;display:block;color:var(--db-text);font-size:13px;transition:background .1s}
.popup_item:hover{background:rgba(9,105,218,.04);color:var(--db-primary)}

.pagination{display:flex;gap:4px;margin:12px 0;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:var(--db-radius);font:500 12px var(--db-font)}
.pagination a{background:var(--db-bg);border:1px solid var(--db-border);color:var(--db-text)}
.pagination a:hover{background:var(--db-primary);color:#FFF;border-color:var(--db-primary);text-decoration:none}
.pagination .current{background:var(--db-primary);color:#FFF;border:1px solid var(--db-primary)}

.navigation{padding:0;margin:0 0 16px;font-size:13px;color:var(--db-text2);border:none;background:transparent}
.navigation a{color:var(--db-primary)}

.red_alert{background:#FFEBE9;border:1px solid #FFCECB;border-left:3px solid var(--db-red);padding:10px 14px;border-radius:0 var(--db-radius) var(--db-radius) 0;color:var(--db-red);font-size:13px;margin:10px 0}
.pm_alert{background:var(--db-primary-light);border:1px solid #B6E3FF;border-left:3px solid var(--db-primary);padding:10px 14px;border-radius:0 var(--db-radius) var(--db-radius) 0;color:var(--db-primary);font-size:13px;margin:10px 0}

.db-footer{
  padding:16px 24px;
  border-top:1px solid var(--db-border);
  font-size:12px;color:var(--db-text2);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
}
.db-footer a{color:var(--db-primary)}

.forum_status{width:28px;text-align:center;font-size:13px}
.forum_on{color:var(--db-green)}.forum_off,.forum_offlock,.forum_offlink{color:var(--db-border)}
.subforumicon{display:inline-block;margin:0 3px}.subforum_minion{color:var(--db-primary)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:5px 16px 5px 24px;color:var(--db-text);font-size:13px;border-left:2px solid transparent;transition:all .1s}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:rgba(9,105,218,.04);color:var(--db-primary);border-left-color:var(--db-primary);text-decoration:none}
.usercp_container{margin:8px;padding:10px}
.usercp_avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--db-border)}
.editor_control_bar{background:var(--db-code-bg);padding:6px;border:1px solid var(--db-border);border-radius:var(--db-radius) var(--db-radius) 0 0}
.scaleimages img{max-width:100%;border-radius:var(--db-radius);border:1px solid var(--db-border)}
.pollbar{height:14px;border-radius:var(--db-radius);background:var(--db-primary)}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.tfixed{table-layout:fixed;word-wrap:break-word}.smalltext{font-size:12px;color:var(--db-text2)}.largetext{font-size:18px;font-weight:600}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:4px;background:var(--db-border-light);border-radius:2px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--db-primary);height:100%;border-radius:2px}
.reputation_positive{color:var(--db-green);font-weight:600}
.reputation_negative{color:var(--db-red);font-weight:600}
.reputation_neutral{color:var(--db-text2);font-weight:600}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:16px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:6px;font-weight:600;font-size:12px}

@media(max-width:900px){
  #db-app{display:block}
  #db-sidebar{display:none}
  #db-content{margin-left:0}
  .db-main{padding:16px}
}
@media(max-width:480px){
  body{font-size:14px}
  .db-main{padding:12px}
  .post.classic .post_author{display:block;width:100%;border-right:none;padding:0 0 8px;margin-bottom:8px;border-bottom:1px solid var(--db-border-light)}
}
@media print{
  #db-sidebar,.db-topbar,.db-footer,.pagination,.db-post-foot,.post_controls{display:none!important}
  #db-app{display:block}#db-content{margin-left:0}
  body{background:#fff;color:#000}
  h1,h2{border-bottom-color:#ccc}
}