/* RAY hesap / panel / yonetim - ortak tasarim (site dili: #f4f6f2 zemin, Georgia basliklar, #355e42 vurgu) */
:root{--g:#355e42;--g2:#245b34;--gl:#e7efe4;--ink:#171717;--mut:#656565;--line:#e9e9e9;--bg:#f4f6f2;--card:#fff;--red:#b3261e;--warn:#fbf3d9;--r:12px;--sh:0 10px 30px rgba(30,50,35,.06)}
body.acc-body{background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
body.acc-body>main{flex:1;width:min(1180px,calc(100% - 32px));margin:28px auto 56px}
body.acc-body .site-header{background:transparent}
.acc-body h1,.acc-body h2,.acc-body h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;color:var(--ink)}
.acc-body h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px}.acc-body h2{font-size:clamp(21px,2.6vw,26px);margin:0 0 14px}.acc-body h3{font-size:18px;margin:0 0 6px}
.acc-body p{color:var(--mut);margin:0 0 10px}
.acc-body [hidden]{display:none!important}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;text-decoration:none}
.btn:hover{background:var(--g);border-color:var(--g)}.btn:active{transform:translateY(1px)}
.btn.green{background:var(--g);border-color:var(--g)}.btn.green:hover{background:var(--g2)}
.btn.ghost{background:#fff;color:var(--ink);border-color:#cfd6cc}.btn.ghost:hover{background:var(--gl);color:var(--ink)}
.btn.danger{background:var(--red);border-color:var(--red)}.btn.sm{min-height:36px;padding:0 14px;font-size:14px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.linkbtn{background:none;border:0;padding:0;color:var(--g);text-decoration:underline;font-size:14px;cursor:pointer}
.field{display:grid;gap:6px;margin-bottom:14px;font-size:14px;color:var(--ink)}
.field input,.field textarea,.field select,.acc-body .ctl{width:100%;padding:12px 14px;border:1px solid #cfd6cc;border-radius:8px;background:#fff;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.field input:focus,.field textarea:focus,.field select:focus,.ctl:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(53,94,66,.15)}
.field .err,.err-text{color:var(--red);font-size:13px;min-height:0}
.msg{min-height:22px;font-size:14px;color:var(--g)}.msg.error{color:var(--red)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{margin-top:4px}
.bdg{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eceeea;color:#4a4a4a;white-space:nowrap}
.bdg.new{background:#e4eefb;color:#1d4f8f}.bdg.seen{background:#efe9fb;color:#5b3a99}.bdg.offered{background:#fdf1d6;color:#8a5a00}
.bdg.accepted,.bdg.paid{background:#dff0e3;color:#1c6b36}.bdg.in_progress{background:#d8ecf3;color:#14607a}.bdg.delivered{background:var(--g);color:#fff}
.bdg.rejected,.bdg.declined,.bdg.expired{background:#eceeea;color:#777}.bdg.sent{background:#fdf1d6;color:#8a5a00}
.mono{font-family:'Courier New',Courier,monospace;letter-spacing:.04em}
/* kabuk: yan menu + icerik */
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.side{position:sticky;top:20px;display:flex;flex-direction:column;gap:6px}
.side .who{display:flex;gap:12px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px;min-width:0}
.avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}
.who b{display:block;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who span{display:block;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who div{min-width:0}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav a,.side nav button.tab{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 14px;border-radius:8px;color:var(--ink);font-size:15px;background:none;border:0;text-align:left;cursor:pointer;transition:background .15s}
.side nav a:hover,.side nav button.tab:hover{background:var(--gl)}
.side nav a[aria-current="page"],.side nav button.tab[aria-selected="true"]{background:var(--gl);color:var(--g2);font-weight:700}
.rozet{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:12px;line-height:20px;text-align:center}
.side .out{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.pane{min-width:0}.pane>section{animation:rise .25s ease}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.strip{background:var(--warn);border:1px solid #ecdca0;border-radius:var(--r);padding:14px 18px;margin-bottom:20px}
.strip h3{font-size:17px}.strip p{color:#6b5a1d}
.codeform{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.codeinput{width:min(240px,100%);padding:12px;text-align:center;font:700 26px 'Courier New',monospace;letter-spacing:.5em;border:1px solid #cdbf86;border-radius:8px;background:#fff}
.codeinput:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(53,94,66,.15)}
.hello{background:linear-gradient(135deg,#fff 0%,var(--gl) 100%)}
.hello h1{font-size:clamp(26px,3.6vw,36px)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}.stat b{display:block;font:400 30px Georgia,serif;color:var(--g2)}.stat span{font-size:13px;color:var(--mut)}
.feed{list-style:none;margin:0;padding:0}.feed li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.feed li:last-child{border:0}.feed time{flex:none;color:var(--mut);font-size:12px;min-width:76px}
.qcard{margin-bottom:14px}.qhead{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.qhead .ref{font:700 16px 'Courier New',monospace}.qmeta{font-size:13px;color:var(--mut)}
.stepper{list-style:none;display:flex;margin:18px 0 4px;padding:0;gap:0;overflow-x:auto}
.stepper li{flex:1 0 74px;text-align:center;font-size:11px;color:#9a9a9a;position:relative;padding-top:22px}
.stepper li::before{content:"";position:absolute;left:50%;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#d9ddd6;z-index:1}
.stepper li::after{content:"";position:absolute;left:-50%;top:10px;width:100%;height:2px;background:#d9ddd6}
.stepper li:first-child::after{display:none}
.stepper li.done{color:var(--g2)}.stepper li.done::before,.stepper li.done::after{background:var(--g)}
.stepper li.now{color:var(--ink);font-weight:700}.stepper li.now::before{background:#fff;border:3px solid var(--g);box-shadow:0 0 0 4px rgba(53,94,66,.15)}
.closed{color:#777;font-size:13px;margin-top:8px}
.empty{text-align:center;padding:36px 16px;color:var(--mut)}
.empty .art{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:var(--gl);display:grid;place-items:center}
.empty .art img{width:46px;height:auto;opacity:.35}
.offer .amount{font:400 clamp(30px,5vw,42px) Georgia,serif;color:var(--g2);margin:6px 0}
.offer .scope{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:6px 0 10px}
.left{font-size:13px;color:var(--mut)}.left.soon{color:#8a5a00;font-weight:700}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chatbox{display:flex;flex-direction:column;height:min(70vh,640px);min-height:420px;padding:0;overflow:hidden}
.chat{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:6px;background:#fafbf9}
.day{align-self:center;margin:10px 0 4px;padding:3px 12px;border-radius:999px;background:#e9eee6;color:#5a6b5e;font-size:12px}
.bub{max-width:78%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5}
.bub small{display:block;margin-top:3px;font-size:11px;opacity:.7}
.bub.customer{align-self:flex-end;background:var(--g);color:#fff;border-bottom-right-radius:4px}
.bub.ray{align-self:flex-start;background:#eceeea;color:var(--ink);border-bottom-left-radius:4px}
.bub.ray .tag{display:block;font-size:11px;font-weight:700;color:var(--g2);margin-bottom:2px}
.bub.pending{opacity:.6}
.composer{border-top:1px solid var(--line);background:#fff;padding:12px;display:flex;gap:10px;align-items:flex-end}
.composer textarea{flex:1;min-height:44px;max-height:140px;resize:none;padding:11px 13px;border:1px solid #cfd6cc;border-radius:8px;font:inherit}
.composer textarea:focus{outline:0;border-color:var(--g)}
.lockmsg{padding:12px 16px;background:var(--warn);color:#6b5a1d;font-size:14px;border-top:1px solid #ecdca0}
.danger{border-color:#e6b8b4;margin-top:24px}.danger h2{color:var(--red)}
.pwbar{display:block;height:6px;background:#e9eee6;border-radius:3px;overflow:hidden}.pwbar i{display:block;height:100%;width:0;background:#c66;transition:width .2s,background .2s}
dialog{border:0;border-radius:var(--r);padding:24px;max-width:min(420px,calc(100% - 32px));box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,30,22,.45)}
dialog h3{margin-bottom:8px}dialog .row{margin-top:16px;justify-content:flex-end}
/* giris */
.auth{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(30,50,35,.12);background:#fff;max-width:960px;margin:16px auto}
.promo{background:linear-gradient(160deg,var(--g) 0%,var(--g2) 100%);color:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.promo h2{color:#fff;font-size:clamp(26px,3vw,34px);line-height:1.15;margin:0}
.promo ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.promo li{display:flex;gap:12px;align-items:flex-start;color:#eaf3ea;font-size:15px}
.promo .ic{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:16px}
.authcard{padding:40px 36px}
.tabs{display:flex;background:#eef1eb;border-radius:10px;padding:4px;margin-bottom:22px}
.tabs button{flex:1;padding:10px;border:0;background:none;border-radius:8px;font-size:15px;cursor:pointer;color:var(--mut)}
.tabs button[aria-selected="true"]{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pw{position:relative}.pw input{padding-right:78px}.pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--g);font-size:13px;cursor:pointer;padding:6px}
.bigcode{text-align:center;font:700 32px 'Courier New',monospace;letter-spacing:.5em}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
details.forgot{margin-top:16px;font-size:14px}details.forgot summary{cursor:pointer;color:var(--g)}
/* yonetim */
.shell.adm{grid-template-columns:230px minmax(0,1fr)}
.adm .side{background:#171717;border-radius:var(--r);padding:16px;border:0;box-shadow:var(--sh)}
.adm .side .who{border-color:#333}.adm .who b{color:#fff}.adm .who span{color:#9a9a9a}.adm .avatar{background:var(--g)}
.adm .side nav a,.adm .side nav button.tab{color:#ddd}.adm .side nav button.tab:hover{background:#262626}
.adm .side nav button.tab[aria-selected="true"]{background:var(--g);color:#fff}
.adm .side .out{border-color:#333}.adm .btn.ghost{background:transparent;color:#ddd;border-color:#444}.adm .btn.ghost:hover{background:#262626;color:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.tbl th{position:sticky;top:0;background:#f0f3ee;text-align:left;padding:10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5a6b5e;z-index:1}
.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:nth-child(even) td{background:#fafbf9}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--gl)}
.tblwrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}.kpi b{display:block;font:400 34px Georgia,serif;color:var(--g2);line-height:1.1}.kpi span{font-size:12px;color:var(--mut)}
.bars{display:flex;align-items:flex-end;gap:3px;height:150px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:var(--r)}
.bars div{flex:1;background:linear-gradient(#5c8a69,var(--g));min-height:2px;border-radius:3px 3px 0 0}
.meter{height:8px;background:#e3ebe0;border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:var(--g)}
.split{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px}
.conv{display:block;width:100%;text-align:left;padding:11px 12px;border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:8px;font-size:13px;cursor:pointer}
.conv[aria-current="true"]{border-color:var(--g);background:var(--gl)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:12px 0}.box pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;margin:8px 0}
.bubadm{max-width:80%}
/* mobil */
@media(max-width:760px){
 body.acc-body>main{width:calc(100% - 24px);margin-top:16px}
 .shell,.shell.adm{grid-template-columns:1fr;gap:14px}
 .side,.adm .side{position:static;padding:10px;flex-direction:column;gap:4px}
 .side .who{padding:0 0 8px;margin:0}
 .side nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
 .side nav a,.side nav button.tab{width:auto;flex:none;white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:999px}
 .side .out{margin:0;padding:0;border:0}.side .out .btn{width:100%}
 .card{padding:16px}.auth{grid-template-columns:1fr}.promo{padding:26px 22px;gap:14px}.promo ul{display:none}.authcard{padding:26px 20px}
 .split{grid-template-columns:1fr}.bub{max-width:88%}
}
/* ek: kvkk dialog, modal girdi, responsive tablo, mobil inceltme */
dialog.kvkk{max-width:min(640px,calc(100% - 24px));width:100%}
dialog.kvkk .kh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
dialog.kvkk .kh button{width:44px;height:44px;border:0;background:none;font-size:26px;cursor:pointer;color:var(--mut)}
dialog.kvkk .kb{max-height:55vh;overflow:auto;font-size:14px;line-height:1.6;color:var(--ink);padding-right:6px}
dialog.kvkk .kf{margin-top:14px;display:flex;justify-content:flex-end}
dialog input.ctl{margin-top:12px}
.todo{list-style:none;margin:0;padding:0}.todo li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.todo li:last-child{border:0}
.todo button.lk{background:none;border:0;color:var(--g2);font-size:15px;text-align:left;cursor:pointer;padding:0;min-height:44px}
.fine{font-size:13px;color:var(--mut)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .ctl{width:auto;flex:1 1 180px}
@media(max-width:760px){
 input,select,textarea,.ctl,.codeinput{font-size:16px!important}
 .btn,.side nav a,.side nav button.tab,.tabs button,.conv{min-height:44px}
 .btn.sm{min-height:44px}
 .linkbtn{min-height:44px;display:inline-flex;align-items:center}
 .chatbox{height:calc(100dvh - 250px);min-height:340px}
 .composer{padding:8px;gap:8px}.composer .ctl{max-width:40%!important}
 .tblwrap{border:0;background:transparent;overflow:visible;max-height:none}
 .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{display:none}
 .tbl tr{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-bottom:10px;box-shadow:var(--sh)}
 .tbl td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0;background:transparent!important;text-align:right;overflow-wrap:anywhere}
 .tbl td::before{content:attr(data-label);color:var(--mut);font-size:12px;text-align:left;flex:none}
 .promo h1{font-size:24px}.hello h1{font-size:24px}
 .stats{grid-template-columns:repeat(3,1fr)}.stat{padding:12px}.stat b{font-size:24px}
 .kpis{grid-template-columns:repeat(2,1fr)}
}
/* hub: mobil tasma + avatar harfi */
.who .avatar{display:grid!important;place-items:center;color:#fff!important;font-size:20px!important;line-height:1}
.shell>*{min-width:0}
@media(max-width:760px){
.shell{grid-template-columns:minmax(0,1fr);gap:14px}
.side{position:static;padding:12px;overflow:hidden}
.side nav{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -2px;padding:2px}
.side nav::-webkit-scrollbar{display:none}
.side nav a,.side nav button.tab{width:auto;flex:none;white-space:nowrap;padding:10px 14px}
.side .out{margin-top:6px;padding-top:6px}
.side .out .btn{width:auto;min-height:40px}
.side .who{padding:2px 2px 10px}
}
/* yeni talep formu */
.side nav a.primary{background:var(--g);color:#fff;font-weight:700;margin-bottom:4px}
.side nav a.primary:hover,.side nav a.primary[aria-current="page"]{background:var(--g2);color:#fff}
.side nav a.primary b{font-size:18px;margin-right:4px}
.qform{max-width:720px;display:grid;gap:4px}
.qwho{margin:0 0 8px;padding:10px 14px;background:var(--gl);border-radius:8px;color:var(--ink);overflow-wrap:anywhere}
.qnote{font-size:13px;margin-bottom:12px}
.qset{border:0;padding:0;margin:0 0 18px;min-width:0}
.qset legend{font-weight:700;color:var(--ink);padding:0;margin-bottom:10px;font-size:15px}
.qset legend small,.qform .field small{font-weight:400;color:var(--mut)}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.opt,.chip{position:relative;display:block;cursor:pointer}
.opt input,.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt>span{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:12px 16px;border:1px solid #cfd6cc;border-radius:10px;background:#fff;font-size:15px;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}
.opt input:checked+span,.chip input:checked+span{border-color:var(--g);background:var(--gl);box-shadow:0 0 0 2px rgba(53,94,66,.2);color:var(--g2);font-weight:700}
.opt input:focus-visible+span,.chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(53,94,66,.35)}
.opt.pkg{margin-top:10px}.opt.pkg small{font-size:13px;color:var(--mut);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip>span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #cfd6cc;border-radius:999px;background:#fff;font-size:15px;color:var(--ink);transition:border-color .15s,background .15s}
.qcount{font-size:12px;color:var(--mut)}.qcount.ok{color:var(--g)}
.qdone{max-width:560px;text-align:center;padding:36px 24px}
.qdone .tick{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:34px;animation:qpop .4s ease-out}
.qdone code{display:inline-block;padding:8px 16px;border-radius:8px;background:var(--gl);color:var(--g2);font:700 20px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
@keyframes qpop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.qdone .tick{animation:none}}
@media(max-width:760px){.opts{grid-template-columns:1fr 1fr}.qform{max-width:none}.side nav a.primary{padding:10px 14px}}