/* ================================================
   02 - AERO GLASSMORPHISM
   Backdrop-filter blur, yarı saydam bileşenler, dinamik
   şeffaflık için CSS özel özellikleri, dekoratif arka plan
   şekilleri, yapışkan yüzen sol kenar çubuğu, çok katmanlı
   kutu gölgeleri, radyal degrade metin maskeleme, clamp
   akışkan tipografi, odaklanmada yumuşak geçişler
   ================================================ */

:root{
  --ag-bg:#0c0f1a;
  --ag-glass:rgba(255,255,255,.06);
  --ag-glass-border:rgba(255,255,255,.1);
  --ag-glass-hover:rgba(255,255,255,.1);
  --ag-text:#e2e8f0;
  --ag-text2:#94a3b8;
  --ag-primary:#38bdf8;
  --ag-secondary:#a78bfa;
  --ag-accent:#f472b6;
  --ag-green:#4ade80;
  --ag-red:#fb7185;
  --ag-blur:blur(20px);
  --ag-radius:16px;
  --ag-font:'Outfit',system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ag-bg);
  color:var(--ag-text);
  font:400 14px/1.65 var(--ag-font);
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}

/* Dekoratif arka plan şekilleri */
body::before{
  content:'';position:fixed;top:-200px;right:-200px;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;z-index:0;
}
body::after{
  content:'';position:fixed;bottom:-300px;left:-200px;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(167,139,250,.12) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;z-index:0;
}

h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:#fff}
h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;color:#fff}
h3{font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;color:var(--ag-text)}
a:link,a:visited{color:var(--ag-primary);text-decoration:none;transition:all .2s}
a:hover{color:var(--ag-accent)}
img{max-width:100%;height:auto}

/* Glass yardımcı */
.ag-glass{
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:var(--ag-radius);
}

/* == APP LAYOUT: Sol sidebar + sağ içerik == */
#ag-app{
  display:grid;
  grid-template-columns:260px 1fr;
  min-height:100vh;
  position:relative;
  z-index:1;
}

/* == SOL SIDEBAR (Yapışkan, Yüzen, Glass) == */
#ag-sidebar{
  position:fixed;top:0;left:0;bottom:0;width:260px;
  padding:20px 14px;
  display:flex;flex-direction:column;
  z-index:50;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.1) transparent;
}
.ag-sidebar-logo{
  font:700 20px var(--ag-font);
  color:#fff;
  padding:8px 12px;
  margin-bottom:20px;
}
.ag-sidebar-logo a{color:#fff;text-decoration:none}
.ag-sidebar-logo small{display:block;font-size:11px;font-weight:400;color:var(--ag-text2);margin-top:2px}

.ag-sidebar-label{
  font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--ag-text2);
  padding:12px 12px 6px;
}

.ag-sidebar-nav{list-style:none;margin-bottom:12px}
.ag-sidebar-nav a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:12px;
  color:var(--ag-text2);
  font-size:13px;font-weight:500;
  transition:all .2s;
}
.ag-sidebar-nav a i{width:20px;text-align:center;font-size:15px}
.ag-sidebar-nav a:hover{background:var(--ag-glass-hover);color:#fff}
.ag-sidebar-nav a.active{
  background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(167,139,250,.15));
  border:1px solid rgba(56,189,248,.2);
  color:#fff;
}

.ag-sidebar-user{
  margin-top:auto;
  padding:14px;
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:12px;
  font-size:12px;
}
.ag-sidebar-user a{color:var(--ag-primary);font-weight:500}

/* == SAĞ İÇERİK ALANI == */
#ag-content{
  margin-left:260px;
  padding:24px 28px;
  min-height:100vh;
  position:relative;z-index:1;
}

/* == ÜST ARAMA ÇUBUĞU == */
.ag-topbar{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:24px;gap:16px;flex-wrap:wrap;
}
.ag-search{
  flex:1;max-width:400px;position:relative;
}
.ag-search input{
  width:100%;
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:12px;
  padding:10px 14px 10px 38px;
  color:var(--ag-text);
  font:400 13px var(--ag-font);
  outline:none;transition:all .2s;
}
.ag-search input:focus{border-color:var(--ag-primary);box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.ag-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ag-text2);font-size:14px}

.ag-breadcrumb{font-size:12px;color:var(--ag-text2)}
.ag-breadcrumb a{color:var(--ag-primary)}

/* == FORUM LİSTESİ - Glass Kartlar == */
.ag-cat{margin-bottom:24px}
.ag-cat-title{
  font:600 13px var(--ag-font);
  text-transform:uppercase;letter-spacing:.08em;
  color:var(--ag-secondary);
  padding:8px 4px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(167,139,250,.15);
}
.ag-cat-title a{color:var(--ag-secondary)}

.ag-forum-card{
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:14px;
  padding:16px 20px;
  margin-bottom:8px;
  display:flex;align-items:center;gap:16px;
  transition:all .25s;
}
.ag-forum-card:hover{
  background:var(--ag-glass-hover);
  border-color:rgba(56,189,248,.2);
  transform:translateX(4px);
  box-shadow:0 4px 20px rgba(56,189,248,.06),0 0 40px rgba(167,139,250,.04);
}

.ag-fc-icon{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(167,139,250,.12));
  border:1px solid rgba(56,189,248,.15);
  display:flex;align-items:center;justify-content:center;
  color:var(--ag-primary);font-size:18px;flex-shrink:0;
  transition:all .25s;
}
.ag-forum-card:hover .ag-fc-icon{
  background:linear-gradient(135deg,var(--ag-primary),var(--ag-secondary));
  color:#fff;border-color:transparent;
}
.ag-fc-info{flex:1;min-width:0}
.ag-fc-name{font:600 14px var(--ag-font);color:#fff}
.ag-fc-name a{color:#fff}.ag-fc-name a:hover{color:var(--ag-primary)}
.ag-fc-desc{font-size:12px;color:var(--ag-text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ag-fc-stats{
  display:flex;gap:16px;
  font-size:12px;color:var(--ag-text2);
  font-variant-numeric:tabular-nums;
}
.ag-fc-stats div{text-align:center}
.ag-fc-stats strong{display:block;font-size:15px;color:var(--ag-text);font-weight:600}

.ag-fc-last{
  min-width:150px;font-size:12px;color:var(--ag-text2);text-align:right;
}
.ag-fc-last a{color:var(--ag-text);font-weight:500}

/* == KONU LİSTESİ - Satır bazlı, hover glow == */
.ag-thread-list{
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:var(--ag-radius);
  overflow:hidden;
  margin-bottom:16px;
}
.ag-thread-head{
  display:grid;grid-template-columns:1fr 70px 70px 140px;
  padding:10px 20px;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid var(--ag-glass-border);
  font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ag-text2);
}
.ag-thread-item{
  display:grid;grid-template-columns:1fr 70px 70px 140px;
  align-items:center;
  padding:12px 20px;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:all .2s;
}
.ag-thread-item:last-child{border-bottom:none}
.ag-thread-item:hover{background:rgba(56,189,248,.03)}

.ag-ti-title{font:500 14px var(--ag-font);color:#fff;min-width:0}
.ag-ti-title a{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ag-ti-title a:hover{color:var(--ag-primary)}
.ag-ti-meta{font-size:11px;color:var(--ag-text2);margin-top:2px}
.ag-ti-meta a{color:var(--ag-text2)}

.ag-ti-num{text-align:center;font:600 13px var(--ag-font);color:var(--ag-text)}
.ag-ti-last{font-size:11px;color:var(--ag-text2)}
.ag-ti-last a{color:var(--ag-text);font-weight:500}

/* == MESAJ GÖRÜNÜMÜ - Glass card, üstte yazar == */
.ag-post{
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:var(--ag-radius);
  margin-bottom:14px;
  overflow:hidden;
  transition:all .25s;
}
.ag-post:hover{border-color:rgba(56,189,248,.15);box-shadow:0 0 30px rgba(56,189,248,.04)}

.ag-post-top{
  display:flex;align-items:center;gap:12px;
  padding:14px 20px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.ag-post-av{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--ag-primary),var(--ag-secondary));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden;
}
.ag-post-av img{width:100%;height:100%;object-fit:cover}
.ag-post-who{flex:1;min-width:0}
.ag-post-who strong{font-size:14px;color:#fff;display:block}
.ag-post-who strong a{color:#fff}.ag-post-who strong a:hover{color:var(--ag-primary)}
.ag-post-who span{font-size:11px;color:var(--ag-text2)}
.ag-post-when{font-size:11px;color:var(--ag-text2);white-space:nowrap}

.ag-post-msg{
  padding:20px;
  line-height:1.8;
  color:var(--ag-text);
}

.ag-post-actions{
  display:flex;justify-content:flex-end;gap:6px;
  padding:10px 20px;
  border-top:1px solid rgba(255,255,255,.04);
}
.ag-post-actions a{
  padding:5px 14px;border-radius:8px;
  background:rgba(255,255,255,.04);
  color:var(--ag-text2);font-size:12px;
  transition:all .2s;
}
.ag-post-actions a:hover{background:var(--ag-primary);color:var(--ag-bg)}

/* == İSTATİSTİK KARTLARI == */
.ag-stats-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;
  margin:20px 0;
}
.ag-stat{
  background:var(--ag-glass);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  border:1px solid var(--ag-glass-border);
  border-radius:14px;
  padding:18px;text-align:center;
  transition:all .25s;
}
.ag-stat:hover{border-color:rgba(56,189,248,.2);transform:translateY(-2px)}
.ag-stat-val{font:700 24px var(--ag-font);color:#fff}
.ag-stat-lbl{font-size:11px;color:var(--ag-text2);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}

/* == MYBB UYUMU == */
.tborder{background:var(--ag-glass);backdrop-filter:var(--ag-blur);border:1px solid var(--ag-glass-border);border-radius:var(--ag-radius);overflow:hidden;margin-bottom:16px}
.thead{background:rgba(255,255,255,.05);color:#fff;padding:12px 20px;font:600 13px var(--ag-font);border-bottom:1px solid var(--ag-glass-border)}
.thead a{color:var(--ag-primary)}
.tcat{background:rgba(255,255,255,.02);color:var(--ag-text2);padding:8px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.04)}
.tcat a{color:var(--ag-text2)}
.trow1{background:transparent;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}
.trow2{background:rgba(255,255,255,.015);padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}
.trow1:hover,.trow2:hover{background:rgba(56,189,248,.03)}
.trow_shaded{background:rgba(251,113,133,.06);padding:12px 20px;border-bottom:1px solid rgba(251,113,133,.1)}
.trow_selected{background:rgba(250,204,21,.05);padding:12px 20px}
.trow_sep{background:rgba(255,255,255,.02);padding:6px 20px;font-size:10px;color:var(--ag-text2);font-weight:600;text-transform:uppercase;letter-spacing:.06em}

.post{background:var(--ag-glass);backdrop-filter:var(--ag-blur);border:1px solid var(--ag-glass-border);border-radius:var(--ag-radius);margin-bottom:14px;overflow:hidden}
.post .post_author{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}
.post .post_content{padding:20px;line-height:1.8;color:var(--ag-text)}
.post .post_controls{display:flex;justify-content:flex-end;gap:6px;padding:8px 20px;border-top:1px solid rgba(255,255,255,.04)}
.post .post_controls a{padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--ag-text2);font-size:12px;transition:all .2s}
.post .post_controls a:hover{background:var(--ag-primary);color:var(--ag-bg)}
.post.classic .post_author{border-right:1px solid rgba(255,255,255,.05);border-bottom:none;width:200px;vertical-align:top}
.postbit_buttons > a{padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--ag-text2);font-size:12px;margin:2px;display:inline-block;transition:all .2s}
.postbit_buttons > a:hover{background:var(--ag-primary);color:var(--ag-bg)}

blockquote{background:rgba(167,139,250,.06);border-left:3px solid var(--ag-secondary);padding:14px 18px;margin:14px 0;border-radius:0 12px 12px 0;color:var(--ag-text2);font-style:italic}
blockquote cite{display:block;font-weight:600;margin-bottom:6px;font-style:normal;color:var(--ag-secondary)}
.codeblock{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;font:13px 'JetBrains Mono',monospace;color:var(--ag-green);overflow-x:auto}

input.button,a.button{
  background:linear-gradient(135deg,var(--ag-primary),var(--ag-secondary));
  color:#fff;border:none;border-radius:12px;
  padding:10px 22px;font:600 13px var(--ag-font);
  cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;
}
input.button:hover,a.button:hover{box-shadow:0 4px 16px rgba(56,189,248,.25);transform:translateY(-1px)}
input.textbox,select,textarea{
  background:var(--ag-glass);border:1px solid var(--ag-glass-border);border-radius:12px;
  padding:10px 14px;color:var(--ag-text);font:400 14px var(--ag-font);
  backdrop-filter:var(--ag-blur);-webkit-backdrop-filter:var(--ag-blur);
  outline:none;transition:all .2s;
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--ag-primary);box-shadow:0 0 0 3px rgba(56,189,248,.12)}
textarea{resize:vertical;min-height:120px}
fieldset{border:1px solid var(--ag-glass-border);border-radius:var(--ag-radius);padding:16px;margin:8px 0}
legend{color:var(--ag-primary);font-weight:600;font-size:13px;padding:0 8px}

.popup_menu{background:rgba(12,15,26,.9);backdrop-filter:var(--ag-blur);border:1px solid var(--ag-glass-border);border-radius:var(--ag-radius);box-shadow:0 8px 30px rgba(0,0,0,.5);min-width:200px;overflow:hidden}
.popup_item{padding:10px 16px;display:block;color:var(--ag-text);font-size:13px;transition:all .15s}
.popup_item:hover{background:rgba(56,189,248,.08);color:var(--ag-primary)}

.pagination{display:flex;gap:4px;margin:16px 0;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;font:600 12px var(--ag-font)}
.pagination a{background:var(--ag-glass);border:1px solid var(--ag-glass-border);color:var(--ag-text);transition:all .2s}
.pagination a:hover{background:var(--ag-primary);color:var(--ag-bg);border-color:var(--ag-primary)}
.pagination .current{background:linear-gradient(135deg,var(--ag-primary),var(--ag-secondary));color:#fff;border:none}

.red_alert{background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.15);border-left:3px solid var(--ag-red);padding:12px 16px;border-radius:0 12px 12px 0;color:var(--ag-red);margin:12px 0}
.pm_alert{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);border-left:3px solid var(--ag-primary);padding:12px 16px;border-radius:0 12px 12px 0;color:var(--ag-primary);margin:12px 0}

.navigation{background:var(--ag-glass);backdrop-filter:var(--ag-blur);border:1px solid var(--ag-glass-border);border-radius:12px;padding:10px 16px;margin-bottom:16px;font-size:12px;color:var(--ag-text2)}
.navigation a{color:var(--ag-primary)}

.forum_status{width:36px;text-align:center;font-size:16px}
.forum_on{color:var(--ag-green)}.forum_off,.forum_offlock,.forum_offlink{color:var(--ag-text2)}
.subforumicon{display:inline-block;margin:0 3px}.subforum_minion{color:var(--ag-primary)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:9px 14px;border-radius:10px;color:var(--ag-text);font-size:13px;transition:all .15s}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:rgba(56,189,248,.06);color:var(--ag-primary)}
.usercp_container{margin:8px;padding:12px}
.usercp_avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--ag-glass-border)}
.editor_control_bar{background:rgba(255,255,255,.03);padding:8px;border:1px solid var(--ag-glass-border);border-radius:var(--ag-radius) var(--ag-radius) 0 0}
.scaleimages img{max-width:100%;border-radius:10px}
.pollbar{height:18px;border-radius:9px;background:linear-gradient(90deg,var(--ag-primary),var(--ag-secondary))}
.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(--ag-text2)}.largetext{font-size:18px;font-weight:700}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--ag-primary);height:100%;border-radius:2px}
.reputation_positive{color:var(--ag-green);font-weight:700}
.reputation_negative{color:var(--ag-red);font-weight:700}
.reputation_neutral{color:var(--ag-text2);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:20px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;background:var(--ag-glass);border:1px solid var(--ag-glass-border);border-radius:10px;padding:8px;font-weight:600}

/* == RESPONSIVE == */
@media(max-width:900px){
  #ag-app{grid-template-columns:1fr}
  #ag-sidebar{display:none}
  #ag-content{margin-left:0;padding:16px}
  .ag-forum-card{flex-wrap:wrap}
  .ag-fc-stats,.ag-fc-last{display:none}
  .ag-thread-head{grid-template-columns:1fr 60px 60px}
  .ag-thread-item{grid-template-columns:1fr 60px 60px}
  .ag-thread-item .ag-ti-last{display:none}
}
@media(max-width:480px){
  body{font-size:13px}
  #ag-content{padding:12px}
  .ag-thread-head{display:none}
  .ag-thread-item{grid-template-columns:1fr;gap:4px;padding:12px 14px}
  .ag-ti-num{display:none}
  .ag-stats-row{grid-template-columns:1fr 1fr}
  .ag-post-top{flex-wrap:wrap}
  .ag-post-when{width:100%}
  .post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}
}
@media print{
  #ag-sidebar,.ag-topbar,.ag-post-actions,.post_controls,.pagination{display:none!important}
  body{background:#fff;color:#000}body::before,body::after{display:none}
  #ag-app{display:block}#ag-content{margin-left:0}
  .ag-post,.post,.tborder,.ag-forum-card,.ag-thread-list{background:#fff;border:1px solid #ccc;backdrop-filter:none}
}