:root{--bg:#f4f1ea;--card:#fff;--ink:#23201b;--mut:#6f6a5f;--line:#e3ddd0;--pri:#1f5c4a;--pri2:#15423a;--acc:#b8892b;--err:#b3382c;--ok:#1d7a4d;--side:#1d2b27;--side2:#2a3d37}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:1.6rem;margin:0 0 .4rem}h2{font-size:1.2rem;margin:1.4rem 0 .6rem}h3{font-size:1.05rem}
.mut{color:var(--mut)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1rem}
.grid{display:grid;gap:1rem}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.stat b{display:block;font-size:1.9rem;color:var(--pri2)}.stat span{color:var(--mut);font-size:.85rem}
.btn{display:inline-block;border:1px solid var(--pri);background:var(--pri);color:#fff;border-radius:8px;padding:.5rem 1rem;font:inherit;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--pri2);text-decoration:none}.btn.alt{background:#fff;color:var(--pri)}.btn.danger{background:var(--err);border-color:var(--err)}
.btn.sm{padding:.25rem .6rem;font-size:.85rem}.btn.block{display:block;width:100%;text-align:center}
label{display:block;font-weight:600;margin:.8rem 0 .25rem}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=url],select,textarea{width:100%;padding:.55rem .7rem;border:1px solid #cfc8b8;border-radius:8px;background:#fff;font:inherit;color:inherit}
textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9fcbb9;border-color:var(--pri)}
.chk{display:flex;gap:.6rem;align-items:center;font-weight:600;margin:.9rem 0}.chk input{width:1.1rem;height:1.1rem}
.help{color:var(--mut);font-size:.82rem;margin-top:.2rem}
.flash{padding:.7rem 1rem;border-radius:8px;margin:0 0 1rem;border:1px solid}.flash.ok{background:#e7f5ec;border-color:#a9d9bc;color:#175c38}.flash.err{background:#fcebe9;border-color:#e8b3ad;color:#8c2a20}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:.5rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--mut);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.tablewrap{overflow-x:auto}
.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;background:#eee;color:#444}.badge.ok{background:#dff3e6;color:#175c38}.badge.err{background:#fadad6;color:#8c2a20}.badge.warn{background:#fbefd2;color:#7a5a10}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.row form{margin:0}
.pager{display:flex;gap:.5rem;align-items:center;margin-top:1rem}
.inline{display:inline}
.authwrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(160deg,#173d33,#0f2a24 60%,#2b2310)}
.authbox{width:100%;max-width:410px;background:#fffdf8;border-radius:16px;padding:2rem 1.8rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.authbox h1{text-align:center;color:var(--pri2)}.authbox .sub{text-align:center;color:var(--mut);margin-bottom:1rem}
.logo{font-size:2.2rem;text-align:center;color:var(--acc)}
.sep{display:flex;align-items:center;gap:.6rem;color:var(--mut);margin:1rem 0;font-size:.85rem}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--line)}
.sso{display:flex;flex-direction:column;gap:.5rem}.sso a{display:block;text-align:center;border:1px solid #cfc8b8;border-radius:8px;padding:.55rem;color:var(--ink);background:#fff;font-weight:600}.sso a:hover{background:#f6f3ea;text-decoration:none}
.sso a.apple{background:#000;color:#fff;border-color:#000}
.utop{background:var(--pri2);color:#fff;position:sticky;top:0;z-index:5}.utop .in{max-width:1100px;margin:auto;padding:.6rem 1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.utop a{color:#e9efe9}.utop .brand{font-weight:700;font-size:1.15rem;color:#f2d89a}.utop nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.utop nav a.on{color:#f2d89a;border-bottom:2px solid #f2d89a}
.ucontent{max-width:1100px;margin:1.2rem auto;padding:0 1rem}
.utop form button{background:none;border:1px solid #7fa597;color:#fff;border-radius:8px;padding:.25rem .7rem;cursor:pointer}
.adm{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:var(--side);color:#cfdad5;padding:1rem .8rem;position:sticky;top:0;height:100vh;overflow:auto}
.side .brand{color:#f2d89a;font-weight:700;font-size:1.2rem;padding:.3rem .6rem 1rem}
.side a{display:block;color:#cfdad5;padding:.5rem .7rem;border-radius:8px;margin:2px 0}.side a:hover{background:var(--side2);text-decoration:none}.side a.on{background:var(--pri);color:#fff}
.side .grp{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7d9189;margin:1rem .7rem .3rem}
.side form button{width:100%;margin-top:1rem;background:none;border:1px solid #4a6158;color:#cfdad5;border-radius:8px;padding:.4rem;cursor:pointer}
.main{padding:1.4rem 1.6rem;max-width:1200px;width:100%}
.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem}.tabs a{padding:.4rem .8rem;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--ink)}.tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.reportframe{width:100%;height:80vh;border:1px solid var(--line);border-radius:12px;background:#fff}
.health{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px dashed var(--line)}
pre.code{background:#1b1f1d;color:#d7e3dd;padding:.7rem;border-radius:8px;overflow:auto;font-size:.85rem}
.imggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.imggrid img{width:100%;border-radius:8px;border:1px solid var(--line)}
.hero{max-width:760px;margin:12vh auto;text-align:center;padding:1rem;color:#fff}.hero h1{font-size:2.6rem;color:#f2d89a}.hero p{color:#d3e0da;font-size:1.1rem}
@media(max-width:820px){.adm{grid-template-columns:1fr}.side{position:static;height:auto}.main{padding:1rem}}

/* ---------------- Genel site (herkese acik) ---------------- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pub{background:var(--bg)}
.ptop{background:var(--pri2);position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top)}
.ptop .in,.pfoot .in,.psec .in{max-width:1100px;margin:auto;padding:0 1rem}
.ptop .in{display:flex;align-items:center;gap:1rem;min-height:56px;flex-wrap:wrap}
.ptop .brand{font-weight:700;font-size:1.2rem;color:#f2d89a;margin-right:auto}
.pnav{display:flex;align-items:center;gap:1.1rem}.pnav a{color:#e9efe9}.pnav a.on{color:#f2d89a;border-bottom:2px solid #f2d89a}
.pnav .btn{color:#fff;border-color:#f2d89a;background:transparent}.pnav .btn:hover{background:#1f5c4a}
.navtoggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{display:block;width:24px;height:2px;background:#f2d89a;border-radius:2px;transition:.2s}
.phero{background:linear-gradient(160deg,#173d33,#0f2a24 60%,#2b2310);color:#fff;padding:4.5rem 0 4rem}
.phero .in{max-width:860px;margin:auto;padding:0 1rem;text-align:center}
.phero h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.2;color:#f2d89a;margin-bottom:1rem}
.phero p{font-size:clamp(1rem,2.4vw,1.2rem);color:#d3e0da}
.cta{justify-content:center;margin-top:1.6rem}
.btn.big{padding:.8rem 1.6rem;font-size:1.05rem}
.phero .btn.alt{background:transparent;color:#f2d89a;border-color:#f2d89a}
.psec{padding:3rem 0}.psec.alt{background:#ece6d6}
.psec h1{font-size:clamp(1.6rem,4vw,2.2rem)}.psec h2{font-size:clamp(1.3rem,3vw,1.7rem);margin-top:0}
.narrow{max-width:760px!important}
.two{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.bcard{display:flex;flex-direction:column;gap:.4rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.2rem;color:var(--ink);transition:.15s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08);text-decoration:none}
.bcard h3{margin:.2rem 0}.bcard p{margin:0;color:var(--mut);font-size:.92rem}.bico{font-size:2rem}.bcard .more{margin-top:auto;color:var(--pri);font-weight:600;padding-top:.6rem}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;position:relative;padding-top:2.2rem}
.steps li:before{content:counter(s);position:absolute;top:-.1rem;left:1rem;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700}
.steps li b,.steps li span{display:block}.steps li span{color:var(--mut);font-size:.9rem;margin-top:.2rem}
.steps.v{grid-template-columns:1fr}
.timeline{list-style:none;padding:0;margin:1.5rem 0}
.timeline li{display:flex;gap:1rem;padding-bottom:1.4rem;position:relative}
.timeline li:not(:last-child):before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--line)}
.timeline .dot{flex:none;width:40px;height:40px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700}
.timeline h3{margin:.4rem 0 .2rem}.timeline p{margin:0;color:var(--mut)}
.plist{display:flex;flex-direction:column}.pitem{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px dashed var(--line);align-items:flex-start}
.pitem:last-child{border:0}.pprice{font-weight:700;color:var(--pri2);text-align:right;white-space:nowrap}
.ticks{padding-left:0;list-style:none}.ticks li{padding-left:1.6rem;position:relative;margin:.4rem 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.pfoot{background:var(--side);color:#cfdad5;padding:2rem 0;margin-top:2rem}.pfoot .in{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1.5rem}
.pfoot a{color:#f2d89a}.pfoot .brand{color:#f2d89a}
.pushbox{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.btn.warn{background:#b8892b;border-color:#b8892b}

/* ---------------- Mobil uyumluluk ---------------- */
.adm-top{display:none}
@media(max-width:900px){
  .two{grid-template-columns:1fr}
  .pfoot .in{grid-template-columns:1fr}
}
@media(max-width:820px){
  .burger{display:flex}
  .pnav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:.6rem}
  .pnav a{padding:.8rem .4rem;border-bottom:1px solid #2a5a4c;min-height:44px}
  .pnav .btn{text-align:center;margin-top:.5rem}
  .navtoggle:checked~.pnav{display:flex}
  .navtoggle:checked~.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .navtoggle:checked~.burger span:nth-child(2){opacity:0}
  .navtoggle:checked~.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* yonetim paneli: ust cubuk + acilir menu */
  .adm-top{display:flex;align-items:center;justify-content:space-between;background:var(--side);color:#f2d89a;padding:.4rem 1rem;position:sticky;top:0;z-index:30}
  .adm-top .burger{display:flex}
  .adm .side{display:none;position:static;height:auto;max-height:70vh}
  .adm .admtoggle:checked~.side{display:block}
  .admtoggle{position:absolute;opacity:0;pointer-events:none}
  .adm{display:block}
  .side a{padding:.75rem .7rem;min-height:44px}
  /* kullanici paneli */
  .utop .in{gap:.5rem}.utop nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.3rem;gap:.2rem}
  .utop nav a{white-space:nowrap;padding:.55rem .7rem;min-height:44px;display:inline-flex;align-items:center}
  .utop .brand{margin-right:auto}
}
@media(max-width:700px){
  html{font-size:16px}
  input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=url],input[type=tel],select,textarea{font-size:16px;min-height:44px}
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn.sm{min-height:38px}
  .card{padding:1rem}.main{padding:1rem .8rem}.ucontent{margin:.8rem auto}
  .phero{padding:3rem 0 2.5rem}.psec{padding:2rem 0}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pitem{flex-direction:column;gap:.2rem}.pprice{text-align:left}
  .reportframe{height:75vh}
  .cta .btn{width:100%}
}
@media(max-width:400px){h1{font-size:1.35rem}.authbox{padding:1.4rem 1rem}}
@supports(padding:max(0px)){.pfoot,.ucontent,.main{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.err-t{color:var(--err)}

/* ---------------- Blog ---------------- */
.blogbar{margin:1rem 0}.bloggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem;margin-top:1rem}
.blogcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);transition:.15s}
.blogcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08);text-decoration:none}
.blogcard img,.blogcard .noimg{width:100%;aspect-ratio:16/9;object-fit:cover;background:#ece6d6;display:grid;place-items:center;font-size:2.4rem;color:var(--acc)}
.bbody{padding:1rem}.bbody h3{margin:.3rem 0}.bbody p{margin:0 0 .5rem;color:var(--mut);font-size:.92rem}
.bcat{font-size:.72rem;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:.08em}
.article h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.25}.article .cover{width:100%;border-radius:14px;margin:1.2rem 0;aspect-ratio:16/9;object-fit:cover}
.abody{font-size:1.02rem;line-height:1.85}.abody h2{font-size:1.4rem;margin:2rem 0 .8rem}.abody h3{font-size:1.12rem;margin:1.4rem 0 .6rem}
.abody p{margin:0 0 1rem}.abody ul,.abody ol{margin:0 0 1rem 1.3rem}.abody img{max-width:100%;height:auto;border-radius:10px}.abody table{display:block;overflow-x:auto}
.cta-card{margin-top:2rem;text-align:center}.relist{list-style:none;padding:0}.relist li{margin:.8rem 0}
[dir=rtl] .abody{text-align:right}[dir=rtl] .abody ul,[dir=rtl] .abody ol{margin:0 1.3rem 1rem 0}
.share{display:flex;gap:.5rem;flex-wrap:wrap}.edit-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
@media(max-width:900px){.edit-grid{grid-template-columns:1fr}}
textarea.code{font-family:ui-monospace,Consolas,monospace;font-size:.85rem;min-height:360px}
.flash.info{background:#eef3fb;border-color:#b9cdee;color:#27456f}
details summary{cursor:pointer}

/* ilerleme cubugu */
.pbar{height:10px;background:#e8e2d3;border-radius:999px;overflow:hidden;margin:.6rem 0}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pri),var(--acc));transition:width .6s ease;border-radius:999px}
.pbar.indet i{width:40%;animation:indet 1.3s ease-in-out infinite}
@keyframes indet{0%{margin-left:-40%}100%{margin-left:100%}}
.overlay{position:fixed;inset:0;background:rgba(15,42,36,.72);display:grid;place-items:center;z-index:1000;padding:1rem}
.overlay-box{background:#fffdf8;border-radius:14px;padding:1.4rem 1.6rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.card.failed{border-color:var(--err)}.card.done{border-color:var(--ok)}

/* ---------------- Sohbet ---------------- */
.chatlist{display:flex;flex-direction:column;gap:.5rem}
.chatrow{display:flex;align-items:center;gap:.8rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;color:var(--ink)}
.chatrow:hover{text-decoration:none;background:#faf6ec}.cr-main{flex:1;min-width:0}.cr-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-side{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.unread{background:var(--pri);color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.75rem;padding:0 6px}
.avatar{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--acc));color:#fff;display:grid;place-items:center;font-weight:700}
.avatar .dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#2ecc71;border:2px solid #fff}
.chat{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(100dvh - 120px);min-height:420px;max-width:760px;margin:0 auto;background:#efe9da;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}
.chat-head{display:flex;align-items:center;gap:.7rem;background:var(--pri2);color:#fff;padding:.6rem .8rem}
.chat-head .back{color:#fff;font-size:1.8rem;line-height:1;padding:0 .3rem}.chat-head .who{flex:1;min-width:0;display:flex;flex-direction:column}.chat-head small{color:#cfe3da}
.menu{position:relative}.menu summary{list-style:none;cursor:pointer;font-size:1.5rem;padding:0 .5rem;color:#fff}.menu summary::-webkit-details-marker{display:none}
.menu-pop{position:absolute;right:0;top:2.2rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.6rem;width:230px;z-index:20;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.5rem}
.chat-warn{background:#fff6dc;color:#6b5412;font-size:.78rem;padding:.35rem .8rem;text-align:center}
.chat-body{flex:1;overflow-y:auto;padding:.8rem .7rem;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.chat-body .more{align-self:center;margin-bottom:.6rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .9rem;cursor:pointer}
.day{align-self:center;background:rgba(0,0,0,.08);color:#555;border-radius:999px;font-size:.72rem;padding:.15rem .7rem;margin:.6rem 0}
.msg{max-width:78%;margin:2px 0;display:flex;flex-direction:column}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}
.bubble{position:relative;border-radius:16px;padding:.45rem .7rem .3rem;box-shadow:0 1px 1px rgba(0,0,0,.08);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent}
.msg.mine .bubble{background:#d8f1df;border-bottom-right-radius:4px}.msg.theirs .bubble{background:#fff;border-bottom-left-radius:4px}
.bubble.del{font-style:italic;color:#777;background:rgba(255,255,255,.6)}
.bubble img.pic{display:block;max-width:100%;width:260px;border-radius:10px;margin:.1rem 0 .3rem;cursor:zoom-in;background:#ddd;min-height:60px}
.meta{display:flex;gap:.3rem;justify-content:flex-end;align-items:center;font-size:.68rem;color:#6b6b6b;margin-top:2px;white-space:nowrap}
.tick{letter-spacing:-3px;font-size:.8rem}.tick.read{color:#2a9df4}.tick.sent{color:#999}.tick.deliv{color:#999}
.quote{border-left:3px solid var(--acc);background:rgba(0,0,0,.06);border-radius:6px;padding:.2rem .5rem;margin-bottom:.3rem;font-size:.82rem;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.react{display:flex;gap:.2rem;margin-top:-6px;z-index:2}.react span{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.78rem;padding:0 .35rem;box-shadow:0 1px 2px rgba(0,0,0,.1)}.react span.me{border-color:var(--pri)}
.typing{padding:.15rem 1rem;font-size:.8rem;color:#555;font-style:italic}
.replybar,.preview{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#fff;border-top:1px solid var(--line);padding:.4rem .8rem;font-size:.85rem}
.replybar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replybar button,.preview button{border:0;background:none;font-size:1.1rem;cursor:pointer}
.preview img{max-height:80px;border-radius:8px}
.composer{display:flex;align-items:flex-end;gap:.5rem;padding:.5rem;background:#f6f1e3;border-top:1px solid var(--line);padding-bottom:max(.5rem,env(safe-area-inset-bottom))}
.composer textarea{flex:1;resize:none;max-height:140px;min-height:44px;border-radius:22px;padding:.65rem 1rem;line-height:1.3}
.attach,.send{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:1.2rem;border:0}
.attach{background:#fff;border:1px solid var(--line)}.send{background:var(--pri);color:#fff}.send:disabled{opacity:.5}
.chat-closed{padding:.9rem;text-align:center;color:#777;background:#f6f1e3;border-top:1px solid var(--line)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:grid;place-items:center;z-index:1100;cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox img{max-width:96vw;max-height:92vh;border-radius:6px}
.ctx{position:absolute;z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:.4rem;display:flex;flex-direction:column;gap:.2rem;min-width:200px}
.ctx[hidden]{display:none}.ctx .emojis{display:flex;gap:.2rem;justify-content:space-between;padding:.2rem .3rem}.ctx .emojis button{font-size:1.4rem;background:none;border:0;cursor:pointer;border-radius:8px;padding:.1rem .3rem}
.ctx .emojis button.on{background:#d8f1df}.ctx .act{background:none;border:0;text-align:left;padding:.5rem .7rem;border-radius:8px;cursor:pointer;font:inherit}.ctx .act:hover{background:#f3efe4}.ctx .act.danger{color:var(--err)}
@media(max-width:700px){.chat{height:calc(100vh - 150px);height:calc(100dvh - 150px);border-radius:0;border-left:0;border-right:0;margin:0 -.8rem}.msg{max-width:88%}.bubble img.pic{width:220px}}

/* kayit/giris sekmeleri */
.authbox.wide{max-width:720px}
.tabs2{display:flex;gap:.3rem;margin:.6rem 0 1rem;border-bottom:1px solid var(--line)}
.tabs2 button{flex:1;padding:.7rem;border:0;background:none;font:inherit;font-weight:600;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;min-height:44px}
.tabs2 button.on{color:var(--pri2);border-bottom-color:var(--acc)}
.fs{margin:1.1rem 0 .2rem;font-size:1.05rem;color:var(--pri2)}.req{font-size:.72rem;color:var(--err);font-weight:600;margin-left:.4rem}