/* ================================================
   06 - TERMINAL CLI
   Tamamen siyah arka plan, parlak yeşil fosforlu metin,
   Courier New monospace fontu, yanıp sönen blok imleç CSS
   animasyonu, tamamen metin odaklı liste düzeni, ASCII
   benzeri kesik çizgili CSS sınırları, sıfır kenar yarıçapı,
   başlıklar için saf CSS daktilo efekti, klavye ile
   gezinilebilir odak durumları, minimalist altbilgi
   ================================================ */

:root{
  --tm-bg:#000000;
  --tm-text:#33FF33;
  --tm-text-dim:#1A8C1A;
  --tm-text-bright:#66FF66;
  --tm-cyan:#00CCCC;
  --tm-yellow:#CCCC00;
  --tm-red:#FF3333;
  --tm-white:#CCCCCC;
  --tm-border:#1A3A1A;
  --tm-font:'Courier New',Courier,'Liberation Mono',monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--tm-bg);
  color:var(--tm-text);
  font:400 14px/1.6 var(--tm-font);
  -webkit-font-smoothing:none;
  text-rendering:optimizeSpeed;
}

/* Yanıp sönen imleç */
@keyframes tm-blink{0%,100%{opacity:1}50%{opacity:0}}
.tm-cursor{
  display:inline-block;width:8px;height:14px;
  background:var(--tm-text);
  animation:tm-blink 1s step-end infinite;
  vertical-align:middle;margin-left:4px;
}

/* Daktilo efekti */
@keyframes tm-type{from{width:0}to{width:100%}}
.tm-typewriter{
  overflow:hidden;white-space:nowrap;
  border-right:2px solid var(--tm-text);
  animation:tm-type 2s steps(30) 1s both,tm-blink .7s step-end infinite alternate;
  display:inline-block;max-width:100%;
}

h1,h2,h3,h4,h5,h6{font:700 inherit var(--tm-font);color:var(--tm-text-bright);margin:0}
a:link,a:visited{color:var(--tm-cyan);text-decoration:underline}
a:hover{color:var(--tm-yellow);text-decoration:underline}
a:focus-visible{outline:2px solid var(--tm-text);outline-offset:2px}
img{max-width:100%;height:auto;filter:grayscale(100%) brightness(.8)}

.tm-wrap{max-width:960px;margin:0 auto;padding:0 16px}
#container{text-align:left}

/* == HEADER: Terminal penceresi == */
#tm-header{
  border:1px dashed var(--tm-border);
  margin:16px 0;
  padding:0;
}
.tm-title-bar{
  background:var(--tm-border);
  padding:4px 12px;
  font-size:12px;
  color:var(--tm-text-dim);
  display:flex;justify-content:space-between;
}
.tm-title-bar span:first-child::before{content:'● ● ● ';color:var(--tm-text-dim);letter-spacing:2px}
.tm-header-body{padding:16px}
.tm-prompt{color:var(--tm-text-dim)}
.tm-prompt b{color:var(--tm-text-bright)}
.tm-banner{
  color:var(--tm-text);
  font-size:14px;
  margin:8px 0;
  white-space:pre;
  line-height:1.3;
}

/* == NAV: Komut satırı tarzi == */
.tm-nav{
  padding:8px 0;
  border-top:1px dashed var(--tm-border);
  margin-top:8px;
}
.tm-nav-prompt{color:var(--tm-text-dim);margin-bottom:4px;font-size:12px}
.tm-nav-links{list-style:none;display:flex;gap:0;flex-wrap:wrap}
.tm-nav-links a{
  display:block;padding:4px 16px;
  color:var(--tm-cyan);font-size:13px;
  text-decoration:none;
  border-right:1px solid var(--tm-border);
}
.tm-nav-links li:last-child a{border-right:none}
.tm-nav-links a:hover{color:var(--tm-yellow);background:rgba(51,255,51,.05)}
.tm-nav-links a:focus-visible{outline:1px solid var(--tm-text)}

/* User */
.tm-user{
  padding:6px 0;
  border-top:1px dashed var(--tm-border);
  font-size:12px;
  color:var(--tm-text-dim);
}
.tm-user a{color:var(--tm-cyan)}

/* Breadcrumb */
.navigation{
  padding:8px 0;margin:8px 0;
  border-bottom:1px dashed var(--tm-border);
  font-size:13px;color:var(--tm-text-dim);
}
.navigation a{color:var(--tm-cyan)}

/* == FORUM LİSTESİ: Tamamen metin, ASCII benzeri == */
.tm-cat{
  margin:16px 0;
  border:1px dashed var(--tm-border);
}
.tm-cat-head{
  padding:6px 12px;
  background:rgba(51,255,51,.03);
  border-bottom:1px dashed var(--tm-border);
  color:var(--tm-text-bright);
  font-size:13px;
}
.tm-cat-head::before{content:'[+] ';color:var(--tm-yellow)}
.tm-cat-head a{color:var(--tm-text-bright);text-decoration:none}

.tm-forum-row{
  padding:6px 12px 6px 24px;
  border-bottom:1px dotted var(--tm-border);
  font-size:13px;
  display:flex;justify-content:space-between;align-items:center;
  transition:background .1s;
}
.tm-forum-row:last-child{border-bottom:none}
.tm-forum-row:hover{background:rgba(51,255,51,.03)}
.tm-forum-row::before{content:'├── ';color:var(--tm-text-dim);flex-shrink:0}
.tm-forum-row:last-child::before{content:'└── '}

.tm-fr-name{flex:1;min-width:0}
.tm-fr-name a{color:var(--tm-text);text-decoration:none}
.tm-fr-name a:hover{color:var(--tm-yellow);text-decoration:underline}
.tm-fr-desc{color:var(--tm-text-dim);font-size:12px;margin-left:8px;font-style:italic}
.tm-fr-stats{
  color:var(--tm-text-dim);font-size:12px;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.tm-fr-stats b{color:var(--tm-text)}

/* == KONU LİSTESİ: Metin satırları, ASCII çerçeve == */
.tm-threads{
  border:1px dashed var(--tm-border);
  margin:16px 0;
}
.tm-threads-head{
  padding:6px 12px;
  background:rgba(51,255,51,.03);
  border-bottom:1px dashed var(--tm-border);
  font-size:12px;color:var(--tm-text-dim);
  display:flex;justify-content:space-between;
}

.tm-thread{
  padding:6px 12px;
  border-bottom:1px dotted var(--tm-border);
  font-size:13px;
  display:flex;align-items:baseline;gap:8px;
  transition:background .1s;
}
.tm-thread:last-child{border-bottom:none}
.tm-thread:hover{background:rgba(51,255,51,.03)}

.tm-th-marker{color:var(--tm-text-dim);flex-shrink:0}
.tm-th-title{flex:1;min-width:0;color:var(--tm-text)}
.tm-th-title a{color:var(--tm-text);text-decoration:none}
.tm-th-title a:hover{color:var(--tm-yellow)}
.tm-th-meta{font-size:11px;color:var(--tm-text-dim);margin-top:1px}
.tm-th-meta a{color:var(--tm-text-dim)}
.tm-th-nums{font-size:12px;color:var(--tm-text-dim);white-space:nowrap}
.tm-th-nums b{color:var(--tm-text)}

/* == MESAJ GÖRÜNÜMÜ: Terminal output == */
.tm-post{
  border:1px dashed var(--tm-border);
  margin:12px 0;
  padding:0;
}
.tm-post-header{
  padding:6px 12px;
  background:rgba(51,255,51,.03);
  border-bottom:1px dashed var(--tm-border);
  font-size:12px;
  display:flex;justify-content:space-between;align-items:center;
  color:var(--tm-text-dim);
}
.tm-post-header .tm-post-user{color:var(--tm-cyan)}
.tm-post-header .tm-post-user a{color:var(--tm-cyan)}
.tm-post-header .tm-post-time{color:var(--tm-text-dim)}

.tm-post-body{
  padding:12px;
  line-height:1.7;
  color:var(--tm-text);
  font-size:14px;
}
/* $ prompt öncesi */
.tm-post-body::before{
  content:'$ cat mesaj.txt\A──────────────────\A';
  white-space:pre;
  color:var(--tm-text-dim);
  font-size:12px;
  display:block;
  margin-bottom:8px;
}

.tm-post-cmds{
  padding:6px 12px;
  border-top:1px dashed var(--tm-border);
  font-size:11px;
  color:var(--tm-text-dim);
}
.tm-post-cmds::before{content:'$ ';color:var(--tm-text-bright)}
.tm-post-cmds a{
  color:var(--tm-cyan);text-decoration:none;
  margin-right:12px;
}
.tm-post-cmds a:hover{color:var(--tm-yellow);text-decoration:underline}

/* İstatistikler */
.tm-stats{
  border:1px dashed var(--tm-border);
  padding:12px;
  margin:16px 0;
  font-size:13px;
}
.tm-stats::before{
  content:'$ forum --istatistik\A';
  white-space:pre;
  color:var(--tm-text-bright);
  font-size:12px;
  display:block;margin-bottom:6px;
}
.tm-stat-line{
  padding:2px 0;
  color:var(--tm-text);
}
.tm-stat-line span{color:var(--tm-text-dim);display:inline-block;width:140px}
.tm-stat-line b{color:var(--tm-yellow)}

/* == MYBB UYUMU == */
.tborder{border:1px dashed var(--tm-border);margin-bottom:16px}
.thead{background:rgba(51,255,51,.03);color:var(--tm-text-bright);padding:6px 12px;font-size:13px;border-bottom:1px dashed var(--tm-border)}
.thead a{color:var(--tm-cyan)}
.tcat{background:transparent;color:var(--tm-text-dim);padding:4px 12px;font-size:11px;border-bottom:1px dotted var(--tm-border)}
.tcat a{color:var(--tm-text-dim)}
.trow1{background:transparent;padding:6px 12px;border-bottom:1px dotted var(--tm-border);font-size:13px}
.trow2{background:rgba(51,255,51,.01);padding:6px 12px;border-bottom:1px dotted var(--tm-border);font-size:13px}
.trow1:hover,.trow2:hover{background:rgba(51,255,51,.03)}
.trow_shaded{background:rgba(255,51,51,.05);padding:6px 12px;border-bottom:1px dotted rgba(255,51,51,.2)}
.trow_selected{background:rgba(204,204,0,.05);padding:6px 12px}
.trow_sep{background:rgba(51,255,51,.02);padding:3px 12px;font-size:11px;color:var(--tm-text-dim);border-bottom:1px dashed var(--tm-border)}

.post{border:1px dashed var(--tm-border);margin:12px 0}
.post .post_author{padding:6px 12px;background:rgba(51,255,51,.03);border-bottom:1px dashed var(--tm-border);font-size:12px;color:var(--tm-text-dim)}
.post .post_content{padding:12px;line-height:1.7;color:var(--tm-text)}
.post .post_controls{padding:6px 12px;border-top:1px dashed var(--tm-border);font-size:11px;color:var(--tm-text-dim)}
.post .post_controls::before{content:'$ ';color:var(--tm-text-bright)}
.post .post_controls a{color:var(--tm-cyan);margin-right:12px}.post .post_controls a:hover{color:var(--tm-yellow)}
.post.classic .post_author{border-right:1px dashed var(--tm-border);border-bottom:none;width:160px;vertical-align:top}
.postbit_buttons > a{color:var(--tm-cyan);font-size:11px;margin-right:10px;display:inline-block}
.postbit_buttons > a:hover{color:var(--tm-yellow)}

blockquote{border:1px dashed var(--tm-border);border-left:3px solid var(--tm-cyan);padding:8px 12px;margin:8px 0;color:var(--tm-text-dim);font-style:normal}
blockquote::before{content:'> ';color:var(--tm-cyan)}
blockquote cite{display:block;color:var(--tm-yellow);font-size:12px;margin-bottom:4px}
blockquote cite::before{content:'# '}
.codeblock{background:rgba(51,255,51,.02);border:1px dashed var(--tm-text-dim);padding:12px;font:13px var(--tm-font);color:var(--tm-text-bright);overflow-x:auto}

input.button,a.button{
  background:transparent;color:var(--tm-text);
  border:1px dashed var(--tm-text);
  padding:6px 20px;font:400 13px var(--tm-font);
  cursor:pointer;transition:all .1s;display:inline-block;
}
input.button:hover,a.button:hover{background:var(--tm-text);color:var(--tm-bg)}

input.textbox,select,textarea{
  background:transparent;border:1px dashed var(--tm-border);
  padding:6px 10px;color:var(--tm-text);font:400 14px var(--tm-font);
  outline:none;
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--tm-text)}
textarea{resize:vertical;min-height:100px}
fieldset{border:1px dashed var(--tm-border);padding:12px;margin:8px 0}
legend{color:var(--tm-yellow);font-size:13px;padding:0 6px}

.popup_menu{background:var(--tm-bg);border:1px dashed var(--tm-text);min-width:200px}
.popup_item{padding:4px 12px;display:block;color:var(--tm-text);font-size:13px;border-bottom:1px dotted var(--tm-border)}
.popup_item::before{content:'> ';color:var(--tm-text-dim)}
.popup_item:hover{background:rgba(51,255,51,.05);color:var(--tm-yellow)}

.pagination{display:flex;gap:0;margin:12px 0;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;font:400 13px var(--tm-font);border:1px dashed var(--tm-border);margin-right:-1px}
.pagination a{color:var(--tm-text)}
.pagination a:hover{background:var(--tm-text);color:var(--tm-bg)}
.pagination .current{background:var(--tm-text);color:var(--tm-bg)}

.red_alert{border:1px dashed var(--tm-red);padding:8px 12px;color:var(--tm-red);font-size:13px;margin:8px 0}
.red_alert::before{content:'[HATA] ';font-weight:700}
.pm_alert{border:1px dashed var(--tm-cyan);padding:8px 12px;color:var(--tm-cyan);font-size:13px;margin:8px 0}
.pm_alert::before{content:'[BİLGİ] ';font-weight:700}

.tm-footer{
  border-top:1px dashed var(--tm-border);
  padding:12px 0;
  margin-top:24px;
  font-size:12px;
  color:var(--tm-text-dim);
}
.tm-footer a{color:var(--tm-cyan)}
.tm-footer-copy{margin-top:8px;color:var(--tm-border)}

.forum_status{width:20px;text-align:left;font-size:12px;color:var(--tm-text-dim)}
.forum_on{color:var(--tm-text)}.forum_off,.forum_offlock,.forum_offlink{color:var(--tm-text-dim)}
.subforumicon{display:inline-block;margin:0 2px}.subforum_minion{color:var(--tm-cyan)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:4px 0;color:var(--tm-text);font-size:13px;border-bottom:1px dotted var(--tm-border)}
.usercp_nav_item::before,.modcp_nav_item::before{content:'> ';color:var(--tm-text-dim)}
.usercp_nav_item:hover,.modcp_nav_item:hover{color:var(--tm-yellow)}
.usercp_container{margin:4px 0;padding:8px 0}
.usercp_avatar{width:60px;height:60px;filter:grayscale(100%);border:1px dashed var(--tm-border)}
.editor_control_bar{background:rgba(51,255,51,.02);padding:6px;border:1px dashed var(--tm-border)}
.scaleimages img{max-width:100%;filter:grayscale(80%)}
.pollbar{height:14px;background:var(--tm-text)}
.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(--tm-text-dim)}.largetext{font-size:16px;color:var(--tm-text-bright)}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:8px;background:transparent;border:1px dashed var(--tm-border)}
.pmspace_container .pmspace_used{background:var(--tm-text);height:100%}
.reputation_positive{color:var(--tm-text);font-weight:700}
.reputation_negative{color:var(--tm-red);font-weight:700}
.reputation_neutral{color:var(--tm-text-dim);font-weight:700}
.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;color:var(--tm-text-dim)}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;border:1px dashed var(--tm-border);padding:6px;font-size:12px}

@media(max-width:768px){
  .tm-nav-links{flex-wrap:wrap}
  .tm-forum-row{flex-wrap:wrap;gap:4px}
  .tm-fr-stats{width:100%;padding-left:28px}
  .tm-thread{flex-wrap:wrap;gap:4px}
  .tm-th-nums{width:100%;padding-left:20px}
  .tm-stats .tm-stat-line span{width:auto;margin-right:8px}
  .post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px dashed var(--tm-border)}
}
@media(max-width:480px){
  body{font-size:12px}
  .tm-banner{font-size:11px}
}
@media print{
  body{background:#fff;color:#000}
  #tm-header,.tm-user,.tm-footer,.pagination,.tm-post-cmds,.post_controls{display:none!important}
  .tm-post,.post,.tm-cat,.tm-threads,.tborder{border:1px solid #ccc}
  a{color:#000}
}