/* BiCar Solution — kodlu giriş ve üyelik ekranları (giris.js). Yalnız ayar açıkken kullanılır. */
.gk-modal .gk-card { width: min(440px, calc(100vw - 32px)); padding: 30px 30px 24px; border-top: 4px solid #69bd45; }
.gk-logo { display: block; width: 168px; height: auto; margin: 0 auto 18px; }
.gk-card h2 { font: 750 24px/1.2 'Segoe UI', Arial, sans-serif; color: #062a58; margin: 0 0 6px; text-align: center; letter-spacing: -.3px; }
.gk-lead { color: #5b6b78; font-size: 14px; line-height: 1.55; margin: 0 0 20px; text-align: center; }
.gk-step { text-align: center; margin: 0 0 6px; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; color: #4c982b; text-transform: uppercase; }
.gk-form { display: grid; gap: 15px; }
.gk-form .field label { color: #102c4c; }
.gk-opt { font-weight: 500; color: #7a8893; }
.gk-tabs { display: grid; grid-template-columns: 1fr 1fr; background: #f2f6f9; border-radius: 999px; padding: 4px; margin: 0 0 18px; }
.gk-tabs button { border: 0; background: transparent; border-radius: 999px; padding: 10px 8px; font-weight: 700; font-size: 14px; color: #5b6b78; }
.gk-tabs button[aria-selected="true"] { background: #fff; color: #062a58; box-shadow: 0 1px 4px rgba(6, 42, 88, .14); }
.gk-tabs button:disabled { opacity: .45; cursor: not-allowed; }
.gk-prefix { display: flex; align-items: stretch; border: 1px solid #d8dfe0; border-radius: 7px; background: #fff; overflow: hidden; }
.gk-prefix:focus-within { border-color: #4c982b; box-shadow: 0 0 0 3px rgba(105, 189, 69, .12); }
.gk-prefix span { display: grid; place-items: center; padding: 0 12px; background: #f2f6f9; color: #102c4c; font-weight: 700; border-right: 1px solid #d8dfe0; }
.gk-prefix input { border: 0 !important; box-shadow: none !important; flex: 1; min-width: 0; }
.gk-otp { font: 700 26px/1 'Segoe UI', Arial, sans-serif !important; letter-spacing: 10px; text-align: center; padding: 14px !important; }
.gk-note { font-size: 12.5px; line-height: 1.5; color: #6a7884; margin: 0; }
.gk-center { text-align: center; margin-top: 16px; }
.gk-legal { font-size: 12px; line-height: 1.5; color: #6a7884; margin: 0; }
.gk-legal a, .gk-note a { color: #0751a6; font-weight: 700; }
.gk-error { margin: 0; padding: 10px 12px; border-radius: 7px; background: #fdecee; color: #8f1f2b; font-size: 13px; font-weight: 600; }
.gk-preview { margin: 0 0 14px; padding: 10px 12px; border-radius: 7px; background: #fff7e3; border: 1px dashed #e8a43b; color: #6b4a00; font-size: 12.5px; text-align: center; }
.gk-preview code { font: 800 15px monospace; letter-spacing: 2px; color: #062a58; }
.gk-links { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 16px; }
.gk-link { border: 0; background: none; color: #0751a6; font-size: 13.5px; font-weight: 600; padding: 6px; }
.gk-link b { color: #4c982b; }
.gk-link.muted { color: #6a7884; font-weight: 500; }
.gk-link.inline { padding: 0; font-size: inherit; text-decoration: underline; }
.gk-link:disabled { color: #9aa6af; cursor: default; }
.gk-choice { display: grid; gap: 12px; }
.gk-choice button { display: flex; gap: 14px; align-items: flex-start; text-align: left; border: 1px solid #d8dfe0; background: #fff; border-radius: 12px; padding: 16px; transition: border-color .15s, box-shadow .15s; }
.gk-choice button:hover, .gk-choice button:focus-visible { border-color: #69bd45; box-shadow: 0 0 0 3px rgba(105, 189, 69, .14); }
.gk-choice b { display: block; color: #062a58; font-size: 16px; margin-bottom: 3px; }
.gk-choice small { color: #5b6b78; font-size: 13px; line-height: 1.45; }
.gk-ico { flex: 0 0 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #eaf5e4; color: #4c982b; font-size: 18px; }
.gk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.gk-grid .field { min-width: 0; }
.gk-check { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; line-height: 1.45; color: #3f505c; }
.gk-check input { margin-top: 2px; accent-color: #4c982b; }
.gk-optin { border: 1px solid #d8dfe0; border-radius: 8px; padding: 10px 12px; margin: 0; display: grid; gap: 7px; }
.gk-optin legend { font-size: 12px; font-weight: 800; color: #102c4c; padding: 0 4px; }
.gk-optin label { display: flex; gap: 8px; font-size: 12.5px; color: #3f505c; }
.gk-optin small { color: #6a7884; font-size: 11.5px; }
.gk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.gk-steps { margin: 4px 0 18px; padding-left: 20px; display: grid; gap: 10px; color: #3f505c; font-size: 13.5px; line-height: 1.5; }
.gk-steps b { display: block; color: #062a58; }
.gk-done { text-align: center; }
.gk-done > span { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #eaf5e4; color: #4c982b; font-size: 28px; font-weight: 800; margin-bottom: 10px; }

/* Profilim içindeki bölüm */
#gkProfile .gk-rows { display: grid; gap: 10px; padding: 0 30px 18px; }
#gkProfile .gk-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #e4e9ee; border-radius: 10px; padding: 12px 14px; }
#gkProfile .gk-org .gk-row { border: 0; padding: 0; }
#gkProfile .gk-row b { display: block; color: #062a58; font-size: 14px; }
#gkProfile .gk-row small { display: block; color: #6a7884; font-size: 12.5px; margin-top: 2px; overflow-wrap: anywhere; }
#gkProfile .gk-row > div { min-width: 0; }
.gk-badge { display: inline-block; font-size: 10.5px; font-weight: 800; border-radius: 999px; padding: 3px 9px; margin-bottom: 4px; }
.gk-badge.ok { background: #e3f4dc; color: #2f7a17; }
.gk-badge.warn { background: #fff1d9; color: #8a5a00; }
.gk-badge.bad { background: #fdecee; color: #8f1f2b; }
#gkProfile .gk-org, #gkProfile .gk-invite { margin: 0 30px 16px; border: 1px solid #e4e9ee; border-radius: 10px; padding: 14px; display: grid; gap: 12px; }
#gkProfile .gk-invite { background: #f5faf2; border-color: #cfe7c3; grid-template-columns: 1fr auto; align-items: center; }
#gkProfile .gk-invite p { margin: 0; font-size: 13.5px; }
.gk-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.gk-table th { text-align: left; color: #6a7884; font-weight: 700; font-size: 11.5px; padding: 6px 4px; border-bottom: 1px solid #e4e9ee; }
.gk-table td { padding: 8px 4px; border-bottom: 1px solid #f0f3f5; overflow-wrap: anywhere; }
.gk-inline { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 8px; }
.gk-inline input { min-width: 0; border: 1px solid #d8dfe0; border-radius: 7px; padding: 10px; font: inherit; }

@media (max-width: 520px) {
  .gk-modal.open { align-items: flex-start; }
  .gk-modal .gk-card { padding: 24px 18px 18px; border-radius: 14px; }
  .gk-logo { width: 140px; margin-bottom: 14px; }
  .gk-card h2 { font-size: 21px; }
  .gk-grid { grid-template-columns: 1fr; }
  .gk-otp { letter-spacing: 7px; font-size: 24px !important; }
  #gkProfile .gk-rows { padding: 0 16px 16px; }
  #gkProfile .gk-org, #gkProfile .gk-invite { margin: 0 16px 14px; }
  #gkProfile .gk-row { flex-wrap: wrap; }
  #gkProfile .gk-invite { grid-template-columns: 1fr; }
  .gk-inline { grid-template-columns: 1fr; }
  .gk-table thead { display: none; }
  .gk-table tr { display: grid; grid-template-columns: 1fr auto; padding: 6px 0; border-bottom: 1px solid #f0f3f5; }
  .gk-table td { border: 0; padding: 2px 4px; }
}
body.gk-open { overflow: hidden; }
.gk-purpose { font-size: 12.5px; line-height: 1.5; color: #24435f; background: #eef5fc; border-left: 3px solid #0751a6; border-radius: 6px; padding: 8px 10px; margin: 0; }
.gk-purpose b { color: #062a58; }
.gk-check a { color: #0751a6; font-weight: 700; }
.gk-purpose + .gk-form { margin-top: 14px; }

/* Açılır üyelik/izin metinleri (SMS ile üyelik) */
.gk-onay{display:grid;gap:.4rem;margin:.6rem 0}
.gk-onay .gk-check{align-items:flex-start;line-height:1.45}
.gk-ac{background:none;border:0;padding:0;font:inherit;color:var(--blue,#1f5fbf);text-decoration:underline;cursor:pointer;min-height:24px}
.gk-ac[aria-expanded="true"]{font-weight:600}
.gk-acpanel{border-left:3px solid #c9d6ea;background:#f6f8fc;padding:.6rem .8rem;margin:0 0 .4rem 1.6rem;font-size:14px;line-height:1.5;color:#2b3442;border-radius:4px}
.gk-acpanel p{margin:0 0 .4rem}
.gk-zorunlu,.gk-opt{font-style:normal;color:#5b6573;font-size:.85em}
.gk-onay .gk-check input{width:22px;height:22px;flex:0 0 22px;margin-top:2px}
@media (max-width:480px){.gk-acpanel{margin-left:.4rem}}

/* Giriş seçenekleri ve üyelik kısa yolu */
.gk-secenek{flex-wrap:wrap}
.gk-secenek button{flex:1 1 140px;min-height:44px}
.gk-uye{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0 .4rem;padding:.8rem;border:1px solid #dfe6ed;border-radius:8px;background:#f7f9fb;font-weight:600}
.gk-eski-linkler{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.4rem}

/* Kapatma düğmesi: telefonda rahat dokunma alanı (en az 44 px) */
#girisModal button.close{min-width:44px;min-height:44px;display:inline-grid;place-items:center}

/* Ayarlar yüklenirken kısa bekleme durumu */
.gk-yukleniyor{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.6rem 0;color:#4a5361;font-weight:600}
.gk-spin{width:20px;height:20px;border:3px solid #d8e4ef;border-top-color:#4c982b;border-radius:50%;animation:gkdon .8s linear infinite}
@keyframes gkdon{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gk-spin{animation:none}}