/* ===========================================================================
   TFNUYSP — ChatGPT Shared ekranı  (assets/chatgpt.css)
   Yapı ve sınıflar Adobe "Anahtar Kullan" ekranıyla BİREBİR aynıdır (portal.css).
   Tek fark renk: ChatGPT görünümü açıkken <body class="cg-on"> olur ve vurgu
   renkleri kırmızıdan ChatGPT yeşiline çevrilir. assets/chatgpt.js ekler/kaldırır.
   =========================================================================== */

/* Vurgu: Adobe kırmızısı → ChatGPT yeşili */
body.cg-on .pt { --accent: #10a37f; --accent-2: #34d399; --accent-3: #06b6d4; --accent-text: #34d399; }
html[data-theme="light"] body.cg-on .pt { --accent-text: #047857; }

/* Arka plan sahnesi: portal.css'te sabit yazılmış kırmızı tonlar */
body.cg-on .pt .pat-adobe { background-image: radial-gradient(color-mix(in srgb, #10a37f 60%, transparent) 1.2px, transparent 1.6px); }
body.cg-on .pt .adobe-prism { stroke: #10a37f; }
body.cg-on .pt .adobe-prism polygon:nth-child(even) { stroke: #34d399; }
body.cg-on .pt .adobe-prism polygon:nth-child(3n) { stroke: #06b6d4; }
body.cg-on .pt .shards span { background: color-mix(in srgb, #10a37f 24%, transparent); }

/* Mağaza hızlı kartları: 3 → 4 sütun */
@media (min-width: 1081px) {
  .pt .pt-quick { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 2FA kalan süre çubuğu */
.pt .cg-timer { height: 5px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.pt .cg-timer > i { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--grad); transform-origin: left center; transition: width 1s linear, background-color .3s; }
.pt .cg-timer.is-low > i { background: var(--warn); }
.pt .cg-timer-row { display: flex; align-items: center; gap: 10px; }

/* Menü ve kart simgeleri: gerçek ChatGPT / Adobe Creative Cloud logoları */
.pt .nav-ic-img { width: 20px; height: 20px; object-fit: contain; flex: none; border-radius: 5px; transition: transform .4s var(--spring); }
.pt .store-ic .nav-ic-img { width: 24px; height: 24px; }
.pt .nav-tab:hover .nav-ic-img { transform: scale(1.14) rotate(-6deg); }
/* ChatGPT logosu siyahtır: koyu temada beyaza çevrilir */
.pt .nav-ic-img.cg-ic { filter: invert(1); }
html[data-theme="light"] .pt .nav-tab:not(.active) .nav-ic-img.cg-ic,
html[data-theme="light"] .pt .store-ic .nav-ic-img.cg-ic { filter: none; }
/* Mevcut ".nav-tab img" kuralı beyaz zemin + iç boşluk veriyordu; logolar şeffaf zeminde durur */
.pt .nav-tab img.nav-ic-img, .pt .store-ic img.nav-ic-img { background: transparent; padding: 0; border-radius: 5px; box-shadow: none; }

/* ===========================================================================
   ÜST MENÜ — taşma uyarlaması (assets/chatgpt.js fitNav)
   Uzun dillerde (TR/RU) sekmeler + giriş/kayıt düğmeleri tek satıra sığmaz.
   JS taşmayı ölçer ve sırayla şu sınıfları ekler:
     nav-tight : boşluklar küçülür, Mağaza/Yardım yalnızca ikon olur
     nav-wrap  : sekmeler ikinci satıra tam genişlikte iner
   Genişlik/dil/giriş durumu ne olursa olsun menü ekrandan taşmaz.
   =========================================================================== */
.pt .nav-inner.nav-tight { gap: 10px !important; padding: 8px 10px 8px 14px !important; }
.pt .nav-inner.nav-tight .nav-tab { padding: 0 10px !important; font-size: 13.5px !important; gap: 6px !important; }
.pt .nav-inner.nav-tight .nav-services { gap: 2px !important; }
.pt .nav-inner.nav-tight .nav-actions { gap: 6px !important; }
.pt .nav-inner.nav-tight .nav-btn { padding: 0 10px !important; }
.pt .nav-inner.nav-tight .nav-btn.nav-store span,
.pt .nav-inner.nav-tight #nav-tab-support span { display: none !important; }
.pt .nav-inner.nav-tight .nav-btn.nav-store,
.pt .nav-inner.nav-tight #nav-tab-support { width: 40px !important; padding: 0 !important; justify-content: center !important; }

.pt .nav-inner.nav-wrap { flex-wrap: wrap !important; }
.pt .nav-inner.nav-wrap .nav-services { order: 3 !important; width: 100% !important; justify-content: space-between !important; margin: 0 !important; }
.pt .nav-inner.nav-wrap .nav-tab { flex: 1 !important; justify-content: center !important; }
.pt .nav-inner.nav-wrap .nav-actions { margin-left: auto !important; }

/* ===========================================================================
   2FA KOD ÜRETİCİ (assets/totp-tool.js) — Shared sayfasıyla aynı yeşil tema
   =========================================================================== */
.pt .t2-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.pt .t2-actions .btn-primary { flex: 1 1 180px; }
.pt .t2-actions .btn-ghost { flex: 0 0 auto; min-width: 110px; }
.pt .t2-privacy { display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; border-radius: 14px;
  background: var(--soft); border: 1px dashed color-mix(in srgb, var(--accent) 40%, transparent); }
.pt .t2-privacy .t2-lock { font-size: 20px; line-height: 1.2; }
.pt .t2-privacy strong { display: block; font-size: 13.5px; margin-bottom: 2px; }
.pt .t2-privacy p { font-size: 12.5px; line-height: 1.55; color: var(--text-2); }

.pt .t2-live { display: grid; gap: 12px; }
.pt .t2-account { font-size: 12px; color: var(--text-3); overflow-wrap: anywhere; }
.pt .t2-code { width: 100%; padding: 18px 10px; border-radius: 16px; cursor: default; text-align: center;
  font-family: var(--mono); font-weight: 800; font-size: clamp(30px, 6vw, 44px); letter-spacing: 8px; padding-left: calc(10px + 8px);
  color: var(--text-3); background: color-mix(in srgb, var(--text-3) 7%, transparent); border: 1.5px dashed color-mix(in srgb, var(--text-3) 50%, transparent);
  transition: color .4s var(--ease), border-color .4s var(--ease), background-color .4s var(--ease), transform .25s var(--spring); }
.pt .t2-code.is-live { cursor: pointer; color: var(--ok); border-style: solid; border-color: color-mix(in srgb, var(--ok) 55%, transparent);
  background: color-mix(in srgb, var(--ok) 9%, transparent); text-shadow: 0 0 26px color-mix(in srgb, var(--ok) 50%, transparent); }
.pt .t2-code.is-live:hover { transform: translateY(-2px); }
.pt .t2-code.is-live:active { transform: scale(.98); }
.pt .t2-meta { display: flex; justify-content: space-between; gap: 10px; min-height: 18px; font-size: 12.5px; font-weight: 600; color: var(--text-2); font-variant-numeric: tabular-nums; }
.pt .t2-live .btn-code { width: 100%; }
@media (max-width: 520px) { .pt .t2-code { letter-spacing: 5px; font-size: 30px; padding-left: 15px; } }