/* Varsam işletme paneli — giriş sayfası (2026 tasarımı). giris-tema.css'in üstüne biner. */
:root{
  --zemin:#F7FAF8; --kart:#FFFFFF; --kart2:#EAF6EE; --cizgi:#E2EAE5;
  --sec:#15803D; --sec-hover:#116632; --sec-metin:#FFFFFF; --nokta:#22A35A;
  --metin:#0F1A14; --metin2:#5B6B62; --vurgu:#15803D;
  --girdi:#FFFFFF; --girdi-kenar:#D3DED7; --odak:#15803D; --odak-hale:rgba(21,128,61,.18);
  --golge:0 2px 4px rgba(16,40,28,.03),0 24px 60px rgba(16,40,28,.08);
  --logo:#15803D; --dalga:#22A35A;
}
:root[data-tema="koyu"]{
  --zemin:#0B110E; --kart:#121A16; --kart2:#18291F; --cizgi:#223029;
  --sec:#2FB565; --sec-hover:#45C877; --sec-metin:#05140B; --nokta:#45C877;
  --metin:#E8F0EB; --metin2:#93A49A; --vurgu:#5FD48D;
  --girdi:#0E1612; --girdi-kenar:#2B3A32; --odak:#5FD48D; --odak-hale:rgba(95,212,141,.25);
  --golge:0 2px 4px rgba(0,0,0,.3),0 24px 60px rgba(0,0,0,.35);
  --logo:#45E08A; --dalga:#45C877;
}
body.gr-govde{font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--zemin);color:var(--metin);min-height:100vh}
.gr-govde::before{
  content:"";position:fixed;inset:0 40% 0 0;z-index:0;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%2322A35A' stroke-width='1'%3E%3Cpath stroke-opacity='.16' d='M620 0C700 160 840 260 760 420S520 560 600 740 820 900 700 1000'/%3E%3Cpath stroke-opacity='.14' d='M640 0C720 160 860 260 780 420S540 560 620 740 840 900 720 1000'/%3E%3Cpath stroke-opacity='.12' d='M660 0C740 160 880 260 800 420S560 560 640 740 860 900 740 1000'/%3E%3Cpath stroke-opacity='.10' d='M680 0C760 160 900 260 820 420S580 560 660 740 880 900 760 1000'/%3E%3Cpath stroke-opacity='.08' d='M0 760C160 680 300 820 460 760S700 640 900 700'/%3E%3Cpath stroke-opacity='.07' d='M0 780C160 700 300 840 460 780S700 660 900 720'/%3E%3Cpath stroke-opacity='.06' d='M0 800C160 720 300 860 460 800S700 680 900 740'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat,
    radial-gradient(70% 60% at 30% 20%,color-mix(in srgb,var(--dalga) 13%,transparent),transparent 70%),
    radial-gradient(60% 50% at 20% 90%,color-mix(in srgb,var(--dalga) 10%,transparent),transparent 70%);
}
.gr-sayfa{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;
  align-items:center;max-width:1440px;margin:0 auto;padding:92px 72px 48px}

/* logo */
.gr-logo{display:inline-flex;flex-direction:column;gap:10px;text-decoration:none}
.gr-logo .ad{font-size:42px;font-weight:800;letter-spacing:-1.6px;line-height:1;color:var(--logo)}
.gr-logo .alt{font-size:12px;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--metin2);line-height:1}
.gr-logo.kucuk{align-items:center;gap:8px;margin:0 auto 26px}
.gr-logo.kucuk .ad{font-size:32px;letter-spacing:-1.1px}
.gr-logo.kucuk .alt{font-size:10.5px;letter-spacing:.42em}

/* sol */
.gr-sol h1{font-size:clamp(40px,4.4vw,62px);font-weight:800;letter-spacing:-2.4px;line-height:1.04;margin:36px 0 16px;color:var(--metin)}
.gr-sol h1 .nokta{color:var(--nokta)}
.gr-alt{font-size:clamp(17px,1.5vw,22px);color:var(--metin2);max-width:40ch;line-height:1.45}
.gr-haplar{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0}
.gr-haplar li{display:flex;align-items:center;gap:10px;padding:12px 16px;white-space:nowrap;border-radius:14px;font-size:15px;font-weight:600;
  background:color-mix(in srgb,var(--kart2) 85%,transparent);color:var(--metin)}
.gr-haplar svg{width:24px;height:24px;fill:none;stroke:var(--vurgu);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* küçük panel önizlemesi */
.gr-onizleme-kap{margin:40px 0 0;height:410px;position:relative}
.gr-onizleme{position:absolute;left:0;top:0;width:780px;height:410px;font-size:11px;color:#0F1A14;
  transform-origin:left top;transform:scale(var(--olcek,1)) perspective(1600px) rotateY(-3deg) rotateX(2deg)}
.gr-onizleme > div{position:absolute;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(16,40,28,.12),0 2px 6px rgba(16,40,28,.05)}
.on-yan{left:0;top:0;width:150px;height:360px;background:linear-gradient(180deg,#0F3E2A,#0A2B1D)!important;color:#fff;padding:18px 10px;
  display:flex;flex-direction:column;gap:4px;transform:rotate(-1.5deg)}
.on-yan b{font-size:17px;font-weight:800;color:#3DDC7A;margin:2px 8px 14px;letter-spacing:-.5px}
.on-yan span{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;color:rgba(255,255,255,.85);font-size:10.5px}
.on-yan span i{font-style:normal;width:12px;text-align:center;opacity:.9}
.on-yan span.aktif{background:#1A8F4C;color:#fff;font-weight:600}
.on-ana{left:160px;top:24px;width:400px;height:386px;padding:16px;background:#F7FAF8!important}
.on-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.on-ust b{display:block;font-size:13px;font-weight:700}
.on-ust small{display:block;font-size:9px;color:#5B6B62;margin-top:2px}
.on-sec{font-size:8.5px;color:#5B6B62;border:1px solid #E2EAE5;border-radius:7px;padding:4px 7px;white-space:nowrap;background:#fff}
.on-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.on-kartlar div{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px rgba(16,40,28,.06)}
.on-kartlar small{display:block;font-size:8.5px;color:#5B6B62}
.on-kartlar b{display:block;font-size:15px;font-weight:800;margin:4px 0 3px;letter-spacing:-.4px}
.on-kartlar em{font-style:normal;font-size:8.5px;font-weight:700;color:#15803D}
.on-grafik{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 2px 8px rgba(16,40,28,.06)}
.on-grafik svg{width:100%;height:150px;display:block;margin-top:6px}
.on-grafik .kl path{stroke:#EDF2EF;stroke-width:1;fill:none}
.on-grafik .ek text{font-size:7px;fill:#7A8A80;font-family:inherit}
.on-grafik .cz{fill:none;stroke:#22A35A;stroke-width:2;vector-effect:non-scaling-stroke}
.on-grafik .dolgu{fill:#22A35A;fill-opacity:.1}
.on-x{display:flex;justify-content:space-between;padding:4px 0 0 28px;font-size:7.5px;color:#7A8A80}
.on-sag{left:572px;top:12px;width:200px;height:auto;background:transparent!important;box-shadow:none!important;display:grid;gap:12px}
.on-urun,.on-dagilim{background:#fff;border-radius:14px;padding:12px;box-shadow:0 18px 40px rgba(16,40,28,.12),0 2px 6px rgba(16,40,28,.05)}
.on-urun b,.on-dagilim b{display:block;font-size:10.5px;font-weight:700;margin-bottom:8px}
.on-urun div{display:flex;align-items:center;gap:9px;padding:6px 0;color:#7A8A80;font-size:12px}
.on-urun i{font-style:normal;width:26px;height:26px;border-radius:7px;background:#F3EFE9;display:grid;place-items:center;font-size:14px}
.on-urun span{flex:1;font-size:9.5px;font-weight:600;color:#0F1A14}
.on-urun small{display:block;font-size:8px;font-weight:500;color:#7A8A80}
.on-pasta{display:flex;align-items:center;gap:12px}
.pasta{width:58px;height:58px;border-radius:50%;flex:none;
  background:radial-gradient(circle,#fff 0 46%,transparent 47%),conic-gradient(#15803D 0 68%,#8FD9AE 68% 100%)}
.on-pasta ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;flex:1}
.on-pasta li{display:flex;align-items:center;gap:6px;font-size:8.5px;color:#5B6B62}
.on-pasta li i{width:6px;height:6px;border-radius:50%;background:#15803D}
.on-pasta li i.k{background:#8FD9AE}
.on-pasta li em{font-style:normal;margin-left:auto;font-weight:700;color:#0F1A14}
:root[data-tema="koyu"] .gr-onizleme{filter:brightness(.88)}

/* sağ: giriş kartı */
.gr-sag{display:flex;justify-content:center}
.gr-kart{width:100%;max-width:560px;background:var(--kart);border:1px solid var(--cizgi);border-radius:28px;box-shadow:var(--golge);
  padding:52px 56px 40px;text-align:left}
.gr-kart .gr-logo.kucuk{display:flex}
.gr-kart h2{font-size:34px;font-weight:800;letter-spacing:-1.1px;line-height:1.15;text-align:center;color:var(--metin)}
.gr-kart-alt{font-size:16px;color:var(--metin2);text-align:center;margin:10px 0 34px}
.gr-alan{margin:0 0 22px}
.gr-alan label{display:block;font-size:15px;font-weight:600;color:var(--metin);margin:0 0 10px}
.gr-girdi{position:relative}
.gr-girdi > svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;fill:none;stroke:var(--metin2);
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.gr-girdi input{width:100%;height:58px;border:1px solid var(--girdi-kenar);border-radius:14px;background:var(--girdi);color:var(--metin);
  font:inherit;font-size:16px;padding:0 54px 0 56px;outline:none}
.gr-girdi input::placeholder{color:var(--metin2);opacity:.8}
.gr-girdi input:focus{border-color:var(--odak);box-shadow:0 0 0 4px var(--odak-hale)}
.gr-girdi input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--girdi) inset;-webkit-text-fill-color:var(--metin)}
.goz{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:none;border-radius:10px;
  display:grid;place-items:center;cursor:pointer;color:var(--metin2)}
.goz:hover{background:var(--kart2);color:var(--metin)}
.goz svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.goz[aria-pressed="true"]{color:var(--vurgu)}
.gr-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 28px;font-size:15px}
.gr-satir a{color:var(--vurgu);font-weight:700;text-decoration:none}
.gr-satir a:hover{text-decoration:underline;text-underline-offset:3px}
.gr-onay{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--metin)}
.gr-onay input{width:20px;height:20px;margin:0;accent-color:var(--sec);cursor:pointer}
.gr-btn{width:100%;height:60px;border:0;border-radius:14px;background:var(--sec);color:var(--sec-metin);font:inherit;font-size:17px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--sec) 70%,transparent)}
.gr-btn:hover{background:var(--sec-hover)}
.gr-btn:disabled{opacity:.6;cursor:wait}
.gr-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gr-ayrac{display:flex;align-items:center;gap:16px;margin:30px 0 0;font-size:15px;color:var(--metin2);text-align:center}
.gr-ayrac::before,.gr-ayrac::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.gr-ayrac a{color:var(--vurgu);font-weight:700;text-decoration:none}
.gr-ayrac a:hover{text-decoration:underline;text-underline-offset:3px}
.gr-kart .uyari{border-radius:12px;margin:0 0 18px}

/* tema düğmesi: gündüz / gece ikili seçim */
.tema-btn{position:absolute;top:24px;right:28px;width:auto;height:auto;display:flex;gap:2px;padding:4px;border-radius:16px;
  border:1px solid var(--cizgi);background:var(--kart);box-shadow:0 2px 10px rgba(16,40,28,.06)}
.tema-btn:hover{background:var(--kart)}
.tema-btn svg,.tema-btn .ic-gunes,.tema-btn .ic-ay{display:block!important;width:44px;height:40px;padding:10px;border-radius:12px;stroke:var(--metin2)}
:root:not([data-tema="koyu"]) .tema-btn .ic-gunes{background:var(--kart2);stroke:var(--nokta)}
:root[data-tema="koyu"] .tema-btn .ic-ay{background:var(--kart2);stroke:var(--nokta)}

@media (max-width:1180px){
  .gr-sayfa{padding:88px 40px 40px;gap:32px}
  .gr-kart{padding:44px 36px 34px}
}
@media (max-width:980px){
  .gr-sayfa{grid-template-columns:minmax(0,1fr);padding:84px 20px 40px;gap:36px}
  .gr-govde::before{inset:0}
  .gr-sol{text-align:left}
  .gr-sol h1{margin-top:28px}
  .gr-onizleme-kap{display:none}
  .gr-sag{order:-1}
  .gr-sol .gr-logo{display:none}
  .gr-sol h1{font-size:34px;letter-spacing:-1.2px}
}
@media (max-width:520px){
  .gr-sol .gr-logo .ad{font-size:34px}
  .gr-haplar{gap:8px}
  .gr-haplar li{padding:10px 14px;font-size:13.5px}
  .gr-kart{padding:30px 20px 26px;border-radius:22px}
  .gr-kart h2{font-size:26px}
  .gr-satir{font-size:14px}
  .tema-btn{top:16px;right:16px}
  .tema-btn svg{width:38px;height:34px;padding:8px}
}