/* ============================================================
   Katıl Bi — tasarım sistemi
   ------------------------------------------------------------
   Kimlik: mavi birincil (#2E62F5), yeşil yalnızca kazanç/onay vurgusu,
   altın puan rengi. Geometri bilinçli olarak "keskin": küçük yarıçaplar,
   belirgin kenarlık, renksiz ve dar gölge; hap (999px) rozet kullanılmaz.

   Değişkenler `--k-*` ile tanımlanır. Alt bileşenlerin kullandığı eski
   `--g-*` adları en altta bunlara **eşlenir** — tek yerden renk/geometri
   değiştirmek için `--k-*` bloğunu düzenlemek yeterlidir.
   ============================================================ */

@font-face { font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap;
  src:url('../fonts/Manrope-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap;
  src:url('../fonts/Manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  /* marka */
  --k-primary:#2E62F5; --k-primary-d:#1E44C9; --k-primary-dd:#173596; --k-primary-l:#6E92FF;
  --k-primary-bg:#EDF2FF; --k-primary-bg2:#E1E9FF; --k-primary-b:#CBD9FF;
  --k-accent:#12B76A; --k-accent-d:#0E9155; --k-accent-bg:#E7F8F0;      /* kazanç / onay */
  --k-gold:#F2A93B; --k-gold-d:#C07C15; --k-gold-bg:#FEF4E4;            /* puan / ödül */

  /* mürekkep ve yüzeyler (soğuk, hafif mavi tonlu) */
  --k-ink:#0E1526; --k-ink-2:#18213A;
  --k-t1:#0E1526; --k-t2:#414D68; --k-t3:#5B6883; --k-t4:#78859D; --k-t5:#8E9AB1; --k-t6:#AEB8C9;
  --k-b1:#DCE3F0; --k-b2:#E4EAF4; --k-b3:#EAEFF7; --k-b4:#D3DCEC; --k-b5:#EFF3F9; --k-b6:#C3CDE1;
  --k-s1:#F7F9FD; --k-s2:#F1F4FB; --k-s3:#F5F8FC; --k-s4:#EBF0F8; --k-s5:#FAFBFE;

  /* durum */
  --k-warn:#E08A2E; --k-warn-d:#B26914; --k-warn-bg:#FDF3E6; --k-warn-b:#F3DCBC;
  --k-danger:#DC4A4A; --k-danger-2:#C73B3B; --k-danger-bg:#FDEDED;
  --k-purple:#6C4FD6; --k-purple-bg:#EFEAFD;

  /* geometri: keskin ve dar */
  --k-r-xs:6px; --k-r-sm:8px; --k-r-md:10px; --k-r-lg:14px; --k-r-xl:18px;
  --k-sh-1:0 1px 2px rgba(14,21,38,.06);
  --k-sh-2:0 2px 6px rgba(14,21,38,.07), 0 1px 2px rgba(14,21,38,.05);
  --k-sh-3:0 12px 32px rgba(14,21,38,.10);
  --k-sh-primary:0 4px 12px rgba(46,98,245,.22);

  --k-font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* ---- eski adların eşlenmesi (alt bileşenler bunları okur) ---- */
  --g-navy:var(--k-ink); --g-navy-2:var(--k-ink-2);
  --g-green:var(--k-primary); --g-green-d:var(--k-primary-d); --g-green-dd:var(--k-primary-dd); --g-green-l:var(--k-primary-l);
  --g-mint:var(--k-primary-bg); --g-mint-b:var(--k-primary-b); --g-mint-2:var(--k-primary-bg2); --g-mint-3:var(--k-s5);
  --g-t1:var(--k-t1); --g-t2:var(--k-t2); --g-t3:var(--k-t3); --g-t4:var(--k-t4); --g-t5:var(--k-t5); --g-t6:var(--k-t6); --g-t7:var(--k-t2); --g-t8:var(--k-t2);
  --g-b1:var(--k-b1); --g-b2:var(--k-b2); --g-b3:var(--k-b3); --g-b4:var(--k-b4); --g-b5:var(--k-b5); --g-b6:var(--k-b6); --g-b7:var(--k-b4);
  --g-s1:var(--k-s1); --g-s2:var(--k-s2); --g-s3:var(--k-s3); --g-s4:var(--k-s4); --g-s5:var(--k-s5); --g-s6:var(--k-s4);
  --g-amber:var(--k-warn); --g-amber-d:var(--k-warn-d); --g-amber-bg:var(--k-warn-bg); --g-amber-bg2:#FEFAF3; --g-amber-b:var(--k-warn-b); --g-amber-t:var(--k-warn-d);
  --g-red:var(--k-danger); --g-red-2:var(--k-danger-2); --g-red-bg:var(--k-danger-bg);
  --g-purple-bg:var(--k-purple-bg); --g-purple:var(--k-purple);
  --g-shadow-green:var(--k-sh-primary); --g-shadow-green-lg:0 6px 18px rgba(46,98,245,.24); --g-shadow-card:var(--k-sh-3);
  --g-font:var(--k-font);

  --bs-body-font-family:var(--k-font);
  --bs-body-color:#0E1526; --bs-body-bg:#fff; --bs-link-color:#1E44C9; --bs-link-hover-color:#2E62F5;
  --bs-border-color:#DCE3F0;
}
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { font-family:var(--k-font); color:var(--k-t1); background:#fff; font-weight:500; line-height:1.55; letter-spacing:-.005em; }
a { color:var(--k-primary-d); text-decoration:none; } a:hover { color:var(--k-primary); }
button, input, select, textarea { font-family:inherit; }
input::placeholder, textarea::placeholder { color:var(--k-t5); }
* { text-wrap:pretty; }
h1,h2,h3,h4,h5,h6 { text-wrap:pretty; letter-spacing:-.02em; }

/* ---------- yardımcılar ---------- */
.g-w500{font-weight:500}.g-w600{font-weight:600}.g-w700{font-weight:700}.g-w800{font-weight:800}
.g-t1{color:var(--g-t1)}.g-t2{color:var(--g-t2)}.g-t3{color:var(--g-t3)}.g-t4{color:var(--g-t4)}.g-t5{color:var(--g-t5)}.g-t6{color:var(--g-t6)}.g-t7{color:var(--g-t7)}
.g-green{color:var(--g-green)}.g-green-d{color:var(--g-green-d)}.g-green-l{color:var(--g-green-l)}.g-amber{color:var(--g-amber)}.g-amber-d{color:var(--g-amber-d)}.g-red{color:var(--g-red)}.g-red-2{color:var(--g-red-2)}
.g-white{color:#fff}.g-white-55{color:rgba(255,255,255,.55)}.g-white-6{color:rgba(255,255,255,.6)}.g-white-68{color:rgba(255,255,255,.68)}
.g-bg-navy{background:var(--g-navy)}.g-bg-s1{background:var(--g-s1)}.g-bg-s2{background:var(--g-s2)}.g-bg-mint{background:var(--g-mint)}.g-bg-white{background:#fff}
.g-fs-10{font-size:10px}.g-fs-105{font-size:10.5px}.g-fs-11{font-size:11px}.g-fs-115{font-size:11.5px}.g-fs-12{font-size:12px}.g-fs-125{font-size:12.5px}.g-fs-13{font-size:13px}.g-fs-135{font-size:13.5px}.g-fs-14{font-size:14px}.g-fs-145{font-size:14.5px}.g-fs-15{font-size:15px}.g-fs-155{font-size:15.5px}.g-fs-16{font-size:16px}.g-fs-165{font-size:16.5px}.g-fs-17{font-size:17px}.g-fs-18{font-size:18px}.g-fs-19{font-size:19px}.g-fs-20{font-size:20px}.g-fs-22{font-size:22px}.g-fs-24{font-size:24px}.g-fs-26{font-size:26px}.g-fs-28{font-size:28px}.g-fs-30{font-size:30px}.g-fs-32{font-size:32px}.g-fs-34{font-size:34px}.g-fs-36{font-size:36px}.g-fs-40{font-size:40px}.g-fs-42{font-size:42px}.g-fs-62{font-size:62px}
.g-ls-tight{letter-spacing:-.02em}.g-ls-tighter{letter-spacing:-.025em}.g-ls-tightest{letter-spacing:-.03em}.g-ls-035{letter-spacing:-.035em}
.g-lh-1{line-height:1}.g-lh-106{line-height:1.06}.g-lh-11{line-height:1.1}.g-lh-12{line-height:1.2}.g-lh-13{line-height:1.3}.g-lh-14{line-height:1.4}.g-lh-15{line-height:1.5}.g-lh-155{line-height:1.55}.g-lh-16{line-height:1.6}
.g-upper{ text-transform:uppercase; letter-spacing:.1em; }
.g-eyebrow{ font:800 12px var(--k-font); color:var(--k-primary-d); letter-spacing:.14em; text-transform:uppercase; }
.g-label-upper{ font:700 12.5px var(--g-font); color:var(--g-t3); letter-spacing:.06em; text-transform:uppercase; }
.g-fit{ width:fit-content; }
.g-gap-2{gap:2px}.g-gap-3{gap:3px}.g-gap-4{gap:4px}.g-gap-5{gap:5px}.g-gap-6{gap:6px}.g-gap-8{gap:8px}.g-gap-9{gap:9px}.g-gap-10{gap:10px}.g-gap-11{gap:11px}.g-gap-12{gap:12px}.g-gap-14{gap:14px}.g-gap-16{gap:16px}.g-gap-18{gap:18px}.g-gap-20{gap:20px}.g-gap-22{gap:22px}.g-gap-24{gap:24px}.g-gap-26{gap:26px}.g-gap-28{gap:28px}.g-gap-30{gap:30px}.g-gap-34{gap:34px}.g-gap-40{gap:40px}.g-gap-44{gap:44px}.g-gap-56{gap:56px}.g-gap-64{gap:64px}
.g-flex{display:flex}.g-col{display:flex;flex-direction:column}.g-row{display:flex;align-items:center}.g-between{display:flex;align-items:center;justify-content:space-between}.g-center{display:flex;align-items:center;justify-content:center}
.g-mono{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.g-truncate{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.g-nowrap{white-space:nowrap}

/* ---------- butonlar ---------- */
.g-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; font-weight:700; font-family:var(--k-font); border-radius:var(--k-r-md); padding:12px 20px; font-size:14px; line-height:1.2; letter-spacing:-.01em; cursor:pointer; transition:background .14s, color .14s, border-color .14s, box-shadow .14s; white-space:nowrap; text-decoration:none; }
.g-btn:active{ transform:none; }
.g-btn-green{ background:var(--k-primary); color:#fff; box-shadow:var(--k-sh-primary); } .g-btn-green:hover{ background:var(--k-primary-d); color:#fff; }
.g-btn-green-dark{ background:var(--k-accent); color:#fff; } .g-btn-green-dark:hover{ background:var(--k-accent-d); color:#fff; }
.g-btn-navy{ background:var(--k-ink); color:#fff; } .g-btn-navy:hover{ background:var(--k-ink-2); color:#fff; }
.g-btn-white{ background:#fff; color:var(--k-ink); border-color:var(--k-b4); box-shadow:var(--k-sh-1); } .g-btn-white:hover{ background:var(--k-s2); border-color:var(--k-b6); color:var(--k-ink); }
.g-btn-ghost{ background:transparent; color:var(--g-navy); } .g-btn-ghost:hover{ color:var(--g-green-d); }
.g-btn-soft{ background:var(--g-s2); color:var(--g-navy); } .g-btn-soft:hover{ background:var(--g-b3); color:var(--g-navy); }
.g-btn-glass{ background:rgba(255,255,255,.10); color:#fff; } .g-btn-glass:hover{ background:rgba(255,255,255,.16); color:#fff; }
.g-btn-red-soft{ background:var(--g-red-bg); color:var(--g-red-2); } .g-btn-red-soft:hover{ background:#FFE6E6; color:var(--g-red-2); }
.g-btn-lg{ padding:16px 28px; font-size:15.5px; border-radius:var(--k-r-lg); box-shadow:var(--g-shadow-green-lg); }
.g-btn-lg.g-btn-white{ box-shadow:none; padding:18px 28px; }
.g-btn-md{ padding:14px 24px; font-size:14.5px; border-radius:var(--k-r-md); }
.g-btn-sm{ padding:9px 15px; font-size:13px; border-radius:var(--k-r-sm); }
.g-btn-xs{ padding:7px 12px; font-size:12.5px; border-radius:var(--k-r-xs); }
.g-btn-block{ width:100%; }
.g-btn:disabled,.g-btn.disabled{ opacity:.55; cursor:not-allowed; }
.g-btn-green:focus-visible{ outline:3px solid rgba(46,98,245,.35); outline-offset:2px; }

/* ---------- pill / badge ---------- */
.g-pill{ display:inline-flex; align-items:center; gap:6px; font:700 11px var(--k-font); padding:5px 9px; border-radius:var(--k-r-xs); line-height:1.25; letter-spacing:.03em; text-transform:uppercase; border:1px solid transparent; }
.g-pill-green{ background:var(--k-accent-bg); color:var(--k-accent-d); border-color:#C8EEDC; }
.g-pill-green-b{ background:var(--k-primary-bg); color:var(--k-primary-d); border-color:var(--k-primary-b); }
.g-pill-amber{ background:var(--k-warn-bg); color:var(--k-warn-d); border-color:var(--k-warn-b); }
.g-pill-red{ background:var(--k-danger-bg); color:var(--k-danger-2); border-color:#F6CFCF; }
.g-pill-gray{ background:var(--k-s2); color:var(--k-t3); border-color:var(--k-b2); }
.g-pill-navy{ background:var(--g-navy); color:#fff; }
.g-pill-glass{ background:rgba(255,255,255,.12); color:#fff; }
.g-pill-dot::before{ content:''; width:6px; height:6px; border-radius:2px; background:currentColor; }
.g-dot{ display:inline-block; width:6px; height:6px; border-radius:2px; background:var(--k-accent); }

/* ---------- kartlar ---------- */
.g-card{ background:#fff; border:1px solid var(--k-b2); border-radius:var(--k-r-lg); box-shadow:var(--k-sh-1); }
.g-card-18{ border-radius:var(--k-r-lg); } .g-card-24{ border-radius:var(--k-r-xl); } .g-card-16{ border-radius:var(--k-r-lg); } .g-card-14{ border-radius:var(--k-r-md); }
.g-card-soft{ background:var(--k-s1); border:1px solid var(--k-b2); border-radius:var(--k-r-lg); }
.g-card-navy{ background:var(--k-ink); border-radius:var(--k-r-lg); color:#fff; }
.g-card-shadow{ box-shadow:var(--g-shadow-card); }
.g-divider{ height:1px; background:var(--g-b3); }
.g-divider-glass{ height:1px; background:rgba(255,255,255,.12); }

/* ---------- form ---------- */
.g-field{ display:flex; flex-direction:column; gap:8px; }
.g-field > label, .g-label{ font:600 13px var(--g-font); color:var(--g-t2); }
.g-input{ width:100%; background:var(--g-s1); border:1px solid var(--g-b1); border-radius:14px; padding:16px 16px; font:600 15px var(--g-font); color:var(--g-navy); outline:none; transition:border-color .15s, box-shadow .15s, background .15s; -webkit-appearance:none; appearance:none; }
.g-input:focus{ border-color:var(--g-green); background:#fff; box-shadow:0 0 0 4px rgba(46,98,245,.12); }
.g-input.is-active{ border:1.5px solid var(--g-green); background:#fff; }
.g-input-sm{ padding:13px 14px; font-size:14px; border-radius:12px; }
.g-input.is-invalid{ border-color:var(--g-red); }
.g-select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238593A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; padding-right:42px; }
.g-textarea{ min-height:120px; resize:vertical; line-height:1.55; font-weight:500; }
.g-check{ width:20px; height:20px; border-radius:6px; border:1.5px solid var(--g-b6); background:#fff; appearance:none; -webkit-appearance:none; cursor:pointer; display:inline-grid; place-content:center; flex:0 0 auto; }
.g-check:checked{ background:var(--g-green); border-color:var(--g-green); }
.g-check:checked::after{ content:''; width:10px; height:6px; border-left:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:translateY(-1px) rotate(-45deg); }
.g-invalid-msg{ font:500 12.5px var(--g-font); color:var(--g-red-2); }
.g-help{ font:500 12.5px var(--g-font); color:var(--g-t4); }
.g-input-icon{ position:relative; } .g-input-icon .g-input{ padding-right:46px; } .g-input-icon > svg, .g-input-icon > button{ position:absolute; right:16px; top:50%; transform:translateY(-50%); background:none; border:0; padding:0; color:var(--g-t4); display:flex; }

/* seçilebilir kart (radio) */
.g-choice{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--g-b2); border-radius:16px; padding:16px; cursor:pointer; transition:border-color .15s; }
.g-choice.is-selected{ border:1.5px solid var(--g-green); }
.g-choice .g-radio{ width:22px; height:22px; border-radius:50%; border:1.5px solid var(--g-b6); flex:0 0 auto; }
.g-choice.is-selected .g-radio{ background:var(--g-green); border-color:var(--g-green); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); background-size:12px; background-repeat:no-repeat; background-position:center; }
.g-chip{ display:inline-flex; align-items:center; font:600 13px var(--g-font); color:var(--g-t2); background:var(--g-s2); padding:10px 16px; border-radius:11px; cursor:pointer; border:0; }
.g-chip.is-on{ background:var(--g-navy); color:#fff; }
.g-chip-outline{ background:#fff; border:1px solid var(--g-b1); color:var(--g-t2); }

/* segment (Görev yapan / Reklamveren) */
.g-segment{ display:flex; background:var(--g-s2); border-radius:14px; padding:4px; }
.g-segment > *{ flex:1; text-align:center; font:700 14px var(--g-font); color:var(--g-t4); padding:11px 0; border-radius:11px; cursor:pointer; border:0; background:transparent; }
.g-segment > .is-on{ background:#fff; color:var(--g-navy); box-shadow:0 2px 8px rgba(14,21,38,.08); }

/* toggle */
.g-toggle{ width:44px; height:26px; border-radius:999px; background:var(--g-b1); position:relative; appearance:none; -webkit-appearance:none; cursor:pointer; flex:0 0 auto; transition:background .15s; }
.g-toggle::after{ content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(14,21,38,.2); transition:left .15s; }
.g-toggle:checked{ background:var(--g-green); } .g-toggle:checked::after{ left:21px; }

/* progress */
.g-progress{ height:6px; background:var(--g-b1); border-radius:999px; overflow:hidden; }
.g-progress > span{ display:block; height:100%; background:var(--g-green); border-radius:999px; }
.g-progress-navy > span{ background:var(--g-navy); } .g-progress-amber > span{ background:var(--g-amber); }

/* icon box */
.g-icon{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:14px; }
.g-icon-48{ width:48px; height:48px; } .g-icon-46{ width:46px; height:46px; border-radius:14px; } .g-icon-44{ width:44px; height:44px; border-radius:13px; } .g-icon-42{ width:42px; height:42px; border-radius:12px; } .g-icon-40{ width:40px; height:40px; border-radius:12px; } .g-icon-36{ width:36px; height:36px; border-radius:11px; } .g-icon-34{ width:34px; height:34px; border-radius:10px; } .g-icon-32{ width:32px; height:32px; border-radius:10px; } .g-icon-30{ width:30px; height:30px; border-radius:9px; } .g-icon-28{ width:28px; height:28px; border-radius:8px; }
.g-icon-mint{ background:var(--g-mint); color:var(--g-green-d); } .g-icon-navy{ background:var(--g-s6); color:var(--g-t8); } .g-icon-amber{ background:var(--g-amber-bg); color:var(--g-amber); } .g-icon-red{ background:var(--g-red-bg); color:var(--g-red-2); } .g-icon-purple{ background:var(--g-purple-bg); color:var(--g-purple); } .g-icon-gray{ background:var(--g-s2); color:var(--g-t2); } .g-icon-white{ background:#fff; border:1px solid var(--g-b1); color:var(--g-navy); }
.g-avatar{ display:inline-flex; align-items:center; justify-content:center; background:var(--g-navy); color:var(--g-green-l); font-weight:700; border-radius:11px; flex:0 0 auto; }

/* tablo */
.g-table{ width:100%; border-collapse:separate; border-spacing:0; }
.g-table th{ font:700 12.5px var(--g-font); color:var(--g-t3); letter-spacing:.06em; text-transform:uppercase; padding:16px 22px; background:var(--g-s1); border-bottom:1px solid var(--g-b2); text-align:left; }
.g-table td{ padding:18px 22px; border-bottom:1px solid var(--g-b5); font:500 14px var(--g-font); color:var(--g-t3); vertical-align:middle; }
.g-table tr:last-child td{ border-bottom:0; }
.g-table-wrap{ border:1px solid var(--g-b2); border-radius:22px; overflow:hidden; }

/* alert */
.g-alert{ display:flex; gap:12px; align-items:flex-start; border-radius:16px; padding:16px 18px; font:500 13.5px var(--g-font); line-height:1.55; }
.g-alert-amber{ background:var(--g-amber-bg2); border:1px solid var(--g-amber-b); color:var(--g-amber-t); }
.g-alert-green{ background:var(--g-mint-3); border:1px solid var(--g-mint-b); color:var(--g-green-dd); }
.g-alert-red{ background:var(--g-red-bg); border:1px solid #F5D3D3; color:#8A2A2A; }
.g-alert-gray{ background:var(--g-s1); border:1px solid var(--g-b2); color:var(--g-t2); }

/* flash */
.g-toast{ position:fixed; right:22px; bottom:22px; z-index:1080; display:flex; flex-direction:column; gap:10px; }
.g-toast > div{ background:var(--g-navy); color:#fff; font:600 13.5px var(--g-font); padding:14px 18px; border-radius:14px; box-shadow:0 12px 30px rgba(14,21,38,.25); max-width:360px; }
.g-toast > div.ok{ background:var(--g-green-d); } .g-toast > div.err{ background:var(--g-red-2); }

/* ---------- tanıtım sitesi ---------- */
.g-site-nav{ height:78px; border-bottom:1px solid var(--g-b3); display:flex; align-items:center; justify-content:space-between; padding:0 56px; background:#fff; position:sticky; top:0; z-index:100; }
.g-site-nav .g-logo{ height:34px; width:auto; object-fit:contain; display:block; }
.g-site-nav .g-links{ display:flex; align-items:center; gap:34px; }
.g-site-nav .g-links a{ font:600 14.5px var(--g-font); color:var(--g-t2); } .g-site-nav .g-links a.active, .g-site-nav .g-links a:hover{ color:var(--g-navy); }
.g-site-nav .g-actions{ display:flex; align-items:center; gap:12px; }
.g-site-nav .g-actions .g-login{ font:600 14.5px var(--g-font); color:var(--g-navy); padding:11px 18px; }
.g-site-nav .g-burger{ display:none; width:42px; height:42px; border-radius:12px; border:1px solid var(--g-b1); background:#fff; align-items:center; justify-content:center; padding:0; }
.g-container{ padding-left:56px; padding-right:56px; }
.g-site-footer{ padding:48px 56px; background:var(--g-navy); display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.g-site-footer .g-fcol{ display:flex; flex-direction:column; gap:11px; }
.g-site-footer .g-fcol > span, .g-site-footer .g-fcol > a{ font:500 13px var(--g-font); color:rgba(255,255,255,.55); }
.g-site-footer .g-fcol > strong{ font:700 13px var(--g-font); color:#fff; }
.g-site-footer .g-fcol > a:hover{ color:#fff; }
.g-mobile-menu{ display:none; }

@media (max-width: 991.98px){
  .g-site-nav{ height:64px; padding:0 20px; }
  .g-site-nav .g-logo{ height:26px; }
  .g-site-nav .g-links{ display:none; }
  .g-site-nav .g-actions .g-login{ display:none; }
  .g-site-nav .g-actions .g-btn{ padding:10px 14px; font-size:12.5px; border-radius:10px; box-shadow:none; }
  .g-site-nav .g-burger{ display:inline-flex; }
  .g-site-nav .g-burger.is-open{ background:var(--g-navy); border-color:var(--g-navy); }
  body.menu-open .g-nav-cta, body.menu-open .g-site-nav .g-actions > .g-btn{ display:none; }
  .g-container{ padding-left:20px; padding-right:20px; }
  .g-site-footer{ grid-template-columns:1fr 1fr; padding:36px 20px; gap:28px; }
  .g-mobile-menu{ display:block; position:fixed; inset:64px 0 0 0; background:#fff; z-index:99; padding:22px 20px; overflow:auto; transform:translateX(100%); transition:transform .2s; }
  .g-mobile-menu.open{ transform:none; }
  .g-mobile-menu .g-mitem{ padding:16px 4px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--g-b3); font:700 19px var(--g-font); color:var(--g-navy); }
  body.menu-open{ overflow:hidden; }
}

/* ---------- panel (görev yapan / reklamveren / admin) ---------- */
/* ---------- panel kabuğu ----------
   Kenar çubuğu her rolde AÇIK zeminli (koyu sürüm kaldırıldı); etkin satır sol kenardaki
   renk şeridiyle işaretlenir. İçerik alanı tonlu zemin üzerinde beyaz kartlar taşır ve
   üstte yapışkan bir başlık çubuğu bulunur. */
.g-app{ display:flex; min-height:100vh; background:var(--k-s2); }
.g-side{ width:248px; flex:0 0 248px; background:#fff; border-right:1px solid var(--k-b2); padding:22px 14px; display:flex; flex-direction:column; gap:22px; position:sticky; top:0; height:100vh; overflow:auto; }
.g-side .g-logo{ height:28px; width:auto; object-fit:contain; align-self:flex-start; margin-left:8px; }
.g-side-brand{ display:flex; align-items:center; gap:10px; padding-left:8px; }
.g-side-brand img{ width:30px; height:30px; border-radius:var(--k-r-sm); }
.g-side-brand span{ font:800 16px var(--k-font); color:var(--k-ink); letter-spacing:-.02em; }
.g-side-nav{ display:flex; flex-direction:column; gap:1px; }
.g-side-nav a{ position:relative; display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:var(--k-r-sm); font:600 13.5px var(--k-font); color:var(--k-t3); letter-spacing:-.01em; }
.g-side-nav a svg{ flex:0 0 auto; opacity:.75; }
.g-side-nav a:hover{ background:var(--k-s2); color:var(--k-ink); }
.g-side-nav a.active{ background:var(--k-primary-bg); color:var(--k-primary-dd); font-weight:700; }
.g-side-nav a.active::before{ content:''; position:absolute; left:0; top:7px; bottom:7px; width:3px; border-radius:0 3px 3px 0; background:var(--k-primary); }
.g-side-nav a.active svg{ stroke:var(--k-primary-d); opacity:1; }
.g-side-nav a .g-count{ margin-left:auto; font:800 10.5px var(--k-font); background:var(--k-primary); color:#fff; padding:2px 7px; border-radius:var(--k-r-xs); letter-spacing:.02em; }
.g-side-foot{ margin-top:auto; }
.g-side-promo{ background:var(--k-s1); border:1px solid var(--k-b2); border-radius:var(--k-r-md); padding:14px; display:flex; flex-direction:column; gap:7px; }
.g-side-promo strong{ font:800 13px var(--k-font); color:var(--k-ink); }
.g-side-promo span{ font:500 12px var(--k-font); color:var(--k-t4); line-height:1.5; }
.g-side-promo a{ font:700 12px var(--k-font); color:var(--k-primary-d); }

/* Koyu kenar çubuğu kaldırıldı: eski `.g-app-dark` sınıfı geldiğinde de açık düzen uygulanır,
   böylece reklamveren/admin görünümleri ayrı bir dil kullanmaz. */
.g-app.g-app-dark .g-side{ background:#fff; border-right:1px solid var(--k-b2); }
.g-app.g-app-dark .g-side-brand span{ color:var(--k-ink); }
.g-app.g-app-dark .g-side-nav a{ color:var(--k-t3); }
.g-app.g-app-dark .g-side-nav a svg{ stroke:var(--k-t4); }
.g-app.g-app-dark .g-side-nav a:hover{ background:var(--k-s2); color:var(--k-ink); }
.g-app.g-app-dark .g-side-nav a.active{ background:var(--k-primary-bg); color:var(--k-primary-dd); }
.g-app.g-app-dark .g-side-nav a.active svg{ stroke:var(--k-primary-d); }
.g-app.g-app-dark .g-side-nav a .g-count{ background:var(--k-primary); color:#fff; }
.g-app.g-app-dark .g-side-promo{ background:var(--k-s1); border-color:var(--k-b2); }
.g-app.g-app-dark .g-side-promo strong{ color:var(--k-ink); } .g-app.g-app-dark .g-side-promo span{ color:var(--k-t4); }
/* kenar çubuğu altındaki cam butonlar açık zeminde okunmuyordu */
.g-app.g-app-dark .g-side-foot .g-btn-glass{ background:var(--k-s2); color:var(--k-t2); border:1px solid var(--k-b2) !important; }
.g-app.g-app-dark .g-side-foot .g-btn-glass:hover{ background:var(--k-s4); color:var(--k-ink); }
.g-side-balance{ background:var(--k-ink); border:0; border-radius:var(--k-r-md); padding:14px; display:flex; flex-direction:column; gap:6px; }

.g-main{ flex:1; min-width:0; padding:0 0 44px; display:flex; flex-direction:column; gap:18px; }
/* yapışkan başlık çubuğu: Görevle'de panelde üst çubuk yoktu, sayfa başlığı içerikle akıyordu */
.g-topbar{ position:sticky; top:0; z-index:40; background:rgba(255,255,255,.92); backdrop-filter:saturate(1.4) blur(8px); border-bottom:1px solid var(--k-b2); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.g-topbar-t{ font:800 15px var(--k-font); color:var(--k-ink); letter-spacing:-.02em; }
.g-topbar-r{ display:flex; align-items:center; gap:10px; }
.g-topbar-chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px 6px 6px; border:1px solid var(--k-b2); border-radius:var(--k-r-sm); background:#fff; font:700 12.5px var(--k-font); color:var(--k-t2); }
.g-topbar-chip i{ width:24px; height:24px; border-radius:var(--k-r-xs); background:var(--k-primary-bg); color:var(--k-primary-d); display:grid; place-items:center; font:800 11px var(--k-font); font-style:normal; }
.g-main > *:not(.g-topbar):not(.g-impersonate-bar){ margin-left:28px; margin-right:28px; }
.g-main > .g-page-head{ margin-top:10px; }
.g-page-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.g-page-head h1{ font:800 25px var(--k-font); color:var(--k-ink); letter-spacing:-.03em; margin:0; }
.g-page-head p{ font:500 13.5px var(--k-font); color:var(--k-t4); margin:5px 0 0; }
.g-topbar-actions{ display:flex; align-items:center; gap:12px; }
.g-topbar-user{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--g-b1); border-radius:13px; padding:8px 14px 8px 8px; font:600 13.5px var(--g-font); color:var(--g-navy); }
.g-topbar-user .g-avatar{ width:30px; height:30px; border-radius:9px; font-size:11px; }
.g-topbar-bell{ width:44px; height:44px; border-radius:13px; background:#fff; border:1px solid var(--g-b1); display:flex; align-items:center; justify-content:center; position:relative; color:var(--g-navy); }
.g-topbar-bell .g-bell-dot{ position:absolute; top:10px; right:11px; width:8px; height:8px; border-radius:50%; background:var(--g-green); border:2px solid #fff; }
.g-stat{ background:#fff; border:1px solid var(--g-b2); border-radius:22px; padding:22px; display:flex; flex-direction:column; gap:8px; }
.g-stat .g-stat-l{ font:500 12.5px var(--g-font); color:var(--g-t4); }
.g-stat .g-stat-v{ font:800 26px var(--g-font); color:var(--g-navy); }
.g-stat .g-stat-s{ font:500 12.5px var(--g-font); color:var(--g-t3); }
.g-panel-card{ background:#fff; border:1px solid var(--g-b2); border-radius:22px; padding:24px; display:flex; flex-direction:column; gap:18px; }
.g-panel-card h2, .g-panel-title{ font:800 18px var(--g-font); color:var(--g-navy); margin:0; }
.g-panel-title-17{ font:800 17px var(--g-font); color:var(--g-navy); margin:0; }
.g-panel-link{ font:600 13px var(--g-font); color:var(--g-green-d); }
.g-task-row{ border:1px solid var(--g-b2); border-radius:16px; padding:16px; display:flex; align-items:center; gap:14px; background:#fff; color:inherit; }
.g-task-row:hover{ border-color:var(--g-b4); color:inherit; }
.g-task-row .g-task-ic{ width:44px; height:44px; border-radius:13px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; }
.g-task-row .g-task-t{ font:700 15px var(--g-font); color:var(--g-navy); }
.g-task-row .g-task-m{ font:500 12.5px var(--g-font); color:var(--g-t4); }
.g-task-row .g-task-p{ font:800 16px var(--g-font); color:var(--g-green-d); white-space:nowrap; }
.g-task-row .g-btn{ font-size:13px; padding:11px 18px; border-radius:11px; }
.g-tx-row{ display:flex; align-items:center; gap:12px; }
.g-tx-row .g-tx-ic{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.g-tx-row .g-tx-t{ font:600 13px var(--g-font); color:var(--g-navy); }
.g-tx-row .g-tx-s{ font:500 11.5px var(--g-font); color:var(--g-t4); }
.g-tx-row .g-tx-a{ font:700 13px var(--g-font); color:var(--g-navy); white-space:nowrap; }
.g-tx-row .g-tx-a.plus{ color:var(--g-green-d); }
.g-balance-card{ background:var(--g-navy); border-radius:22px; padding:24px; position:relative; overflow:hidden; display:flex; flex-direction:column; gap:16px; }
.g-balance-card .g-glow{ position:absolute; bottom:-80px; right:-40px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(46,98,245,.28),transparent 70%); }
.g-balance-card .g-bl{ font:600 12.5px var(--g-font); color:rgba(255,255,255,.55); }
.g-balance-card .g-bv{ font:800 34px var(--g-font); color:#fff; letter-spacing:-.03em; }
.g-balance-card .g-bg{ font:600 12px var(--g-font); color:var(--g-green-l); }
.g-balance-card .g-btn{ font-size:13.5px; padding:12px 20px; border-radius:12px; box-shadow:none; }
.g-balance-card .g-btn-glass{ border:1px solid rgba(255,255,255,.14); font-weight:600; }
.g-empty{ padding:40px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; }
.g-empty strong{ font:700 16px var(--g-font); color:var(--g-navy); }
.g-empty span{ font:500 13.5px var(--g-font); color:var(--g-t4); max-width:360px; line-height:1.55; }
.g-filter-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.g-tabs{ display:flex; gap:6px; background:var(--g-s2); border-radius:12px; padding:4px; width:fit-content; }
.g-tabs a{ font:600 13px var(--g-font); color:var(--g-t4); padding:9px 16px; border-radius:9px; }
.g-tabs a.active{ background:#fff; color:var(--g-navy); font-weight:700; box-shadow:0 2px 8px rgba(14,21,38,.06); }
.g-kv-list{ display:flex; flex-direction:column; gap:10px; }
.g-kv-list > div{ display:flex; justify-content:space-between; gap:12px; font:500 13.5px var(--g-font); color:var(--g-t3); }
.g-kv-list > div > span:last-child{ font-weight:700; color:var(--g-navy); }
.g-mobile-topbar{ display:none; }
.g-side-backdrop{ display:none; }
.g-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.g-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.g-grid-1-3-1-1{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:16px; }
.g-grid-1-5-1{ display:grid; grid-template-columns:1.5fr 1fr; gap:16px; align-items:start; }
.g-grid-1-1-6{ display:grid; grid-template-columns:1fr 1.6fr; gap:16px; align-items:start; }
.g-grid-2-1{ display:grid; grid-template-columns:2fr 1fr; gap:16px; align-items:start; }
.g-grid-1-1{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
/* Not: sayfa içi satır içi (style="grid-template-columns:...") oranları ezmek için !important şart */
@media (max-width: 1199.98px){
  .g-grid-4{ grid-template-columns:repeat(2,1fr) !important; }
  .g-grid-1-3-1-1{ grid-template-columns:1fr 1fr !important; } .g-grid-1-3-1-1 > :first-child{ grid-column:1 / -1; }
}
@media (max-width: 991.98px){
  .g-app{ flex-direction:column; }
  .g-side{ position:fixed; z-index:1050; left:0; top:0; transform:translateX(-100%); transition:transform .2s; height:100vh; }
  .g-side.open{ transform:none; box-shadow:0 20px 60px rgba(14,21,38,.25); }
  .g-side-backdrop.show{ display:block; position:fixed; inset:0; background:rgba(14,21,38,.4); z-index:1040; }
  .g-mobile-topbar{ display:flex; align-items:center; justify-content:space-between; height:64px; padding:0 20px; background:#fff; border-bottom:1px solid var(--g-b3); position:sticky; top:0; z-index:100; }
  .g-mobile-topbar img{ height:26px; }
  .g-main{ padding:22px 16px 40px; gap:16px; }
  .g-page-head{ flex-direction:column; align-items:flex-start; }
  .g-page-head h1{ font-size:24px; }
  .g-grid-3, .g-grid-4, .g-grid-1-3-1-1, .g-grid-1-5-1, .g-grid-1-1-6, .g-grid-2-1, .g-grid-1-1{ grid-template-columns:1fr !important; }
  /* min-width:0 vermek metin sütununu sıfıra kadar ezip harf harf sardırıyordu:
     140px alt sınır bırakılır, sığmayan fiyat/buton alt satıra sarar */
  /* Satır içi style="flex:1;min-width:0" metin sütununu 50px'e kadar ezip harf harf sardırıyordu;
     alt sınır bırakılır, sığmayan fiyat/buton alt satıra sarar (bu yüzden !important) */
  .g-task-row{ flex-wrap:wrap; } .g-task-row .g-task-ic{ width:40px; height:40px; }
  .g-task-row > .g-col{ flex:1 1 60% !important; min-width:150px !important; }
  /* uzun paket adı / bağlantı gibi bölünemeyen metinler satırı taşırmasın */
  .g-task-row .g-task-t, .g-task-row .g-task-m{ overflow-wrap:anywhere; }
  /* Dar ekranda tek satıra zorlanan (nowrap) başlıklar satırı taşırıyordu: iki satıra kadar sarsınlar */
  .g-truncate{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
}

/* ---------- utility spacing overrides ---------- */
.g-p-14{padding:14px}.g-p-16{padding:16px}.g-p-18{padding:18px}.g-p-20{padding:20px}.g-p-22{padding:22px}.g-p-24{padding:24px}.g-p-26{padding:26px}.g-p-28{padding:28px}.g-p-30{padding:30px}
.g-r-8{border-radius:8px}.g-r-10{border-radius:10px}.g-r-11{border-radius:11px}.g-r-12{border-radius:12px}.g-r-13{border-radius:13px}.g-r-14{border-radius:14px}.g-r-16{border-radius:16px}.g-r-18{border-radius:18px}.g-r-20{border-radius:20px}.g-r-22{border-radius:22px}.g-r-24{border-radius:24px}.g-r-30{border-radius:30px}.g-r-40{border-radius:40px}.g-r-full{border-radius:var(--k-r-xs)}

/* WhatsApp yüzen destek butonu (site + paneller) */
.g-wa-fab{position:fixed;right:20px;bottom:20px;z-index:1040;display:inline-flex;align-items:center;gap:0;height:56px;padding:0 15px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(37,211,102,.36);transition:gap .22s ease,padding .22s ease,transform .18s ease}
.g-wa-fab svg{flex:none}
.g-wa-fab span{max-width:0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:14px;opacity:0;transition:max-width .26s ease,opacity .2s ease}
.g-wa-fab:hover{color:#fff;gap:10px;padding-right:20px;transform:translateY(-2px)}
.g-wa-fab:hover span{max-width:160px;opacity:1}
@media (max-width:575.98px){.g-wa-fab{right:14px;bottom:14px;height:52px;padding:0 13px}.g-wa-fab:hover span{max-width:0;opacity:0}.g-wa-fab:hover{gap:0;padding-right:13px}}
.g-btn-wa{background:#25D366;color:#fff;border-color:#25D366;gap:9px;box-shadow:0 8px 20px rgba(37,211,102,.26)}
.g-btn-wa:hover{background:#1FBE5B;border-color:#1FBE5B;color:#fff}

/* Kanıt: aynı görselin tekrar gönderildiği uyarısı */
.g-dup-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:9px 12px;border-radius:12px;background:#FFF6E8;border:1px solid #F3DCB4;font-size:12.5px;color:#8A5A12}
.g-dup-box b{font-weight:700;color:#7A4E0A}
.g-dup-box a{color:#1E44C9;font-weight:700}

/* Kanıt hızlı inceleme (klavye kısayolları) */
.g-shortcut-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:12px;padding:9px 14px;border-radius:12px;background:#F2F5F8;color:#414D68;font-size:12.5px}
.g-shortcut-bar b{color:#0E1526}
.g-shortcut-bar kbd{display:inline-block;min-width:19px;text-align:center;padding:1px 5px;border-radius:6px;background:#fff;border:1px solid #DCE3EB;border-bottom-width:2px;font:600 11.5px/1.5 inherit;color:#0E1526}
.g-proof-card.is-active{outline:2px solid #2E62F5;outline-offset:3px;border-radius:18px}
.g-approve-bar{margin-top:8px;padding:8px 12px;border-radius:10px;background:#EDF2FF;border:1px solid #CBD9FF;color:#173596;font-size:12.5px;font-weight:600}

/* Admin risk sinyalleri */
.g-risk-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--k-r-xs);background:#F2F5F8;color:#0E1526;font-size:12px;font-weight:600;text-decoration:none}
.g-risk-chip:hover{background:#EDF2FF;color:#173596}
.g-risk-chip.is-susp{background:#FFF6E8;color:#8A5A12}
.g-risk-chip.is-del{background:#FFF1F1;color:#B84A4E;text-decoration:line-through}
.g-risk-row{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #E9EEF3;border-radius:16px}
.g-risk-thumb{flex:none;width:64px;height:64px;border-radius:12px;background:#F2F5F8 center/cover no-repeat;border:1px solid #DCE3F0}

/* Blog kapakları: arka plan yerine gerçek <img> (SEO + lazy yükleme) */
.g-blog-cover,.g-blog-thumb,.g-blog-card-cover,.g-post-hero,.g-related-thumb{position:relative;overflow:hidden}
.g-blog-cover>img,.g-blog-thumb>img,.g-blog-card-cover>img,.g-post-hero>img,.g-related-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.g-blog-cover>.g-blog-tag,.g-post-hero>.g-blog-tag{position:relative;z-index:1}

/* Panel: davet kartı */
.g-invite-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#0E1526 0%,#123A2C 100%);color:#fff}
.g-invite-card h2{color:#fff;margin:0}
.g-invite-card>span{color:rgba(255,255,255,.72)}
.g-invite-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.28);cursor:pointer}
.g-invite-code span{font-weight:800;letter-spacing:.06em;font-size:15px}
.g-invite-code b{font-size:12px;color:#6E92FF}

/* Kanıt sonrası "sıradaki görev" önerileri */
.g-next-task{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #E9EEF3;border-radius:14px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.g-next-task:hover{border-color:#2E62F5;transform:translateY(-1px)}
.g-next-task b{font-size:13.5px;color:#0E1526}
.g-next-task span span,.g-next-task>span>span:last-child{font-size:12px;color:#78859D}
.g-next-reward{flex:none;font-weight:800;font-size:14px;color:#1E44C9}

/* Reklamveren başlangıç rehberi */
.g-onboard{gap:14px}
.g-onboard-steps{display:grid;gap:10px}
.g-onboard-step{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid #E9EEF3;border-radius:14px}
.g-onboard-step b{font-size:13.5px;color:#0E1526}
.g-onboard-step span:not(.g-onboard-num){font-size:12.5px;color:#5B6883}
.g-onboard-step.is-done{background:#F7FBF9;border-color:#CBD9FF}
.g-onboard-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#EEF1F8;color:#414D68;font-weight:800;font-size:12.5px}
.g-onboard-step.is-done .g-onboard-num{background:#2E62F5;color:#fff}

/* ---- Ana sayfa: canlı akış, popüler görevler, güven bölümü ---- */
.g-live{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.g-live-head{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.g-live-sub{color:#414D68;font-size:15.5px;line-height:1.7;margin:0}
.g-live-counts{display:flex;gap:26px;margin:6px 0 4px}
.g-live-counts div{display:flex;flex-direction:column}
.g-live-counts span{font-weight:800;font-size:24px;color:#0E1526;letter-spacing:-.02em}
.g-live-counts small{font-size:12.5px;color:#78859D;font-weight:600}
.g-live-panel{background:#fff;border:1px solid #DCE3F0;border-radius:24px;overflow:hidden;box-shadow:0 22px 50px rgba(14,21,38,.07)}
.g-live-bar{display:flex;align-items:center;gap:9px;padding:15px 20px;border-bottom:1px solid #EDF1F5;font-weight:700;font-size:13.5px;color:#0E1526;background:#F8FAFB}
.g-live-now{margin-left:auto;font-weight:600;font-size:12px;color:#78859D}
.g-live-dot{width:9px;height:9px;border-radius:50%;background:#2E62F5;box-shadow:0 0 0 0 rgba(46,98,245,.55);animation:gLivePulse 1.8s infinite}
@keyframes gLivePulse{70%{box-shadow:0 0 0 9px rgba(46,98,245,0)}100%{box-shadow:0 0 0 0 rgba(46,98,245,0)}}
.g-live-list{padding:6px 0;min-height:352px}
.g-live-item{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #F2F5F8;transition:opacity .3s ease,transform .3s ease}
.g-live-item:last-child{border-bottom:0}
.g-live-hidden{display:none}
.g-live-in{animation:gLiveIn .42s ease}
.g-live-out{opacity:0;transform:translateY(6px)}
@keyframes gLiveIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.g-live-ico{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#EDF2FF}
.g-live-payout{background:#EDF2FF}.g-live-new_task{background:#EEF1F8}.g-live-signup{background:#FFF6E8}.g-live-done{background:#EDF2FF}
.g-live-txt{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13.8px;color:#414D68;line-height:1.45}
.g-live-txt strong{color:#0E1526;font-weight:700}
.g-live-txt small{font-size:11.5px;color:#9AA7B8;font-weight:600}
.g-live-amount{font-weight:800;font-size:14px;color:#1E44C9;white-space:nowrap}
.g-pop{padding-top:0;padding-bottom:0}  /* dikkat: kısa yazım (padding:0) .g-container yan boşluğunu siler */
.g-pop-head{align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.g-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-pop-card{background:#fff;border:1px solid #E9EEF3;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:9px;transition:transform .18s ease,box-shadow .18s ease}
.g-pop-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,21,38,.08)}
.g-pop-tag{align-self:flex-start;font-size:11px;font-weight:700;color:#1E44C9;background:#EDF2FF;border-radius:var(--k-r-xs);padding:4px 10px}
.g-pop-card strong{font-size:14.5px;color:#0E1526;line-height:1.4;min-height:40px}
.g-pop-foot{align-items:center;border-top:1px solid #F2F5F8;padding-top:11px}
.g-pop-foot small{font-size:12px;color:#78859D;font-weight:600}
.g-pop-price{font-weight:800;font-size:16px;color:#0E1526}
.g-trust{display:flex;flex-direction:column;gap:28px}
.g-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.g-trust-card{background:#fff;border:1px solid #E9EEF3;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:18px}
.g-trust-badge{align-self:flex-start;font-size:12px;font-weight:700;color:#1E44C9;background:#EDF2FF;border-radius:var(--k-r-xs);padding:6px 13px}
.g-trust-badge-navy{color:#3E4C66;background:#EEF1F8}
.g-trust-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.g-trust-list li{display:flex;gap:11px;align-items:flex-start}
.g-trust-list strong{display:block;font-size:14.5px;color:#0E1526;margin-bottom:2px}
.g-trust-list small{font-size:13px;color:#5B6883;line-height:1.6}
@media (max-width:991.98px){.g-live{grid-template-columns:1fr;gap:26px}.g-pop-grid{grid-template-columns:repeat(2,1fr)}.g-trust-grid{grid-template-columns:1fr}.g-live-list{min-height:300px}}
@media (max-width:575.98px){.g-pop-grid{grid-template-columns:1fr}.g-live-counts{gap:18px}.g-live-counts span{font-size:21px}}

/* ---- Görev türü SEO sayfaları ---- */
.g-tt-head{padding-top:44px;padding-bottom:10px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.g-h1-40{font-size:40px;font-weight:800;letter-spacing:-.03em;color:#0E1526;margin:0;line-height:1.15}
.g-h2-24{font-size:22px;font-weight:800;color:#0E1526;margin:0 0 14px;display:flex;align-items:baseline;gap:10px}
.g-h2-24 small{font-size:13px;font-weight:600;color:#78859D}
.g-tt-search{display:flex;gap:10px;width:100%;max-width:560px;margin-top:6px}
.g-tt-search .g-input{flex:1;background:#fff}
.g-tt-list{padding-top:26px;padding-bottom:40px;display:flex;flex-direction:column;gap:34px}
.g-tt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.g-tt-card{background:#fff;border:1px solid #E9EEF3;border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;gap:9px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.g-tt-card:hover{transform:translateY(-2px);border-color:#CBD9FF;box-shadow:0 12px 26px rgba(14,21,38,.07)}
.g-tt-card strong{font-size:14px;color:#0E1526;line-height:1.4;min-height:38px}
.g-tt-foot{align-items:center;border-top:1px solid #F2F5F8;padding-top:9px}
.g-tt-foot small{font-size:11.5px;color:#78859D;font-weight:600}
.g-tt-foot span{font-weight:800;font-size:14.5px;color:#1E44C9}
.g-crumb{font-size:12.5px;color:#78859D;font-weight:600;margin-bottom:16px}
.g-crumb a{color:#5B6883;text-decoration:none}.g-crumb a:hover{color:#1E44C9}
.g-tt-hero{padding-top:32px;padding-bottom:8px}
.g-tt-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:start}
.g-tt-cta{flex-wrap:wrap;margin-top:6px}
.g-tt-facts{background:#fff;border:1px solid #DCE3F0;border-radius:22px;padding:8px 20px;box-shadow:0 18px 44px rgba(14,21,38,.06)}
.g-tt-facts div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #F2F5F8}
.g-tt-facts div:last-child{border-bottom:0}
.g-tt-facts small{font-size:13px;color:#5B6883;font-weight:600}
.g-tt-facts strong{font-size:15.5px;color:#0E1526;font-weight:800}
.g-tt-steps{padding-top:44px;padding-bottom:8px}
.g-tt-steps-list{list-style:none;margin:18px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.g-tt-steps-list li{display:flex;gap:13px;background:#fff;border:1px solid #E9EEF3;border-radius:16px;padding:16px}
.g-tt-steps-list span{width:28px;height:28px;flex:none;border-radius:9px;background:#EDF2FF;color:#1E44C9;font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center}
.g-tt-steps-list p{margin:0;font-size:14px;color:#414D68;line-height:1.6}
.g-tt-body{padding-top:34px}
.g-tt-body .g-article{max-width:760px}
.g-tt-body .g-article h2{font-size:24px;font-weight:800;color:#0E1526;margin:30px 0 12px}
.g-tt-body .g-article h3{font-size:18px;font-weight:700;color:#0E1526;margin:22px 0 10px}
.g-tt-body .g-article p{color:#414D68;line-height:1.8;margin:0 0 14px;font-size:15.5px}
.g-tt-body .g-article ul{color:#414D68;line-height:1.8;font-size:15.5px;padding-left:20px;margin:0 0 16px}
.g-tt-faq{padding-top:34px;padding-bottom:8px}
.g-faq-item{background:#fff;border:1px solid #E9EEF3;border-radius:16px;padding:16px 18px}
.g-faq-item summary{font-weight:700;font-size:15px;color:#0E1526;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.g-faq-item summary::after{content:'+';color:#78859D;font-weight:700}
.g-faq-item[open] summary::after{content:'−'}
.g-faq-item p{margin:12px 0 0;color:#414D68;line-height:1.75;font-size:14.5px}
.g-alert-mint{background:#EDF2FF;border:1px solid #CBD9FF;color:#173596;border-radius:14px;padding:14px 16px;font-size:14px}
@media (max-width:991.98px){.g-tt-hero-grid{grid-template-columns:1fr;gap:22px}.g-tt-grid{grid-template-columns:repeat(2,1fr)}.g-tt-steps-list{grid-template-columns:1fr}.g-h1-40{font-size:31px}}
@media (max-width:575.98px){.g-tt-grid{grid-template-columns:1fr}.g-tt-search{flex-direction:column}}
.g-pn-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.g-pn-link:hover{color:#1E44C9;border-bottom-color:#CBD9FF}

/* IBAN QR ödeme ekranı */
.g-qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.g-qr-card{background:#fff;border:1px solid #DCE3F0;border-radius:18px;padding:16px;display:flex;gap:16px;align-items:flex-start}
.g-qr-img{width:118px;height:118px;flex:none;background:#fff;border:1px solid #EDF1F5;border-radius:12px;padding:6px}
.g-qr-img svg{width:100%;height:100%;display:block}
.g-qr-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.g-qr-info strong{font-size:15px;color:#0E1526}
.g-qr-amount{font-weight:800;font-size:19px;color:#1E44C9}
.g-qr-iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:#3E4C66;background:#F6F8FA;border-radius:8px;padding:6px 8px;cursor:pointer;word-break:keep-all;line-height:1.6}
.g-qr-info small{font-size:11.5px;color:#78859D}
.g-qr-actions{margin-top:4px}
@media print{.g-sidebar,.g-page-head .g-flex,.g-qr-actions,.g-wa-fab{display:none!important}.g-qr-grid{grid-template-columns:repeat(2,1fr)}.g-qr-card{break-inside:avoid}}
.g-seo-grid{display:grid;grid-template-columns:minmax(320px,.85fr) 1.5fr;gap:16px;align-items:start}
@media (max-width:1199.98px){.g-seo-grid{grid-template-columns:1fr}}

/* Geniş ekranlarda içerik ortalanır (kenarlara yapışmasın) */
@media (min-width:1500px){
  .g-hero,.g-how,.g-two,.g-container,.g-blog-wrap,.g-pricing,.g-page-band{max-width:1420px;margin-left:auto;margin-right:auto}
  .g-cta{padding-left:calc((100vw - 1420px)/2 + 56px);padding-right:calc((100vw - 1420px)/2 + 56px)}
  .g-site-nav,.g-site-footer{padding-left:calc((100vw - 1420px)/2 + 56px);padding-right:calc((100vw - 1420px)/2 + 56px)}
}

/* ---- Admin finansal işlemler ---- */
.g-fin-filter{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.g-fin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px}
.g-fin-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.g-fin-balances > div{background:var(--g-s1);border:1px solid var(--g-b3);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:3px}
.g-fin-balances small{font-size:12.5px;color:var(--g-t4);font-weight:600}
.g-fin-balances strong{font-size:19px;font-weight:800;color:var(--g-navy)}
.g-fin-balances span{font-size:11.5px;color:var(--g-t5)}
.g-legend{display:inline-flex;align-items:center;gap:6px}
.g-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.g-chart{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px;align-items:end;height:230px;margin-top:16px;padding-bottom:22px;position:relative}
.g-chart-col{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.g-chart-bars{display:flex;align-items:flex-end;gap:2px;height:100%}
.g-chart-bars span{flex:1;border-radius:3px 3px 0 0;min-height:2px;transition:opacity .15s}
.g-chart-col:hover .g-chart-bars span{opacity:.75}
.g-chart-col small{font-size:10px;color:var(--g-t5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-chart-single{height:150px}
.g-fin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.g-fin-sub{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--g-b3);padding-top:10px;margin-top:4px;font-size:12.5px;color:var(--g-t4)}
@media (max-width:1199.98px){.g-fin-kpis{grid-template-columns:repeat(2,1fr)}.g-fin-balances{grid-template-columns:repeat(2,1fr)}.g-fin-grid{grid-template-columns:1fr}}
@media (max-width:767.98px){
  .g-fin-kpis,.g-fin-balances{grid-template-columns:1fr}
  .g-chart-col small{display:none}
  .g-fin-filter{flex-direction:column;align-items:stretch}
  .g-fin-filter .g-tabs{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .g-fin-filter input[type=date]{max-width:136px}
  .g-panel-card > .g-between{flex-wrap:wrap;gap:8px}
  .g-panel-card .g-flex.g-gap-14{flex-wrap:wrap;gap:8px 12px;font-size:11.5px}
}
/* Kayıt formunda sosyal giriş üstte */
.g-auth-social-top{margin-top:2px}
.g-auth-social-top button{justify-content:center}
@media (max-width:575.98px){.g-social-long{display:none}}

/* ---- Reklam hedef sayfaları (/hizmet/{slug}) ---- */
.g-lp-hero{background:linear-gradient(180deg,#F7FBF9,#fff);border-bottom:1px solid #EDF1F5;padding:38px 0 46px}
.g-lp-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.g-lp-copy{display:flex;flex-direction:column;gap:18px}
.g-lp-copy h1{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.12;color:#0E1526;margin:0}
.g-lp-copy > p{font-size:16.5px;line-height:1.7;color:#414D68;margin:0;max-width:620px}
.g-lp-bullets{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.g-lp-bullets li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;font-weight:600;color:#0E1526;line-height:1.5}
.g-lp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.g-lp-stats{display:flex;gap:28px;margin-top:8px;flex-wrap:wrap}
.g-lp-stats strong{display:block;font-size:24px;font-weight:800;color:#0E1526;letter-spacing:-.02em}
.g-lp-stats small{font-size:12.5px;color:#78859D;font-weight:600}
.g-lp-form{background:#fff;border:1px solid #DCE3F0;border-radius:24px;padding:24px;box-shadow:0 22px 50px rgba(14,21,38,.09);position:sticky;top:88px}
.g-lp-done{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:8px 0}
.g-lp-done strong{font-size:19px;font-weight:800;color:#0E1526}
.g-lp-done p{font-size:14px;color:#414D68;line-height:1.65;margin:0}
.g-lp-sec{padding:52px 0 0;display:flex;flex-direction:column}
.g-lp-hero{padding-bottom:52px}
.g-lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.g-lp-card{background:#fff;border:1px solid #E9EEF3;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}
.g-lp-card strong{font-size:16px;color:#0E1526}
.g-lp-card p{margin:0;font-size:14px;color:#414D68;line-height:1.65}
.g-lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.g-lp-step{background:#fff;border:1px solid #E9EEF3;border-radius:18px;padding:18px;display:flex;gap:12px}
.g-lp-step > span{width:30px;height:30px;flex:none;border-radius:10px;background:#EDF2FF;color:#1E44C9;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.g-lp-step strong{display:block;font-size:15px;color:#0E1526;margin-bottom:4px}
.g-lp-step p{margin:0;font-size:13.5px;color:#5B6883;line-height:1.6}
@media (max-width:1199.98px){.g-lp-hero-in{grid-template-columns:1fr;gap:28px}.g-lp-form{position:static}.g-lp-grid{grid-template-columns:repeat(2,1fr)}.g-lp-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.g-lp-copy h1{font-size:31px}.g-lp-bullets{grid-template-columns:1fr}.g-lp-grid,.g-lp-steps{grid-template-columns:1fr}.g-lp-stats{gap:18px}}

/* ---- Bölüm ritmi: sayfalar arasında tutarlı boşluk ve zemin geçişi ---- */
.g-sec{padding:64px 0}
.g-sec-alt{background:#F8FAFB;border-top:1px solid #EDF1F5;border-bottom:1px solid #EDF1F5}
.g-sec-dark{background:linear-gradient(180deg,#0E1526,#111E42);border-top:1px solid #0E1526}
.g-sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.g-sec-head-center{align-items:center;text-align:center}
.g-sec-head-row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.g-narrow{max-width:860px}

/* Hizmet sayfası: hero canlı kartı */
.g-lp-live{background:#fff;border:1px solid #DCE3F0;border-radius:24px;padding:8px 8px 14px;box-shadow:0 22px 50px rgba(14,21,38,.08)}
.g-lp-live-head{display:flex;align-items:center;gap:9px;padding:14px 14px 12px;font-weight:700;font-size:13.5px;color:#0E1526}
.g-lp-live-now{margin-left:auto;font-weight:600;font-size:12px;color:#78859D}
.g-lp-live-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:#F8FAFB;margin-bottom:8px}
.g-lp-live-ico{width:36px;height:36px;flex:none;border-radius:11px;background:#EDF2FF;display:inline-flex;align-items:center;justify-content:center}
.g-lp-live-row strong{font-size:14px;color:#0E1526;line-height:1.35}
.g-lp-live-row small{font-size:11.5px;color:#78859D;font-weight:600}
.g-lp-live-foot{text-align:right;font-size:11.5px;color:#9AA7B8;padding:4px 14px 0}

/* Paket kartları (koyu zemin) */
.g-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g-pack{position:relative;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:26px 22px;display:flex;flex-direction:column;gap:10px}
.g-pack.is-top{background:rgba(46,98,245,.1);border-color:rgba(110,146,255,.42);box-shadow:0 18px 44px rgba(46,98,245,.16)}
.g-pack-tag{position:absolute;top:-11px;left:22px;background:#2E62F5;color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:var(--k-r-xs)}
.g-pack-name{font-size:17px;font-weight:800;color:#fff}
.g-pack-price{font-size:34px;font-weight:800;color:#6E92FF;letter-spacing:-.03em;line-height:1.1}
.g-pack-note{font-size:12.5px;color:rgba(255,255,255,.55);font-weight:600;margin-bottom:6px}
.g-pack ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.g-pack li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.82);line-height:1.5}
.g-pack .g-btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}
.g-pack .g-btn-glass:hover{background:rgba(255,255,255,.16);color:#fff}
.g-pack-foot{text-align:center;color:rgba(255,255,255,.5);font-size:12.5px;margin:22px 0 0}
@media (max-width:991.98px){.g-pack-grid{grid-template-columns:1fr}.g-sec{padding:44px 0}}
/* Ana sayfa bölümleri arasında tutarlı üst boşluk */
.g-how{padding-top:64px!important}
.g-two{padding-top:64px!important}
@media (max-width:991.98px){.g-how,.g-two{padding-top:40px!important}}
.g-risk-row{display:flex;gap:12px;align-items:center;border:1px solid var(--g-b3);border-radius:14px;padding:12px 14px}
.g-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.g-btn.is-on{background:var(--g-navy);color:#fff;border-color:var(--g-navy)}

/* ---- Rehber sayfaları (soru-cevap, GEO odaklı) ---- */
.g-guide{padding-top:36px;padding-bottom:8px;display:flex;flex-direction:column;gap:14px;max-width:860px}
.g-answer{background:#F7FBF9;border:1px solid #CBD9FF;border-left:4px solid #2E62F5;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.g-answer-label{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#1E44C9}
.g-answer p{margin:0;font-size:17px;line-height:1.65;color:#0E1526;font-weight:600}
.g-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:6px}
.g-facts > div{background:#fff;border:1px solid #E9EEF3;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}
.g-facts small{font-size:12px;color:#78859D;font-weight:600}
.g-facts strong{font-size:15.5px;color:#0E1526;font-weight:800}
.g-guide-body{margin-top:10px}
.g-guide-body h2{font-size:23px;font-weight:800;color:#0E1526;margin:28px 0 12px}
.g-guide-body p{color:#414D68;line-height:1.8;margin:0 0 14px;font-size:15.5px}
.g-guide-body ul{color:#414D68;line-height:1.8;font-size:15.5px;padding-left:20px;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.g-guide-body b{color:#0E1526}
.g-guide-faq{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.g-guide-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #EDF1F5}
.g-guide-more{margin-top:30px;display:flex;flex-direction:column;gap:12px}
.g-guide-link{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #E9EEF3;border-radius:14px;padding:14px 16px;text-decoration:none}
.g-guide-link:hover{border-color:#CBD9FF}
.g-guide-link span{font-size:14.5px;font-weight:700;color:#0E1526}
.g-guide-link small{font-size:12px;color:#78859D;white-space:nowrap}
@media (max-width:767.98px){.g-guide-body h2{font-size:20px}.g-answer p{font-size:15.5px}}

/* ---- Yazar / editöryal künye (E-E-A-T) ---- */
.g-authorbox{display:flex;gap:14px;align-items:flex-start;background:#F8FAFB;border:1px solid var(--g-border,#DCE3F0);border-radius:18px;padding:18px 20px;margin-top:28px}
.g-authorbox-av{flex:0 0 44px;width:44px;height:44px;border-radius:999px;background:#EDF2FF;border:1px solid #CBD9FF;color:#1E44C9;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.g-authorbox-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.g-authorbox-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.g-authorbox-top strong{font-size:14px;font-weight:800;color:#0E1526}
.g-authorbox-role{font-size:12px;font-weight:600;color:#1E44C9;background:#EDF2FF;border-radius:var(--k-r-xs);padding:3px 10px}
.g-authorbox p{margin:0;font-size:13px;line-height:1.65;color:#414D68;font-weight:500}
.g-authorbox-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:600;color:#78859D;margin-top:2px}
.g-authorbox-meta a{color:#1E44C9;text-decoration:none}
.g-authorbox-meta a:hover{text-decoration:underline}
@media (max-width:520px){.g-authorbox{padding:16px}}

/* ---- Güven kutusu: "senden asla para istemeyiz" (partials/safety-note) ---- */
.g-safe{ border:1px solid var(--g-mint-b,#CBD9FF); background:linear-gradient(180deg,#F4FDF8 0%,#FFFFFF 62%); border-radius:18px; padding:20px 22px; display:flex; flex-direction:column; gap:16px; }
.g-safe-head{ display:flex; align-items:center; gap:13px; }
.g-safe-ic{ flex:0 0 auto; width:44px; height:44px; border-radius:13px; background:#EDF2FF; border:1px solid #CBD9FF; display:flex; align-items:center; justify-content:center; }
.g-safe-head strong{ font:800 16px/1.3 var(--g-font); color:#0E1526; letter-spacing:-.2px; }
.g-safe-head small{ font:500 13px/1.5 var(--g-font); color:#5B6883; }
.g-safe-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
.g-safe-list li{ display:flex; gap:10px; align-items:flex-start; }
.g-safe-list svg{ flex:0 0 auto; margin-top:2px; }
.g-safe-list strong{ display:block; font:700 14px/1.4 var(--g-font); color:#0E1526; margin-bottom:2px; }
.g-safe-list small{ font:500 12.8px/1.6 var(--g-font); color:#5B6883; }
.g-safe-warn{ display:flex; gap:10px; align-items:flex-start; background:#FFF6E8; border:1px solid #F5E0BC; border-radius:13px; padding:12px 14px; font:500 12.8px/1.62 var(--g-font); color:#8A6320; }
.g-safe-warn b{ color:#6E4E12; font-weight:700; }
.g-safe-band{ padding:28px 30px; }
.g-safe-band .g-safe-head strong{ font-size:20px; }
@media (max-width:860px){ .g-safe-list{ grid-template-columns:1fr !important; } .g-safe{ padding:16px 16px; } .g-safe-band{ padding:20px 18px; } }

/* Taşma koruması: ızgara sütunları uzun içerikle genişlemesin, anahtar-değer satırları kırılabilsin */
/* Izgara öğeleri varsayılan min-width:auto taşır: içindeki uzun metin sütunu kapsayıcıdan geniş
   yapıp sayfayı yatay kaydırtıyordu (/admin özetinde 375px'te ~54px taşma). */
.g-grid-1-5-1 > *, .g-grid-1-1-6 > *, .g-grid-1-1 > * { min-width:0; }
.g-kv-list > div > span:last-child { min-width:0; text-align:right; overflow-wrap:anywhere; }

/* Aranabilir açılır kutu — select[data-search] (public/js/app.js). Düğme asıl select'in sınıflarını taşır. */
.g-ss{ position:relative; width:100%; min-width:0; }
.g-ss-native{ position:absolute !important; left:0; bottom:0; width:1px !important; height:1px; opacity:0; pointer-events:none; }
.g-ss-btn{ display:block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.g-ss.open .g-ss-btn{ border-color:var(--g-green); background-color:#fff; box-shadow:0 0 0 4px rgba(46,98,245,.12); }
.g-ss-pop{ position:absolute; z-index:60; top:calc(100% + 6px); left:0; width:max(100%, 400px); max-width:min(600px, calc(100vw - 32px)); background:#fff; border:1px solid var(--g-b1); border-radius:14px; box-shadow:0 18px 44px rgba(14,21,38,.14); padding:8px; }
.g-ss-q{ width:100%; border:1px solid var(--g-b1); border-radius:10px; padding:10px 12px; font:600 14px var(--g-font); color:var(--g-navy); background:var(--g-s1); outline:none; }
.g-ss-q:focus{ border-color:var(--g-green); background:#fff; }
.g-ss-list{ max-height:340px; overflow-y:auto; margin-top:6px; overscroll-behavior:contain; }
.g-ss-opt{ padding:9px 12px; border-radius:9px; font:600 13.5px/1.4 var(--g-font); color:var(--g-navy); cursor:pointer; }
.g-ss-opt.is-act{ background:#F2F5F8; }
.g-ss-opt.is-sel{ color:#1E44C9; }
.g-ss-opt.is-sel::after{ content:'✓'; float:right; margin-left:10px; }
.g-ss-empty{ padding:12px; font:500 13px var(--g-font); color:var(--g-t4); }
@media (max-width:640px){ .g-ss-pop{ width:100%; max-width:none; } }

/* Bayilik & API tanıtım sayfaları, başvuru formu (site/partner-*, partials/partner-form) */
.g-partner-hero{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:32px; align-items:start; }
.g-partner-hero > *{ min-width:0; }
.g-partner-hero h1{ font:800 44px/1.1 var(--g-font); letter-spacing:-.02em; color:var(--g-navy); margin:4px 0; }
.g-partner-hero .g-lead, .g-partner-apply .g-lead{ font:500 16.5px/1.6 var(--g-font); color:#414D68; }
.g-partner-cards{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.g-partner-steps{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.g-partner-card{ background:#fff; border:1px solid var(--g-b1); border-radius:20px; padding:20px; display:flex; flex-direction:column; gap:8px; min-width:0; }
.g-partner-card b{ font:700 15.5px var(--g-font); color:var(--g-navy); }
.g-partner-card span{ font:500 13.5px/1.55 var(--g-font); color:#5B6883; }
.g-partner-apply{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; }
.g-partner-list{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:9px; font:500 14px/1.55 var(--g-font); color:#414D68; }
.g-partner-form .g-form-grid{ gap:12px; }
@media (max-width:860px){
  .g-partner-hero, .g-partner-apply, .g-partner-cards, .g-partner-steps{ grid-template-columns:1fr !important; }
  .g-partner-hero h1{ font-size:32px; }
}

/* Admin → Görev tipleri: düzenlenebilir tablo (satır içi düzenleme + toplu kaydet) */
.g-tt-bar{ gap:12px; margin-bottom:14px; padding:16px 18px; }
.g-tt-filters,.g-tt-bulk{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.g-tt-filters #ttSearch{ flex:1 1 240px; min-width:0; }
.g-tt-filters select{ width:auto; min-width:150px; }
.g-tt-bulk{ padding-top:12px; border-top:1px solid var(--g-b5); }
.g-tt-bulk select{ width:auto; }
.g-tt-card{ padding:0; overflow:hidden; }
.g-tt-scroll{ overflow:auto; max-height:calc(100vh - 150px); }
.g-tt{ width:100%; min-width:1000px; border-collapse:separate; border-spacing:0; }
.g-tt th{ position:sticky; top:0; z-index:2; background:var(--g-s1); font:700 11px var(--g-font); color:var(--g-t3); letter-spacing:.04em; text-transform:uppercase; padding:11px 8px; border-bottom:1px solid var(--g-b2); text-align:left; white-space:nowrap; }
.g-tt td{ padding:8px 8px; border-bottom:1px solid var(--g-b5); vertical-align:middle; font:500 13px var(--g-font); color:var(--g-t3); }
.g-tt th.num,.g-tt td.num{ text-align:right; } .g-tt th.c,.g-tt td.c{ text-align:center; }
.g-tt-chk{ width:34px; padding-left:16px !important; }
.g-tt-name{ min-width:230px; }
.g-tt-title{ font:700 13.5px var(--g-font); color:var(--g-navy); }
.g-tt-in{ width:80px; padding:7px 9px !important; text-align:right; font-size:13px !important; }
.g-tt-sort{ width:64px; }
.g-tt-in.changed,.g-tt-detail .changed{ border-color:var(--g-amber,#E08A2E) !important; background:#FFF6E8 !important; }
.g-tt-row.dirty td{ background:#FFFBF3; } .g-tt-row.dirty td:first-child{ box-shadow:inset 3px 0 0 #E08A2E; }
.g-tt-row:hover td{ background:var(--g-s1); } .g-tt-row.dirty:hover td{ background:#FFF6E8; }
.g-tt-row.has-err td{ background:#FFF1F1; } .g-tt-row.has-err td:first-child{ box-shadow:inset 3px 0 0 #DC4A4A; }
.g-tt-err{ font:600 12px var(--g-font); color:#C73B3B; } .g-tt-err:empty{ display:none; }
.g-tt-margin{ font-weight:700; color:var(--g-green-d); } .g-tt-margin.low{ color:#E08A2E; } .g-tt-margin.bad{ color:#C73B3B; }
.g-tt-detail td{ background:var(--g-s1); padding:12px 10px 16px; }
.g-tt-detail.dirty td{ background:#FFFBF3; }
.g-tt-detail-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.g-tt-detail-grid .g-tt-wide{ grid-column:1 / -1; }
.g-tt-empty{ padding:40px; text-align:center; color:var(--g-t4); font:600 14px var(--g-font); }
.g-tt-save{ position:sticky; bottom:16px; z-index:20; margin:14px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; background:var(--g-navy); color:#fff; padding:12px 14px 12px 20px; border-radius:16px; box-shadow:0 14px 34px rgba(14,21,38,.28); font:500 14px var(--g-font); }
.g-tt-save[hidden]{ display:none; }
.g-tt-new{ margin-top:16px; } .g-tt-new summary{ cursor:pointer; font-size:14.5px; color:var(--g-navy); list-style:none; } .g-tt-new summary::-webkit-details-marker{ display:none; }
@media (max-width:860px){ .g-tt-detail-grid{ grid-template-columns:1fr 1fr; } .g-tt-filters select,.g-tt-bulk select{ flex:1 1 140px; } .g-tt-scroll{ max-height:none; } }

/* Görev yapan: görev rehberi (bağlantı düğmesi + adım adım akış, App\Support\TaskGuide) */
.g-guide{ gap:14px; border-color:#CBD9FF; }
.g-guide-link{ display:flex; align-items:center; justify-content:center; gap:8px; padding:15px 0; font-size:15px; border-radius:13px; }
.g-guide-steps .g-step > span:first-child{ background:var(--g-green); }
.g-link-btn{ background:none; border:0; padding:0; cursor:pointer; font:inherit; }

/* Admin kanıt listesi: kararı görev verenin vereceği kanıtlar */
.g-pill-purple{ background:#F3EDFC; color:#6B3FA0; }
.g-acc-box.is-adv{ border-color:#E3D6F6; background:#FAF6FF; }
.g-acc-box.is-adv b{ color:#6B3FA0; }

/* Sekme şeridi dar ekranda taşmasın (admin kanıt sekmeleri 9 parçaya çıktı) */
@media (max-width:900px){
  .g-tabs{ flex-wrap:wrap; width:auto; max-width:100%; }
  .g-tabs a{ padding:8px 12px; font-size:12.5px; }
}
@media (max-width:900px){
  /* Kanıt kartındaki red formu (hazır neden + kutucuklar) dar ekranda alt satıra insin */
  .g-proof-card form.g-flex{ flex-wrap:wrap; }
  .g-proof-card form.g-flex .g-input{ flex:1 1 160px; min-width:0; }
}

/* Kanıt filtresi çipleri: sekme şeridi yerine (12 sekme sığmıyordu) */
.g-chip-n{ margin-left:7px; background:rgba(14,21,38,.08); color:inherit; border-radius:999px; padding:1px 7px; font-size:11.5px; font-weight:700; }
.g-chip.is-on .g-chip-n{ background:rgba(255,255,255,.22); }
.g-filter-chips .g-chip{ padding:8px 13px; font-size:12.5px; border-radius:10px; }
/* AI notu artık kontrol listesi satırı da içeriyor (platform ✓ · hedef ✗ …) */
.g-ai-note{ white-space:pre-line; }
/* Red nedeni alanı: uzun metin yazılabilsin ve tam görünsün */
.g-proof-card form.g-flex .g-input[name="reason"]{ flex:1 1 320px; min-width:220px; }
.g-reject-reason, .g-uproof-rej{ overflow-wrap:anywhere; }

/* Görev veren duyurusu (panel + ana sayfa üstü) */
.g-adv-notice{ display:flex; gap:12px; align-items:flex-start; background:var(--g-mint); border:1px solid var(--g-mint-b,#CBD9FF); color:var(--g-green-dd); border-radius:18px; padding:16px 18px; margin-bottom:16px; }
.g-adv-notice.is-warn{ background:var(--g-amber-bg); border-color:#F2DDB6; color:#8A5A12; }
.g-adv-notice a{ color:inherit; text-decoration:underline; }

/* Platform hesapları: ad alanının altındaki ölçü (takipçi / rehber seviyesi) satırı */
.g-acc-metric{ display:flex; align-items:center; gap:8px; margin-top:8px; padding:8px 10px; background:var(--g-s1); border:1px solid var(--g-b5); border-radius:12px; }
.g-acc-metric-l{ font:600 12.5px var(--g-font); color:var(--g-t4); flex:0 0 auto; }
.g-acc-metric .g-input{ flex:1 1 90px; min-width:0; max-width:160px; }
/* Her platform kendi kartında: hesap adı + (varsa) takipçi/seviye satırı birlikte durur */
.g-acc-item{ background:#fff; border:1px solid var(--g-b5); border-radius:16px; padding:13px 14px; }
.g-acc-item > label{ margin-bottom:6px; }

/* Kanıtlar: yapay zekâ işlem şeridi (başlıktaki düğme yığınının yerine) */
.g-ai-bar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--g-s1); border:1px solid var(--g-b5); border-radius:14px; padding:10px 14px; margin-bottom:16px; }
.g-ai-bar-l{ font:700 12.5px var(--g-font); color:var(--g-t2); letter-spacing:.02em; }
.g-ai-bar-sep{ width:1px; height:22px; background:var(--g-b2); }
@media(max-width:700px){
  .g-ai-bar{ padding:12px; gap:8px; }
  .g-ai-bar-sep{ display:none; }
  .g-ai-bar form{ flex:1 1 100%; }
  .g-ai-bar form .g-btn{ flex:1 1 0; }
}

/* Çekimlerde toplu ödeme çubuğu */
.g-wbulk-top{ align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.g-wbulk{ position:sticky; bottom:16px; z-index:20; display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--g-navy); color:#fff; padding:12px 16px; border-radius:16px; box-shadow:0 14px 34px rgba(14,21,38,.28); margin-bottom:14px; }
.g-wbulk-n{ font:500 13.5px var(--g-font); margin-right:2px; }
.g-wbulk-skip{ color:#F5C57B; }
.g-wbulk-f{ background:#fff; width:auto; flex:0 0 auto; padding:9px 12px; font-size:13px; height:36px; }
.g-wbulk select.g-wbulk-f{ padding-right:28px; }
.g-wbulk input.g-wbulk-f{ width:190px; }
.g-wbulk-c{ display:flex; align-items:center; gap:6px; font:600 12.5px var(--g-font); color:#D8E0EC; cursor:pointer; white-space:nowrap; }
.g-wbulk-sep{ width:1px; height:22px; background:rgba(255,255,255,.22); }
.g-wsel{ width:16px; height:16px; vertical-align:-2px; margin-right:2px; accent-color:var(--g-green); }
@media(max-width:820px){
  .g-wbulk{ padding:12px; gap:8px; }
  .g-wbulk-sep{ display:none; }
  .g-wbulk-n{ flex:1 1 100%; }
  .g-wbulk-f{ flex:1 1 160px; min-width:0; }
  .g-wbulk .g-btn{ flex:1 1 100%; }
}

/* Admin → Platform hesapları: kademe dağılım tablosu */
.g-ps td, .g-ps th{ text-align:center; white-space:nowrap; }
.g-ps td:first-child, .g-ps th:first-child{ text-align:left; }
.g-ps-n{ display:inline-block; min-width:34px; padding:3px 9px; border-radius:999px; background:var(--g-mint); color:var(--g-green-d); font:700 13px var(--g-font); text-decoration:none; }
.g-ps-n:hover{ background:var(--g-green); color:#fff; }
.g-ps-n.is-on{ background:var(--g-navy); color:#fff; }
.g-ps tr.is-sel{ background:var(--g-s2); }
.g-ps-tot td{ font-weight:700; color:var(--g-t2); border-top:2px solid var(--g-b2); }
.g-ps-chip{ display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid var(--g-b2); border-radius:var(--k-r-xs); background:#fff; color:var(--g-t2); font:600 13px var(--g-font); text-decoration:none; }
.g-ps-chip b{ color:var(--g-navy); }
.g-ps-chip:hover{ border-color:var(--g-green); color:var(--g-green-d); }
.g-ps-chip.is-on{ background:var(--g-navy); border-color:var(--g-navy); color:#fff; }
.g-ps-chip.is-on b{ color:#fff; }
.g-ps-chip.is-zero{ color:var(--g-t5); border-style:dashed; cursor:default; }
.g-ps-chip.is-zero b{ color:var(--g-t5); }
/* Platform hesabı bağlantısı (profil / site içi arama) */
.g-acc-a{ color:var(--g-green-d); text-decoration:none; border-bottom:1px dotted var(--g-mint-2); }
.g-acc-a:hover{ color:var(--g-green); border-bottom-color:var(--g-green); }
.g-acc-s{ margin-left:6px; font:600 11px var(--g-font); color:var(--g-t4); text-decoration:none; border:1px solid var(--g-b2); border-radius:var(--k-r-xs); padding:1px 7px; }
.g-acc-s:hover{ color:var(--g-green-d); border-color:var(--g-green); }
/* Manuel kanıt toplu yükleme ilerlemesi */
.g-mp-prog{ display:flex; align-items:center; gap:10px; margin-top:10px; font:600 12.5px var(--g-font); color:var(--g-t3); }
.g-mp-bar{ flex:1 1 180px; height:6px; border-radius:999px; background:var(--g-b3); overflow:hidden; max-width:320px; }
.g-mp-bar i{ display:block; height:100%; width:0; background:var(--g-green); transition:width .2s; }
/* Destek listesi: satırın gövdesi bağlantı, sağında durum + Kapat düğmesi */
.g-ticket-main{ display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; text-decoration:none; }
.g-ticket-main:hover strong{ color:var(--g-green-d); }
/* Destek: yapay zekâ yanıt önerisi kutusu */
.g-ai-sug{ display:flex; flex-direction:column; gap:6px; margin-top:16px; padding:12px 14px; border:1px dashed var(--g-b2); border-radius:14px; background:var(--g-s1); }
.g-ai-sug-txt{ margin:0; font:500 13.5px/1.6 var(--g-font); color:var(--g-t2); white-space:pre-line; }
/* Çekimlerde çoklu hesap risk incelemesi */
.g-wrisk{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.g-wrisk-out{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; }
/* Çekim riskinde çakışan hesaplar */
.g-wmatch{ display:flex; flex-direction:column; gap:3px; margin-top:-2px; font:500 12px var(--g-font); }
.g-wmatch-l{ color:var(--g-t4); margin-right:4px; }
.g-wmatch-u{ color:var(--g-green-d); text-decoration:none; font-weight:600; }
.g-wmatch-u:hover{ text-decoration:underline; }

/* ---- Yönetim özeti: hızlı işlemler, dikkat kutusu, bugün, 14 günlük grafik ---- */
.g-quick{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
.g-quick-b{
  display:flex; align-items:center; gap:9px;
  padding:14px 15px; border-radius:14px; border:1px solid var(--g-b1); background:#fff;
  font-size:13.5px; font-weight:700; color:var(--g-navy); text-decoration:none;
  transition:border-color .15s, box-shadow .15s;
}
.g-quick-b:hover{ border-color:var(--g-green); box-shadow:0 6px 16px rgba(14,21,38,.07); color:var(--g-navy); }
.g-quick-n{
  margin-left:auto; min-width:24px; padding:2px 7px; border-radius:var(--k-r-xs);
  background:var(--g-amber-bg); color:var(--g-amber-t); font-size:11.5px; font-weight:800; text-align:center;
}

.g-attn{ border-color:var(--g-amber-b); background:var(--g-amber-bg2); margin-bottom:16px; }
.g-attn-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.g-attn-i{
  display:flex; flex-direction:column; gap:2px;
  padding:12px 13px; border-radius:12px; background:#fff; border:1px solid var(--g-b1);
  text-decoration:none; color:inherit;
}
a.g-attn-i:hover{ border-color:var(--g-amber); }
.g-attn-i b{ font-size:21px; font-weight:800; color:var(--g-navy); line-height:1.1; }
.g-attn-i span{ font-size:12.5px; font-weight:700; color:var(--g-t2); }
.g-attn-i small{ font-size:11.5px; color:var(--g-t4); line-height:1.35; }

.g-today{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.g-today > div{ display:flex; flex-direction:column; gap:2px; }
.g-today b{ font-size:19px; font-weight:800; color:var(--g-navy); line-height:1.15; }
.g-today span{ font-size:12px; color:var(--g-t4); }
.g-today small{ font-size:11px; color:var(--g-t5); }

.g-lg-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 4px 0 10px; vertical-align:middle; }
.g-chart{ display:flex; align-items:flex-end; gap:6px; height:150px; margin-top:14px; }
.g-chart-col{ flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; height:100%; }
.g-chart-bars{ flex:1; width:100%; display:flex; align-items:flex-end; justify-content:center; gap:3px; }
.g-chart-bars i{ width:7px; border-radius:3px 3px 0 0; display:block; }
.g-chart-col span{ font-size:10.5px; color:var(--g-t5); }

@media (max-width:1100px){
  .g-quick{ grid-template-columns:repeat(2,1fr); }
  .g-attn-list{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .g-quick{ grid-template-columns:1fr 1fr; gap:8px; }
  .g-quick-b{ padding:12px; font-size:12.5px; }
  .g-attn-list{ grid-template-columns:1fr; }
  .g-today{ grid-template-columns:repeat(2,1fr); }
  .g-chart{ height:120px; gap:3px; }
  .g-chart-bars i{ width:5px; }
}
/* Günlük satırlarında uzun/boşluksuz değerler sütunu genişletmesin */
.g-toggle-row span{ overflow-wrap:anywhere; }

/* Bilgi kartı (admin): kullanıcı/görev bağlantısının üzerine gelince açılan pencere — partials/peek */
.g-peek{ position:fixed; z-index:1090; width:360px; max-width:calc(100vw - 20px); display:none;
  background:#fff; border:1px solid var(--g-b1); border-radius:16px; box-shadow:0 18px 44px rgba(14,21,38,.18);
  padding:14px 16px; font:500 12.5px var(--g-font); color:var(--g-t3); }
.g-peek.is-open{ display:block; animation:g-peek-in .14s ease-out; }
@keyframes g-peek-in{ from{ opacity:0; transform:translateY(-4px) } to{ opacity:1; transform:none } }
.g-peek-head{ display:flex; flex-direction:column; gap:7px; }
.g-peek-title{ font:800 14.5px var(--g-font); color:var(--g-navy); text-decoration:none; overflow-wrap:anywhere; }
.g-peek-title:hover{ color:var(--g-green-d); }
.g-peek-pills{ display:flex; flex-wrap:wrap; gap:5px; }
.g-peek-pills .g-pill{ padding:2px 8px; font-size:10.5px; }
.g-peek-sub{ margin-top:5px; font-size:11.5px; color:var(--g-t5); overflow-wrap:anywhere; }
.g-peek-warn{ margin-top:9px; background:var(--g-amber-bg); border:1px solid var(--g-amber-b); color:var(--g-amber-t);
  border-radius:11px; padding:7px 10px; font-size:11.5px; overflow-wrap:anywhere; }
.g-peek-rows{ margin-top:11px; display:flex; flex-direction:column; gap:6px; }
.g-peek-rows > div{ display:grid; grid-template-columns:104px 1fr; gap:10px; align-items:baseline; }
.g-peek-rows > div > span:first-child{ color:var(--g-t5); font-size:11.5px; }
.g-peek-rows > div > span:last-child{ color:var(--g-t1); font-weight:600; min-width:0; overflow-wrap:anywhere; }
.g-peek-actions{ margin-top:13px; padding-top:12px; border-top:1px solid var(--g-b5);
  display:flex; flex-wrap:wrap; gap:6px; }
.g-peek-actions .g-btn{ font-size:11.5px; }
/* Bağlantı olmayan ama bilgi kartı açan isimler (destek listesi, kanıttaki reklamveren) */
[data-peek]{ border-bottom:1px dotted var(--g-b2); cursor:help; }

/* ---- Kampanya paketleri (tanıtım sayfası + görev veren paneli) — partials/campaign-card ---- */
.g-cmp-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(304px,1fr)); gap:18px; }
.g-cmp{ position:relative; display:flex; flex-direction:column; gap:14px; min-width:0;
  background:#fff; border:1px solid var(--g-b1); border-radius:22px; padding:24px 22px 22px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.g-cmp:hover{ transform:translateY(-3px); box-shadow:0 16px 38px rgba(14,21,38,.11); border-color:var(--g-mint-b); }
.g-cmp.is-featured{ border-color:var(--g-mint-b); background:linear-gradient(180deg,var(--g-mint) 0, #fff 150px); }
.g-cmp.is-off{ opacity:.62; }
.g-cmp.is-off:hover{ transform:none; box-shadow:none; }

.g-cmp-badge{ position:absolute; top:-11px; right:20px; z-index:1;
  background:var(--g-navy); color:#fff; font:800 11px/1 var(--g-font); letter-spacing:.3px;
  padding:7px 12px; border-radius:999px; box-shadow:0 6px 16px rgba(14,21,38,.2); }
.g-cmp-badge.is-hot{ background:var(--g-red-2); box-shadow:0 6px 16px rgba(224,87,91,.3); }
.g-cmp-badge.is-gray{ background:var(--g-t5); box-shadow:none; }

.g-cmp-type{ font:800 11px/1 var(--g-font); letter-spacing:.7px; text-transform:uppercase; color:var(--g-green-d); }
.g-cmp-title{ margin:0; font:800 19px/1.3 var(--g-font); color:var(--g-navy); overflow-wrap:anywhere; }
.g-cmp-sub{ margin:0; font:500 13px/1.55 var(--g-font); color:var(--g-t4); }

.g-cmp-price{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
.g-cmp-now{ font:800 31px/1 var(--g-font); color:var(--g-navy); letter-spacing:-.4px; }
.g-cmp-was{ font:600 15px var(--g-font); color:var(--g-t5); text-decoration:line-through; }
.g-cmp-off{ background:var(--g-mint); color:var(--g-green-dd); border:1px solid var(--g-mint-b);
  font:800 11.5px/1 var(--g-font); padding:5px 9px; border-radius:999px; }
.g-cmp-unit{ margin:-6px 0 0; font:600 12px var(--g-font); color:var(--g-t5); }

.g-cmp-facts{ display:flex; flex-direction:column; gap:8px; padding:14px 0;
  border-top:1px solid var(--g-b5); border-bottom:1px solid var(--g-b5); }
.g-cmp-facts > div{ display:flex; gap:9px; align-items:flex-start; font:600 12.5px/1.45 var(--g-font); color:var(--g-t3); min-width:0; }
.g-cmp-facts b{ color:var(--g-navy); font-weight:700; }
.g-cmp-tick{ flex:none; width:16px; height:16px; margin-top:1px; border-radius:50%;
  background:var(--g-mint); color:var(--g-green-dd); font:800 10px/16px var(--g-font); text-align:center; }

.g-cmp-quota{ display:flex; flex-direction:column; gap:7px; }
.g-cmp-quota span{ display:flex; justify-content:space-between; gap:10px; font:600 11.5px var(--g-font); color:var(--g-t5); }
.g-cmp-bar{ height:7px; border-radius:999px; background:var(--g-b6); overflow:hidden; }
.g-cmp-bar i{ display:block; height:100%; border-radius:999px; background:var(--g-green); transition:width .3s; }
.g-cmp-bar.is-low i{ background:var(--g-amber); }
.g-cmp-bar.is-out i{ background:var(--g-red-2); }

.g-cmp-cta{ margin-top:auto; display:flex; flex-direction:column; gap:8px; }
.g-cmp-note{ font:500 11.5px/1.45 var(--g-font); color:var(--g-t5); text-align:center; }

/* Tanıtım sayfasındaki kampanya bölümü başlığı */
.g-cmp-head{ display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center; margin-bottom:26px; }
.g-cmp-head h2{ margin:0; font:800 31px/1.2 var(--g-font); color:var(--g-navy); letter-spacing:-.4px; }
.g-cmp-head p{ margin:0; max-width:640px; font:500 14.5px/1.65 var(--g-font); color:var(--g-t4); }
.g-cmp-chip{ background:var(--g-mint); color:var(--g-green-dd); border:1px solid var(--g-mint-b);
  font:800 11.5px/1 var(--g-font); letter-spacing:.4px; padding:7px 13px; border-radius:999px; text-transform:uppercase; }

@media (max-width:640px){
  .g-cmp-grid{ grid-template-columns:1fr; gap:14px; }
  .g-cmp{ padding:22px 18px 18px; }
  .g-cmp-now{ font-size:27px; }
  .g-cmp-head h2{ font-size:24px; }
}

/* Yasal sayfa künyesi (veri sorumlusu / hizmet sağlayıcı) — partials/legal-identity */
.g-legal-id{ margin-top:34px; padding:22px; border:1px solid var(--g-b1); border-radius:18px; background:var(--g-s1); }
.g-legal-id h2{ margin:0 0 14px; }
.g-legal-id dl{ margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px 22px; }
.g-legal-id dl > div{ min-width:0; }
.g-legal-id dt{ font:700 11.5px var(--g-font); letter-spacing:.3px; text-transform:uppercase; color:var(--g-t5); margin-bottom:3px; }
.g-legal-id dd{ margin:0; font:600 13.5px/1.5 var(--g-font); color:var(--g-t1); overflow-wrap:anywhere; }
.g-legal-id-note{ margin:16px 0 0; font:500 12.5px/1.6 var(--g-font); color:var(--g-t4); }
/* Kontenjan henüz kullanılmamışken: boş çubuk yerine sınır bilgisi */
.g-cmp-limit{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.g-cmp-limit b{ font:800 13px var(--g-font); color:var(--g-navy); }
.g-cmp-limit span{ font:500 11.5px var(--g-font); color:var(--g-t5); }

/* Paket ızgarası: 4 paket olunca tek satır (3 sütunda 4. paket alt satırda yalnız kalıyordu) */
.g-pack-grid:has(> :nth-child(4)){grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1199.98px){.g-pack-grid:has(> :nth-child(4)){grid-template-columns:repeat(2,1fr)}}
@media (max-width:991.98px){.g-pack-grid:has(> :nth-child(4)){grid-template-columns:1fr}}

/* Kampanya kartı: admin'in yazdığı paket maddeleri otomatik maddelerden önce ve koyu */
.g-cmp-facts > div.is-own{ color:var(--g-navy); font-weight:700; }

/* Görev formu · hizmet paketi seçici (ör. AI makale 10/20/50) */
.g-pkg-pick{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; margin:4px 0 8px; }
.g-pkg{ display:flex; flex-direction:column; gap:2px; align-items:flex-start; text-align:left; padding:14px 16px; border-radius:14px; border:1.5px solid var(--g-b1); background:#fff; cursor:pointer; font-family:var(--g-font); transition:border-color .15s, box-shadow .15s; }
.g-pkg b{ font-size:14px; color:var(--g-navy); }
.g-pkg span{ font-size:18px; font-weight:800; color:var(--g-navy); letter-spacing:-.02em; }
.g-pkg small{ font-size:11.5px; font-weight:700; color:#1E44C9; }
.g-pkg:hover{ border-color:#BFE9D6; }
.g-pkg.on{ border-color:#2E62F5; box-shadow:0 0 0 3px rgba(46,98,245,.14); background:#F4FCF8; }

/* Görev formu: tür seçilmeden "Devam et"e basılınca seçici kırmızı çerçeve alır */
.g-type-picker.is-invalid{ border-color:#DC4A4A !important; box-shadow:0 0 0 3px rgba(224,87,91,.12); }

/* Çekim talepleri: ödendi sonrası "iade geldi" açılır formu */
.g-wreturn{ border-top:1px dashed var(--g-b1,#DCE3F0); padding-top:10px; }
.g-wreturn > summary{ cursor:pointer; font:600 12.5px var(--g-font); color:#C73B3B; list-style:none; }
.g-wreturn > summary::-webkit-details-marker{ display:none; }
.g-wreturn > summary::before{ content:"↩ "; }

/* Form ızgarası sütunları uzun metinle genişlemesin (admin görev düzenleme / paket aşaması → Görev filtresi
   listesinde uzun görev adları sağ sütunu taşırıyordu) */
.g-form-grid > *{ min-width:0; }
.g-tf-item{ overflow-wrap:anywhere; }

/* Reklamveren: paket aşamaları listesi */
.g-pkg-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--g-b2,#E9EEF3); border-radius:14px; color:inherit; text-decoration:none; }
.g-pkg-row:hover{ border-color:var(--g-mint-b,#CBD9FF); background:var(--g-s1,#F8FAFB); }
.g-pkg-row.is-on{ border-color:#E4D8F7; background:#FBF8FF; }
.g-pkg-step{ flex:0 0 30px; height:30px; border-radius:999px; background:#F3EDFC; color:#6B46C1; font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; }