/* InstaScript - Glassmorphism / Light / Yeşil tema */
:root{--g1:#22c55e;--g2:#059669;--g3:#047857;--ink:#0f2a20;--mute:#587267}
*{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);min-height:100vh;background-color:#ecfdf3;background-attachment:fixed;
background-image:radial-gradient(55rem 38rem at 6% -8%,rgba(52,211,153,.55),transparent 60%),radial-gradient(48rem 36rem at 102% 6%,rgba(163,230,53,.38),transparent 55%),radial-gradient(50rem 38rem at 40% 118%,rgba(16,185,129,.34),transparent 60%),linear-gradient(180deg,#f3fff8,#e6faf0)}
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:9999px;filter:blur(70px);pointer-events:none}
body::before{width:22rem;height:22rem;left:-6rem;top:38%;background:rgba(74,222,128,.28)}
body::after{width:26rem;height:26rem;right:-8rem;bottom:-6rem;background:rgba(45,212,191,.26)}

.glass{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
box-shadow:0 10px 36px rgba(16,122,87,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.glass-soft{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.th-text{background:linear-gradient(90deg,#16a34a,#059669 55%,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}
.th-grad{background:linear-gradient(135deg,#34d399,#059669);color:#fff}

.inp{width:100%;background:rgba(255,255,255,.72);border:1px solid rgba(5,150,105,.22);border-radius:14px;padding:.65rem .9rem;font-size:.875rem;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}
.inp::placeholder{color:#7d968b}
.inp:focus{outline:none;background:#fff;border-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.inp option,.inp optgroup{background:#fff;color:var(--ink)}
.inp[readonly]{background:rgba(236,253,243,.8)}

.btn{display:block;width:100%;text-align:center;color:#fff;font-weight:700;font-size:.9rem;border-radius:14px;padding:.75rem 1rem;cursor:pointer;
background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 8px 22px rgba(5,150,105,.38),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 28px rgba(5,150,105,.5),inset 0 1px 0 rgba(255,255,255,.5)}
.btn:active{transform:none}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid #10b981;outline-offset:2px}

.nav-link{display:flex;align-items:center;gap:.75rem;border-radius:14px;padding:.7rem .85rem;font-weight:600;color:#3f5f52;transition:background .15s,color .15s,transform .15s}
.nav-link:hover{background:rgba(255,255,255,.7);color:#047857}
.nav-link.on{background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 8px 20px rgba(5,150,105,.35)}

.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:700;border:1px solid}
.chip-ok{background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.3)}
.chip-run{background:rgba(14,165,233,.12);color:#0369a1;border-color:rgba(14,165,233,.3)}
.chip-wait{background:rgba(245,158,11,.14);color:#b45309;border-color:rgba(245,158,11,.32)}
.chip-off{background:rgba(100,116,139,.12);color:#475569;border-color:rgba(100,116,139,.28)}

.is-footer{text-align:center;font-size:.8rem;color:#4b6b5d;padding:1.5rem 1rem 0}
.custom-scrollbar::-webkit-scrollbar{width:6px}
.custom-scrollbar::-webkit-scrollbar-track{background:transparent}
.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(5,150,105,.3);border-radius:10px}
table code,pre,code{color:#065f46}
@media (prefers-reduced-motion:reduce){.btn,.nav-link,.inp{transition:none}}