/* ===== Yapay Zeka Küpü — Üye Paneli (dashboard) · açık · lime · keskin ===== */
/* styles.css değişkenlerini kullanır: --bg --bg-soft --dark --ink --ink-2 --muted --line --accent --green-ink --r */

:root{ --dash-side-w:250px; --dash-top-h:64px; }

/* Kaydırma çubuğu kaynaklı yatay kaymayı önle (styles.css ile aynı hizada tut) */
html{ overflow-y:scroll; scrollbar-gutter:stable; }
body.dash{ background:var(--bg-soft); overflow-x:hidden; }

/* ---- Off-canvas burger (mobil) ---- */
.dash-burger{
  display:none; position:fixed; top:14px; left:14px; z-index:120;
  width:44px; height:44px; border:1px solid var(--line); background:#fff; color:var(--ink);
  border-radius:var(--r-sm); font-size:1.25rem; cursor:pointer; -webkit-tap-highlight-color:transparent;
  align-items:center; justify-content:center; box-shadow:var(--shadow-card);
}

/* ---- Sol sabit menü ---- */
.dash-side{
  position:fixed; top:0; left:0; bottom:0; width:var(--dash-side-w); z-index:110;
  background:#fff; border-right:1px solid var(--line);
  display:flex; flex-direction:column; padding:20px 16px;
  transition:transform .28s ease;
  /* Sidebar sabit kalır; taşan içerik dışarı sarkmaz — kaydırma nav içinde olur */
  overflow:hidden;
}
.dash-brand{
  display:flex; align-items:center; gap:10px; padding:6px 8px 20px; margin-bottom:6px;
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.04rem; letter-spacing:-.02em; color:var(--ink);
  border-bottom:1px solid var(--line);
}
.dash-brand svg{ width:34px; height:31px; flex:none; }
.dash-brand .grad-text{ color:var(--green-ink); }

/* Nav bölgesi esner ve uzun menüde kendi içinde kayar; brand üstte, foot altta sabit kalır */
/* ÖNEMLİ: styles.css'teki çıplak `nav{}` kuralı (beyaz kart + justify-content:space-between
   + height:62px) buraya da sızıyor çünkü sidebar menüsü bir <nav> elementi.
   Aşağıdaki sıfırlamalar onu ezer: kart görünümü kalkar, öğeler dikeyde YAYILMAZ. */
.dash-side nav.dash-nav,
.dash-nav{
  display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;
  align-content:flex-start; gap:4px; margin:16px 0 0; padding:0;
  background:transparent; border:0; border-radius:0; box-shadow:none;
  height:auto; min-height:0; max-width:none;
  flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
}
.dash-nav a{
  display:flex; align-items:center; gap:12px; padding:11px 14px; min-height:44px; margin:0; flex:none;
  font-size:.92rem; font-weight:600; color:var(--ink-2); border-radius:var(--r-sm);
  border:1px solid transparent; background:transparent;
  transition:background .16s,color .16s,border-color .16s;
  -webkit-tap-highlight-color:transparent;
}
.dash-nav a:hover{ background:var(--bg-soft); color:var(--ink); }
/* Fareyle tıklama/gezinme sonrası kalıcı kutu (hayalet çerçeve) bırakma;
   yalnızca klavye ile gezinen kullanıcıya erişilebilir odak halkası göster */
.dash-nav a:focus{ outline:none; }
.dash-nav a:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
/* Yalnızca aktif link temiz vurgulanır; komşular düz kalır, kutu taşmaz */
.dash-nav a.active,
.dash-nav a.active:hover{
  background:var(--accent-pale); color:var(--green-ink);
  border-color:#e2f2bf; font-weight:700;
}
/* Sidebar: solda çizgi-ikon + etiket + sağda › (genai deseni) */
.dash-nav a .di{ width:22px; height:22px; flex:none; color:var(--muted); transition:color .16s; }
.dash-nav a .dc-label{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dash-nav a .dc{ width:16px; height:16px; flex:none; margin-left:auto; color:var(--faint); transition:color .16s,transform .16s; }
.dash-nav a:hover .di{ color:var(--ink-2); }
.dash-nav a:hover .dc{ transform:translateX(2px); color:var(--ink-2); }
.dash-nav a.active .di,
.dash-nav a.active .dc{ color:var(--green-ink); }
/* Foot HER ZAMAN altta sabit kalır (flex:none → küçülmez); nav uzasa da kaymaz, kayma nav içinde olur */
.dash-side-foot{
  flex:none; margin-top:12px; padding-top:12px; border-top:1px solid var(--line);
  display:flex; flex-direction:column; gap:4px;
}
/* Menü görünümüyle hizalı: nav öğeleriyle aynı hiza/tipografi/dokunma hedefi */
.dash-side-foot a{
  display:flex; align-items:center; gap:12px; padding:11px 14px; min-height:44px; margin:0;
  font-size:.9rem; font-weight:600; color:var(--muted); border-radius:var(--r-sm);
  border:1px solid transparent; transition:background .16s,color .16s;
  -webkit-tap-highlight-color:transparent;
}
.dash-side-foot a:hover{ background:var(--bg-soft); color:var(--green-ink); }
.dash-side-foot a:focus{ outline:none; }
.dash-side-foot a:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.dash-side-foot a .di{ width:22px; height:22px; flex:none; color:var(--muted); transition:color .16s; }
.dash-side-foot a:hover .di{ color:var(--green-ink); }
.dash-side-foot a .dc-label{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---- Ana kolon ---- */
.dash-main{ margin-left:var(--dash-side-w); min-height:100vh; display:flex; flex-direction:column; min-width:0; }

/* ---- Üst bar ---- */
.dash-top{
  position:sticky; top:0; z-index:60; height:var(--dash-top-h);
  background:rgba(255,255,255,.9); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 26px;
}
.dash-title{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.28rem; letter-spacing:-.03em; color:var(--ink); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dash-userwrap{ display:flex; align-items:center; gap:12px; position:relative; flex:none; }

.dash-user{
  display:inline-flex; align-items:center; gap:9px; padding:6px 12px 6px 6px; min-height:44px;
  background:#fff; border:1px solid var(--line); border-radius:99px; cursor:pointer;
  font-family:inherit; font-size:.9rem; font-weight:700; color:var(--ink);
  transition:border-color .16s,background .16s; -webkit-tap-highlight-color:transparent;
}
.dash-user:hover{ border-color:var(--line-2); background:var(--bg-soft); }
.dash-avatar{
  width:32px; height:32px; flex:none; border-radius:50%; background:var(--accent); color:#0a0a0a;
  display:flex; align-items:center; justify-content:center; font-family:'Plus Jakarta Sans'; font-weight:800; font-size:.95rem;
}

.dash-menu{
  position:absolute; top:calc(100% + 8px); right:0; width:224px; z-index:80;
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:0 12px 34px rgba(10,10,10,.14);
  padding:6px;
  /* Sağdan/altta ekran dışına sarkmayı önle; gerekirse menü içinde kaydır */
  max-width:calc(100vw - 24px); max-height:calc(100vh - var(--dash-top-h) - 24px); overflow-y:auto;
}
.dash-menu a{
  display:flex; align-items:center; gap:10px; padding:10px 12px; min-height:42px;
  font-size:.88rem; font-weight:600; color:var(--ink-2); border-radius:var(--r-sm);
  transition:background .14s,color .14s;
}
.dash-menu a:hover{ background:var(--bg-soft); color:var(--ink); }
.dash-menu a#dashLogout{ color:#b91c1c; border-top:1px solid var(--line); margin-top:4px; border-radius:0 0 var(--r-sm) var(--r-sm); }
.dash-menu a#dashLogout:hover{ background:#fef2f2; }

/* ---- İçerik ---- */
/* Geniş ekranda sağda kocaman boşluk kalmasın: içerik alanı genişler ve ortalanır */
.dash-content{ padding:28px 32px 60px; max-width:1480px; width:100%; min-width:0; margin:0 auto; }
@media(min-width:1600px){ .dash-content{ padding:32px 40px 72px; } }

/* Karşılama şeridi — dengeli boşluk, avatar+metin ortalı hiza */
.dash-welcome{
  background:linear-gradient(120deg,var(--dark),#1c1c1c);
  border-radius:var(--r); padding:28px 30px; margin-bottom:24px; position:relative; overflow:hidden;
  display:flex; align-items:center; gap:22px;
}
.dash-welcome .welcome-ava{ flex:none; position:relative; z-index:1; display:flex; }
.dash-welcome .welcome-ava .yzk-ava{ border:2px solid rgba(255,255,255,.28); box-shadow:0 4px 14px rgba(0,0,0,.28); }
.dash-welcome .welcome-txt{ position:relative; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.dash-welcome::after{ content:""; position:absolute; top:-40px; right:-30px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,rgba(154,230,0,.35),transparent 62%); }
.dash-welcome h1{ color:#fff; font-size:1.6rem; margin-bottom:7px; letter-spacing:-.03em; line-height:1.2; position:relative; }
.dash-welcome p{ color:#d4d4d8; font-size:.95rem; line-height:1.5; position:relative; margin:0; max-width:56ch; }

/* Kartlar */
.dash-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:20px 22px; box-shadow:var(--shadow-card); }

/* Bölüm başlığı + "Tümünü gör" */
.dash-sec{ margin-top:26px; }
.dash-sec-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.dash-sec-head h2{ font-size:1.12rem; letter-spacing:-.02em; }
.dash-sec-head .see-all{ font-size:.85rem; font-weight:700; color:var(--green-ink); white-space:nowrap; }
.dash-sec-head .see-all:hover{ text-decoration:underline; }

.dash-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }

/* Uygulama / eğitim kartı */
.mini-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:18px; display:flex; flex-direction:column; gap:8px; transition:border-color .16s,transform .16s,box-shadow .16s; }
.mini-card:hover{ border-color:var(--line-2); transform:translateY(-2px); box-shadow:var(--shadow-card); }
.mini-card .mc-top{ display:flex; align-items:center; gap:11px; }
.mini-card .mc-logo{ width:42px; height:42px; flex:none; border-radius:var(--r-sm); border:1px solid var(--line); background:#fff; object-fit:contain; padding:5px; }
.mini-card .mc-ico{ width:42px; height:42px; flex:none; border-radius:var(--r-sm); background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.mini-card h3{ font-size:1rem; letter-spacing:-.01em; }
.mini-card p{ font-size:.85rem; color:var(--muted); line-height:1.5; flex:1; }
.mini-card .go{ font-size:.84rem; font-weight:700; color:var(--green-ink); margin-top:2px; }

/* Topluluk durumu kartı */
.comm-card{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.comm-card .cc-ico{ width:52px; height:52px; flex:none; border-radius:var(--r-sm); background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.comm-card .cc-body{ flex:1; min-width:180px; }
.comm-card .cc-body h3{ font-size:1.06rem; margin-bottom:3px; }
.comm-card .cc-body p{ font-size:.88rem; color:var(--muted); margin:0; }
.status-pill{ display:inline-block; padding:5px 12px; border-radius:99px; font-size:.8rem; font-weight:700; }
.status-pill.approved{ background:var(--accent-pale); border:1px solid #dcedb6; color:var(--green-ink); }
.status-pill.pending{ background:#fef9c3; border:1px solid #fde68a; color:#854d0e; }

/* Promptlar teaser kartı */
.prompt-card{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; background:linear-gradient(120deg,#fff,var(--accent-pale)); }
.prompt-card .pc-body{ flex:1; min-width:200px; }
.prompt-card .pc-body h3{ font-size:1.14rem; margin-bottom:5px; }
.prompt-card .pc-body p{ font-size:.9rem; color:var(--ink-2); margin:0; }

/* ---- Profil formu ---- */
/* Profil kartları içerik alanını dolduracak kadar geniş (sağda kocaman boşluk kalmasın) */
.profile-wrap{ max-width:1080px; }
.form-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:24px; margin-bottom:20px; box-shadow:var(--shadow-card); }
.form-card > h2{ font-size:1.1rem; margin-bottom:4px; letter-spacing:-.02em; }
.form-card > .card-sub{ font-size:.86rem; color:var(--muted); margin-bottom:18px; }

.avatar-row{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.avatar-big{ width:104px; height:104px; flex:none; border-radius:50%; background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; font-family:'Plus Jakarta Sans'; font-weight:800; font-size:2.6rem; overflow:hidden; text-transform:uppercase; }
.avatar-big img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.avatar-actions{ display:flex; flex-direction:column; gap:6px; }
.avatar-actions .hint{ font-size:.78rem; color:var(--muted); }

.field{ margin-bottom:16px; }
.field label{ display:block; font-size:.82rem; font-weight:700; color:var(--ink-2); margin-bottom:6px; }
.field input, .field select, .field textarea{
  width:100%; padding:12px 14px; border:1px solid var(--line-2); border-radius:var(--r-sm);
  background:#fff; font-family:inherit; font-size:16px; color:var(--ink); transition:border-color .16s;
}
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:#0a0a0a; }
.field textarea{ resize:vertical; min-height:88px; line-height:1.5; }
.field .field-hint{ font-size:.76rem; color:var(--faint); margin-top:5px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.phone-row{ display:grid; grid-template-columns:130px 1fr; gap:10px; }

.line-between{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:14px 0; border-bottom:1px solid var(--line); }
.line-between:last-child{ border-bottom:none; }
.line-between .lb-info{ min-width:0; }
.line-between .lb-info strong{ display:block; font-size:.92rem; color:var(--ink); }
.line-between .lb-info span{ font-size:.83rem; color:var(--muted); }

/* Sosyal giriş satırları */
.social-row{ display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); }
.social-row:last-child{ border-bottom:none; }
.social-row .s-ico{ width:38px; height:38px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'Plus Jakarta Sans'; color:#fff; }
.social-row .s-ico.google{ background:#ea4335; }
.social-row .s-ico.linkedin{ background:#0a66c2; }
.social-row .s-ico.facebook{ background:#1877f2; }
.social-row .s-name{ flex:1; font-size:.92rem; font-weight:700; color:var(--ink); }
.social-row .s-name small{ display:block; font-weight:500; color:var(--muted); font-size:.78rem; }
.btn-sm{ padding:8px 14px; font-size:.82rem; min-height:38px; }
.btn-connected{ background:var(--accent-pale); color:var(--green-ink); border-color:#dcedb6; }
.btn-connected:hover{ background:#0a0a0a; color:#fff; border-color:#0a0a0a; }

/* Bildirim/uyarı kutuları */
.form-msg{ display:none; padding:11px 14px; border-radius:var(--r-sm); font-size:.86rem; font-weight:600; margin-top:14px; }
.form-msg.ok{ display:block; background:var(--accent-pale); border:1px solid #dcedb6; color:var(--green-ink); }
.form-msg.warn{ display:block; background:#fef9c3; border:1px solid #fde68a; color:#854d0e; }
.form-msg.err{ display:block; background:#fef2f2; border:1px solid #fecaca; color:#b91c1c; }
.note-soon{ font-size:.78rem; color:var(--faint); font-style:italic; }

.save-bar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:6px; }

/* ================= Liste sayfaları (genai wishlist deseni) ================= */
/* Beyaz başlık kartı */
.dash-pagehead{
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-card);
  padding:20px 24px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.dash-pagehead .ph-l{ min-width:0; }
.dash-pagehead h1{ font-size:1.4rem; letter-spacing:-.02em; margin:0; }
.dash-pagehead .ph-sub{ font-size:.86rem; color:var(--muted); margin-top:4px; }

/* Araç çubuğu: arama + sırala + sayfa başına */
.dash-toolbar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.dash-search{ position:relative; flex:1 1 260px; min-width:180px; }
.dash-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--muted); pointer-events:none; }
.dash-search input{
  width:100%; padding:12px 14px 12px 44px; min-height:44px;
  border:1px solid var(--line-2); border-radius:var(--r-sm); background:#fff;
  font-family:inherit; font-size:16px; color:var(--ink); transition:border-color .16s;
}
.dash-search input:focus{ outline:none; border-color:#0a0a0a; }
.dash-tool{ display:flex; align-items:center; gap:8px; flex:none; }
.dash-tool > span{ font-size:.82rem; font-weight:700; color:var(--muted); white-space:nowrap; }
.dash-select{
  padding:11px 34px 11px 13px; min-height:44px; min-width:132px;
  border:1px solid var(--line-2); border-radius:var(--r-sm); color:var(--ink);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;
  font-family:inherit; font-size:16px; font-weight:600; cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.dash-select:focus{ outline:none; border-color:#0a0a0a; }

/* Boş durum (genai "Oops, No … Found!") */
.dash-empty{
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-card);
  padding:46px 28px; text-align:center;
}
.dash-empty .de-ico{
  width:78px; height:78px; margin:0 auto 20px; border-radius:50%;
  background:var(--accent-pale); color:var(--green-ink);
  display:flex; align-items:center; justify-content:center;
}
.dash-empty .de-ico svg{ width:38px; height:38px; }
.dash-empty h3{ font-size:1.22rem; letter-spacing:-.02em; margin:0 0 7px; }
.dash-empty p{ font-size:.92rem; color:var(--muted); margin:0 auto 20px; max-width:380px; line-height:1.55; }

/* ================= Profil (genai) ================= */
.dash-pagehead.profile-head{ margin-bottom:20px; }
.card-collapse-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; cursor:pointer; }
.card-collapse-head .cc-l{ min-width:0; }
.card-collapse-head h2{ font-size:1.1rem; letter-spacing:-.02em; margin:0; }
.card-collapse-head .card-sub{ font-size:.84rem; color:var(--muted); margin-top:3px; }
.cc-toggle{
  flex:none; width:34px; height:34px; border-radius:var(--r-sm); border:1px solid var(--line);
  background:#fff; display:flex; align-items:center; justify-content:center; color:var(--muted);
  transition:transform .22s, background .16s; cursor:pointer;
}
.cc-toggle svg{ width:18px; height:18px; }
.form-card.collapsed .cc-toggle{ transform:rotate(180deg); }
.form-card.collapsed .card-body{ display:none; }
.card-body{ margin-top:20px; }

.avatar-actions .btn svg{ width:16px; height:16px; }

/* E-posta / şifre satırları — kart içinde */
.card-body .line-between{ padding:16px 0; }

/* Sosyal giriş (2 kolon + facebook tam) */
.social-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.connect-btn{
  display:flex; align-items:center; gap:12px; width:100%; padding:14px;
  border:1px solid var(--line-2); border-radius:var(--r-sm); background:#fff;
  cursor:pointer; font-family:inherit; text-align:left; transition:border-color .16s, background .16s;
}
.connect-btn:hover{ border-color:#0a0a0a; }
.connect-btn .s-ico{ width:34px; height:34px; font-size:.9rem; }
.connect-btn .cb-name{ flex:1; min-width:0; font-size:.9rem; font-weight:700; color:var(--ink); }
.connect-btn .cb-pill{
  font-size:.76rem; font-weight:700; color:var(--muted);
  border:1px solid var(--line-2); border-radius:99px; padding:5px 11px; white-space:nowrap;
}
.connect-btn.connected{ border-color:#dcedb6; background:var(--accent-pale); }
.connect-btn.connected .cb-pill{ background:#fff; color:var(--green-ink); border-color:#dcedb6; }
.social-fb{ margin-top:14px; }

/* Hesabı sil */
.danger-card{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; border-color:#f3c4bd; }
.danger-card .lb-info{ min-width:0; }
.danger-card .lb-info strong{ display:block; color:#b91c1c; font-size:.95rem; margin-bottom:2px; }
.danger-card .lb-info span{ display:block; font-size:.84rem; color:var(--muted); line-height:1.5; }
.btn-danger{
  display:inline-flex; align-items:center; gap:8px; padding:11px 18px; min-height:44px;
  border-radius:var(--r-sm); background:#fff; border:1.5px solid #dc2626; color:#dc2626;
  font-weight:700; font-size:.9rem; cursor:pointer; font-family:inherit; transition:background .16s, color .16s;
}
.btn-danger:hover{ background:#dc2626; color:#fff; }
.btn-danger svg{ width:16px; height:16px; }

/* Değişiklik yoksa pasif kaydet butonu */
.btn:disabled, .btn[disabled]{ opacity:.45; cursor:not-allowed; }
.btn-primary:disabled:hover, .btn-primary[disabled]:hover{ background:var(--accent); color:#0a0a0a; border-color:var(--accent); }

/* ---- Responsive ---- */
@media(max-width:960px){
  .dash-grid{ grid-template-columns:1fr; }
}
@media(max-width:860px){
  .dash-burger{ display:flex; }
  /* Off-canvas çekmece: makul genişlik (~280px), tam yükseklik, aynı kompakt düzen */
  .dash-side{ width:min(86vw,280px); padding:18px 14px; transform:translateX(-100%); box-shadow:0 0 40px rgba(0,0,0,.2); }
  .dash-side.open{ transform:translateX(0); }
  /* Burger'in üstüne binmesin diye markayı hafifçe boşalt */
  .dash-brand{ padding-top:2px; }
  .dash-main{ margin-left:0; }
  .dash-top{ padding:0 16px 0 68px; }
  .dash-title{ font-size:1.1rem; }
  .dash-content{ padding:20px 16px 60px; }
  .dash-user span#dashName{ display:none; }
  .field-row, .phone-row, .social-grid{ grid-template-columns:1fr; }
  .dash-search{ flex:1 1 100%; }
  .dash-tool{ flex:1 1 auto; }
  .dash-tool .dash-select{ flex:1; }
}
/* Off-canvas arkaplan karartma */
.dash-overlay{ display:none; position:fixed; inset:0; background:rgba(10,10,10,.4); z-index:105; }
.dash-overlay.show{ display:block; }

/* ============================================================
   CLS / layout-shift süpürme (panel) — styles.css ile aynı hizada.
   Amaç: sol menü, üst bar, kart ızgaraları ve boş durumlar açılıp
   kapanınca / async dolunca zıplama olmasın. Yalnızca ek garantiler.
   ============================================================ */

/* Kaydırma çubuğu garantisi (styles.css'te var; panelde de sabit tut) */
html{ overflow-y:scroll; scrollbar-gutter:stable; }

/* Buton yüksekliği (FOUT): panelde de sabit kalsın (styles.css .btn ile uyumlu) */
.dash-content .btn{ min-height:40px; }

/* Async doldurulan kart ızgaraları: boşken çökmesin, dolunca sayfa zıplamasın.
   Yaklaşık bir satır kadar yer ayrılır; içerik uzunsa büyür. Boş durum kutusu
   (.dash-empty) zaten benzer yükseklikte olduğundan geçişte zıplama olmaz. */
.dash-grid{ min-height:170px; }

/* Üst bar (sticky) yüksekliği font yüklense de sabit (height zaten var) —
   başlık metni tek satıra kırpılı olduğundan dikey zıplama olmaz; garanti: */
.dash-title{ line-height:1.2; }

/* ---- TR↔EN dil geçişi: yükseklik/hiza sabit kalsın ----
   Etiket metni dil değişince (Ürünlerim↔My Products, En Yeni↔Newest…)
   uzunluğu değişse de satır sayısı/yüksekliği zıplamasın. */
.dash-pagehead h1{ min-height:calc(1.4rem * 1.2); line-height:1.2; }
.dash-empty h3{ min-height:calc(1.22rem * 1.2); line-height:1.2; }
.dash-sec-head h2{ line-height:1.25; }
/* Sırala/Sayfa başına etiketleri tek satırda (zaten nowrap) + select taban genişliği
   yukarıda min-width ile sabit → araç çubuğu dil değişince sarmaz/zıplamaz. */
.dash-tool > span{ white-space:nowrap; }
/* Profil form etiketleri: dil değişince satır kaydırmasın (tek satır garanti) */
.field label{ min-height:1.1rem; }

/* Avatar/logo alanları sabit boyutlu (yukarıda tanımlı) → görsel yüklenince
   itme olmasın: img'ler kutuyu taşırmasın. */
.dash-avatar img,.avatar-big img,.mini-card .mc-logo{ display:block; }

/* ===== Avatarlar — üst bar 32px · profil büyük 104px · yorum kartı 36px ===== */
/* Üst bar avatarı: görsel yüklenince baş harf kutusunu tam doldursun (layout kaymasın) */
.dash-avatar img{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }
/* Tekrar kullanılabilir yuvarlak avatar — boş durumda accent-pale zemin + green-ink baş harf */
.yzk-ava{
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  border-radius:50%; overflow:hidden; background:var(--accent-pale); color:var(--green-ink);
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; line-height:1; text-transform:uppercase;
}
.yzk-ava img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
/* Yorum kartı kullanıcı satırı (avatar + ad) */
.rv-user{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.rv-user .rv-uname{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:.9rem; color:var(--ink); }

/* ================= Gamification (puan + rozet + görev) ================= */
.gm-wrap{ display:grid; grid-template-columns:250px 1fr; gap:18px; margin-bottom:24px; align-items:start; }
.gm-main{ display:flex; flex-direction:column; gap:18px; min-width:0; }
/* Puan kartı: koyu blok yerine marka aksanlı, şık açık kart */
.gm-points-card{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:26px 22px; box-shadow:var(--shadow-card); min-height:150px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center;
}
/* İnce marka aksanı — üst şerit + köşe parıltısı */
.gm-points-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--accent); }
.gm-points-card::after{ content:""; position:absolute; top:-46px; right:-38px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,var(--accent-pale),transparent 68%); pointer-events:none; }
.gm-points-ic{ position:relative; width:44px; height:44px; margin-bottom:2px; border-radius:50%; background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; }
.gm-points-ic svg{ width:24px; height:24px; }
.gm-points{ position:relative; font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:2.9rem; line-height:1; color:var(--ink); letter-spacing:-.03em; }
.gm-points-lbl{ position:relative; font-size:.8rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; min-height:1rem; line-height:1.2; }
.gm-panel{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; box-shadow:var(--shadow-card); }
.gm-h{ font-size:1.06rem; letter-spacing:-.02em; margin:0 0 14px; min-height:calc(1.06rem * 1.25); line-height:1.25; }

/* Görev kartları — satırlar kart gibi, sol marka aksanı, net durum */
.gm-tasks{ display:flex; flex-direction:column; gap:11px; }
.gm-task{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  border:1px solid var(--line); border-radius:var(--r-sm); padding:14px 16px 14px 18px; background:#fff;
  transition:border-color .16s, background .16s, box-shadow .16s, transform .16s;
}
.gm-task::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:transparent; transition:background .16s; }
.gm-task:hover{ border-color:var(--line-2); box-shadow:var(--shadow-card); transform:translateY(-1px); }
.gm-task:hover::before{ background:var(--accent); }
.gm-task.done{ background:linear-gradient(180deg,var(--accent-pale),#fff 70%); border-color:#dcedb6; }
.gm-task.done::before{ background:var(--accent); }
.gm-task-main{ min-width:0; flex:1 1 220px; }
.gm-task-h{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.gm-task-title{ font-size:.94rem; font-weight:700; color:var(--ink); }
.gm-pts{ font-size:.74rem; font-weight:800; color:var(--green-ink); background:var(--accent-pale); border:1px solid #dcedb6; border-radius:99px; padding:2px 9px; white-space:nowrap; }
.gm-task.done .gm-pts{ background:#fff; }
.gm-task-desc{ font-size:.83rem; color:var(--muted); margin:5px 0 0; line-height:1.5; }
.gm-task-act{ flex:none; }
.gm-cta{
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px;
  border-radius:var(--r-sm); background:var(--accent); color:#0a0a0a; border:1px solid var(--accent);
  font-family:inherit; font-size:.85rem; font-weight:700; cursor:pointer; white-space:nowrap;
  transition:background .16s, color .16s;
}
.gm-cta:hover{ background:#0a0a0a; color:#fff; border-color:#0a0a0a; }
.gm-done{ display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 4px; font-size:.85rem; font-weight:700; color:var(--green-ink); white-space:nowrap; }

/* Rozet vitrini — havadar grid, kazanılan marka aksanlı */
.gm-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:14px; }
.gm-badge{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; padding:20px 12px 16px;
  border:1px solid var(--line); border-radius:var(--r); background:#fff;
  transition:border-color .16s, transform .16s, box-shadow .16s;
}
.gm-badge:hover{ border-color:var(--line-2); transform:translateY(-3px); box-shadow:var(--shadow-card); }
.gm-badge-ic{ position:relative; width:58px; height:58px; border-radius:50%; background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; }
.gm-badge-svg{ width:30px; height:30px; }
.gm-badge-img{ width:32px; height:32px; object-fit:contain; }
.gm-badge-emo{ font-size:1.5rem; line-height:1; }
.gm-lock{ position:absolute; right:-3px; bottom:-3px; width:20px; height:20px; background:#fff; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--muted); }
.gm-lock svg{ width:11px; height:11px; }
.gm-badge-name{ font-size:.84rem; font-weight:700; color:var(--ink); line-height:1.25; letter-spacing:-.01em; }
.gm-badge-desc{ font-size:.73rem; color:var(--muted); line-height:1.45; }
/* Kazanılan rozet: marka aksanlı, hafif zemin + çerçeve */
.gm-badge.earned{ border-color:#dcedb6; background:linear-gradient(180deg,var(--accent-pale),#fff 62%); }
.gm-badge.earned .gm-badge-ic{ background:var(--accent); color:#0a0a0a; box-shadow:0 4px 12px rgba(154,230,0,.28); }
/* Kilitli rozet: soluk + kilit rozeti */
.gm-badge.locked{ opacity:.62; }
.gm-badge.locked .gm-badge-ic{ background:var(--bg-soft); color:var(--faint); }

/* Profil özet şeridi */
.gm-strip{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-card);
  padding:14px 20px; margin-bottom:20px;
}
.gm-strip-points{ display:flex; align-items:baseline; gap:8px; flex:none; padding-right:18px; border-right:1px solid var(--line); }
.gm-points-sm{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.6rem; color:var(--green-ink); line-height:1; }
.gm-strip .gm-points-lbl{ color:var(--muted); text-transform:none; letter-spacing:0; font-size:.84rem; }
.gm-strip-badges{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; flex:1; min-width:0; }
/* Küçük, şık pill'ler — profil şeridi */
.gm-strip-badges .gm-badge{ flex-direction:row; align-items:center; gap:8px; padding:5px 14px 5px 5px; border-radius:99px; }
.gm-strip-badges .gm-badge:hover{ transform:none; box-shadow:none; }
.gm-strip-badges .gm-badge-ic{ width:32px; height:32px; }
.gm-strip-badges .gm-badge-svg{ width:18px; height:18px; }
.gm-strip-badges .gm-badge-img{ width:20px; height:20px; }
.gm-strip-badges .gm-badge-emo{ font-size:1rem; }
.gm-strip-badges .gm-lock{ width:16px; height:16px; }
.gm-strip-badges .gm-lock svg{ width:9px; height:9px; }
.gm-strip-badges .gm-badge-desc{ display:none; }
.gm-strip-badges .gm-badge-name{ font-size:.82rem; }
.gm-strip-badges .gm-badge.earned{ background:var(--accent-pale); }

/* ================= Prompt Ekle (sayfa içi kart) ================= */
/* Şık marka aksanlı üst şerit + rahat form düzeni; profil form sınıflarını yeniden kullanır */
.prompt-add-card{ position:relative; overflow:hidden; margin-bottom:22px; }
.prompt-add-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--accent); }
.prompt-add-card > h2{ min-height:calc(1.1rem * 1.2); line-height:1.2; }
/* Alanlar: iOS zoom önlemek için 16px (styles ile aynı) + dokunma hedefi ≥44px */
.prompt-add-card .field input,
.prompt-add-card .field select,
.prompt-add-card .field textarea{ min-height:44px; font-size:16px; }
.prompt-add-card .field textarea{ min-height:120px; }
/* Kategori/Dil select'leri ok işareti + hiza için dash-select görünümü korur */
.prompt-add-card select.dash-select{ width:100%; min-width:0; }
.prompt-add-card .form-msg{ margin-bottom:2px; }
/* Onaya Gönder / Temizle butonları dil değişince zıplamasın */
.prompt-add-card .save-bar .btn{ min-height:44px; }

/* ================= Gönderdiğim Promptlar listesi ================= */
.pa-sent-sec{ margin-top:26px; }
.pa-sent-list{ display:flex; flex-direction:column; gap:10px; }
.pa-sent-item{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-sm);
  padding:14px 16px; box-shadow:var(--shadow-card);
  transition:border-color .16s, box-shadow .16s, transform .16s;
}
.pa-sent-item:hover{ border-color:var(--line-2); transform:translateY(-1px); }
.pa-sent-main{ min-width:0; flex:1 1 220px; }
.pa-sent-title{ font-size:.95rem; font-weight:700; color:var(--ink); line-height:1.35; overflow:hidden; text-overflow:ellipsis; }
.pa-sent-cat{ font-size:.8rem; color:var(--muted); margin-top:3px; }
/* Durum rozeti: TR↔EN kaymaz (min yükseklik) — .status-pill zaten tanımlı */
.pa-sent-item .status-pill{ flex:none; min-height:1.4rem; display:inline-flex; align-items:center; }
/* Nazik boş durum */
.pa-empty{
  background:#fff; border:1px dashed var(--line-2); border-radius:var(--r);
  padding:26px 22px; text-align:center; color:var(--muted); font-size:.9rem; line-height:1.55;
}

@media(max-width:860px){
  .gm-wrap{ grid-template-columns:1fr; }
  .gm-points-card{ min-height:auto; padding:20px; }
  .gm-task-act{ width:100%; }
  .gm-task-act .gm-cta{ width:100%; }
  .gm-strip-points{ border-right:none; }
  /* Rozet grid: mobilde 2 kolon */
  .gm-grid{ grid-template-columns:repeat(2,1fr); }
}
/* Çok küçük ekran: tek kolon rozet + karşılama dikey yığılır */
@media(max-width:440px){
  .gm-grid{ grid-template-columns:1fr; }
  .dash-welcome{ flex-direction:column; align-items:flex-start; gap:16px; padding:22px 20px; }
}

/* ================= Bitmiş panel düzeni: karşılama rozeti + istatistik + iki kolon ================= */

/* Karşılama şeridi: metin esner, rozet sağda hizalı */
.dash-welcome .welcome-txt{ flex:1 1 auto; }
.welcome-badge{
  flex:none; align-self:flex-start; position:relative; z-index:1;
  display:inline-flex; align-items:center; min-height:30px; padding:6px 14px;
  border-radius:99px; font-size:.8rem; font-weight:700; letter-spacing:-.01em; white-space:nowrap;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); color:#fff;
}
.welcome-badge.approved{ background:var(--accent); border-color:var(--accent); color:#0a0a0a; }
.welcome-badge.pending{ background:rgba(253,224,71,.16); border-color:rgba(253,224,71,.42); color:#fde68a; }

/* İstatistik satırı — kompakt marka aksanlı kartlar */
.dash-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px; }
.stat-card{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:14px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; box-shadow:var(--shadow-card);
  transition:border-color .16s, transform .16s, box-shadow .16s;
}
.stat-card::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--accent); }
.stat-card:hover{ border-color:var(--line-2); transform:translateY(-2px); }
.stat-ic{ flex:none; width:46px; height:46px; border-radius:var(--r-sm); background:var(--accent-pale); color:var(--green-ink); display:flex; align-items:center; justify-content:center; }
.stat-ic svg{ width:24px; height:24px; }
.stat-body{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.stat-num{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.7rem; line-height:1.08; color:var(--ink); letter-spacing:-.03em; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.stat-num.sm{ font-size:1.12rem; line-height:1.2; min-height:calc(1.12rem * 1.2); }
.stat-lbl{ font-size:.75rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; min-height:1rem; line-height:1.2; }
/* v72 U9 — skeleton placeholder (ilk render'da stats için) */
.skeleton{ display:inline-block; background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%); background-size:200% 100%; animation:skel 1.4s ease-in-out infinite; border-radius:4px; min-width:40px; height:22px; vertical-align:middle; }
@keyframes skel{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* İki kolonlu ana alan: geniş Görevler + kompakt Rozet vitrini */
.dash-cols{ display:grid; grid-template-columns:1.5fr 1fr; gap:18px; align-items:start; margin-bottom:26px; }
.dash-cols .gm-panel{ min-width:0; }
.col-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.col-head h2{ font-size:1.06rem; letter-spacing:-.02em; margin:0; line-height:1.25; min-height:calc(1.06rem * 1.25); }
.col-head .see-all{ font-size:.82rem; font-weight:700; color:var(--green-ink); white-space:nowrap; }
.col-head .see-all:hover{ text-decoration:underline; }
/* Rozet vitrini sağ kolonda daha dar → esnek grid rahat sarsın */
.col-badges .gm-grid{ min-height:auto; }

/* Boş görev/rozet vitrini nazikçe çökmesin */
.col-tasks .gm-tasks:empty::after{ content:""; display:block; min-height:60px; }

/* ---- Responsive: iki kolon → tek kolon, istatistik daralması ---- */
@media(max-width:1080px){
  .dash-cols{ grid-template-columns:1fr; }
}
@media(max-width:860px){
  .dash-stats{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:460px){
  .dash-stats{ grid-template-columns:1fr; }
}

/* v69 F4 — Bildirim çanı + dropdown */
.dash-icon-btn{background:none;border:1px solid rgba(0,0,0,.08);border-radius:10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0a0a0a;position:relative;padding:0}
.dash-icon-btn:hover{background:#f5f5f5}
.notif-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.notif-dropdown{position:absolute;top:48px;right:0;width:360px;max-height:480px;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:200}
.notif-item{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer}
.notif-item:last-child{border-bottom:none}
.notif-item:hover{background:#f9f9f9}
.notif-item.unread{background:#fefce8;font-weight:600}
.notif-item.read{color:#666}
.notif-item h4{margin:0 0 4px;font-size:.92rem;font-weight:700}
.notif-item p{margin:0;font-size:.85rem;color:#666}
.notif-empty{padding:32px 16px;text-align:center;color:#999}
/* v73 M8 (v77-A restore): Tümünü Okundu başlığı */
.notif-head{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1}
.notif-markall{background:none;border:1px solid rgba(0,0,0,.15);border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:600;cursor:pointer}
.notif-markall:hover{background:#f5f5f5}
@media(max-width:520px){
  .notif-dropdown{width:calc(100vw - 32px);right:-8px}
}

/* ============================================================================
   v154 — PANEL SADELEŞTİRME (yapı değişmez, sadece boşluk / tipografi / renk)
   Kullanıcı geri bildirimi: "çok kare kare".
   Kök neden: --r:8px sert köşe + her kartta 1px koyu çerçeve + gölge +
   lime dikey şerit + UPPERCASE etiketler = ızgara/tablo hissi.
   Çözüm: yalnız body.dash içinde yumuşat. Public sayfalar ETKİLENMEZ.
   ============================================================================ */

body.dash{
  --r:16px;            /* 8px → 16px : keskin köşeleri yumuşat */
  --r-sm:11px;
  --shadow-card:0 1px 2px rgba(10,10,10,.04), 0 8px 24px -12px rgba(10,10,10,.10);
  --line:#ececee;      /* çerçeveler bir ton açıldı → ızgara hissi azalır */
  background:#fafaf8;
}

/* --- Nefes payı: bölümler arası dikey ritim --- */
.dash-content{ padding:34px 34px 80px; }
@media(min-width:1600px){ .dash-content{ padding:40px 44px 96px; } }
.dash-sec{ margin-top:40px; }
.dash-sec-head{ margin-bottom:18px; }
.dash-sec-head h2{ font-size:1.18rem; font-weight:700; letter-spacing:-.022em; }
.dash-grid{ gap:18px; }
.dash-stats{ gap:18px; margin-bottom:34px; }
.dash-cols{ gap:22px; margin-bottom:40px; }

/* --- Karşılama şeridi: daha sakin, daha az "banner" --- */
.dash-welcome{ padding:32px 34px; margin-bottom:30px; gap:24px; }
.dash-welcome::after{ opacity:.55; }               /* lime patlaması kısıldı */
.dash-welcome h1{ font-size:1.72rem; font-weight:700; letter-spacing:-.032em; }
.dash-welcome p{ color:#c8c8cd; font-size:.96rem; }

/* --- Kartlar: çerçeve yerine yüzey. Hover'da zıplama yok. --- */
.dash-card,
.gm-panel,
.mini-card,
.stat-card,
.form-card{ border-color:var(--line); }

.stat-card{ padding:20px 22px; gap:16px; }
.stat-card::before{ display:none; }                 /* sol lime şerit KALDIRILDI */
.stat-card:hover{ transform:none; border-color:var(--line-2); box-shadow:var(--shadow-card); }
.stat-ic{ width:42px; height:42px; border-radius:50%; }   /* kare ikon kutusu → daire */
.stat-ic svg{ width:21px; height:21px; }
.stat-num{ font-weight:700; font-size:1.62rem; letter-spacing:-.028em; }
.stat-lbl{                                          /* UPPERCASE + letter-spacing kaldırıldı */
  font-size:.82rem; font-weight:500; text-transform:none;
  letter-spacing:normal; color:var(--muted);
}

.mini-card{ padding:20px; gap:9px; }
.mini-card:hover{ transform:none; border-color:var(--line-2); box-shadow:var(--shadow-card); }
.mini-card .mc-logo{ border-radius:12px; }
.mini-card .mc-ico{ border-radius:50%; }
.mini-card h3{ font-weight:700; }

.gm-panel{ padding:22px 24px; }
.col-head{ margin-bottom:16px; }
.col-head h2{ font-size:1.1rem; font-weight:700; }

/* --- Görev satırları: kart-içinde-kart yerine ayraçlı liste --- */
.gm-tasks{ gap:0; }
.gm-task{
  border:none; border-bottom:1px solid var(--line); border-radius:0;
  background:transparent; box-shadow:none; padding-left:0; padding-right:0;
}
.gm-task:last-child{ border-bottom:none; }
.gm-task:hover{ transform:none; box-shadow:none; border-color:var(--line); background:transparent; }
.gm-task::before{ display:none; }
.gm-task.done{ background:transparent; border-color:var(--line); }
.gm-task.done .gm-task-title{ color:var(--muted); }

/* --- Rozetler: kare kutu → yuvarlak madalyon (Credly hissi) --- */
.gm-badge{ border-radius:16px; }
.gm-badge:hover{ transform:none; border-color:var(--line-2); box-shadow:var(--shadow-card); }
.gm-badge.earned{ background:#fff; border-color:#e4f3c4; }

/* --- Puan kartı --- */
.gm-points-card{ padding:28px 22px; }
.gm-points-card::before{ display:none; }            /* üst lime şerit kaldırıldı */
.gm-points{ font-weight:700; font-size:2.7rem; }
.gm-points-lbl{ font-size:.85rem; font-weight:500; text-transform:none; letter-spacing:normal; }
.gm-points-ic{ width:46px; height:46px; }

/* --- Alt şeritler --- */
.comm-card{ gap:18px; padding:22px 24px; }
.comm-card .cc-ico{ border-radius:50%; }
.prompt-card{ background:#fff; padding:24px 26px; }
.prompt-card .pc-body h3{ font-weight:700; }

/* --- Doğrulama şeridi (panel.html inline stiliyle uyum) --- */
body.dash .verify-strip{ border-radius:14px; }

/* --- Mobil: sıkışıklığı azalt --- */
@media(max-width:760px){
  .dash-content{ padding:22px 18px 64px; }
  .dash-sec{ margin-top:30px; }
  .dash-welcome{ padding:24px 20px; }
  .dash-welcome h1{ font-size:1.42rem; }
  .dash-stats{ gap:12px; margin-bottom:26px; }
  .stat-card{ padding:16px; gap:13px; }
  .stat-num{ font-size:1.42rem; }
}

/* v154 ek: 9 istatistik 4 kolonda 4+4+1 yetim satır bırakıyordu — otomatik doldur */
@media(min-width:1100px){
  .dash-stats{ grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); }
}