/* AH-M200: telefon tasarımı v2 (AH-M198). AH-M266: Sıla maketi AH-M264 "Sonra" görsel dili — renk belirteçleri, tonlu rozetler, sol risk şeridi, kompakt kabuk. Akışkan --b aynen korunur (AH-M197/M201). */
:root{--bg:#f3f5fa;--pn:#fff;--sf:#fff;--sf2:#eef2f9;--fg:#12192b;--mut:#4a5568;--acc:#1d5fd0;--onacc:#fff;--bl:#1d5fd0;--onbl:#fff;--soft:#dbe6ff;--onsoft:#1a4aa8;--ok:#15803d;--warn:#b45309;--bad:#b42318;--ln:#d5dbe8;--ls:#7a8194;--sh:none;--term:#0a0f1a;--gB:#dcf5e5;--gT:#14663a;--oB:#fdf0d2;--oT:#7a4a05;--rB:#fde3e3;--rT:#a21c1c;--bB:#e0ebff;--bT:#1a4aa8;--nB:#e7eaf1;--nT:#4a5568;--dgB:#e0a3a3;--dgT:#a21c1c;--dgF:#b42318;--amb:#c58a1f;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--pn:#0e1627;--sf:#152036;--sf2:#101a2e;--fg:#e8edf6;--mut:#a6b2c7;--acc:#7db4ff;--onacc:#0a1230;--bl:#2b6fdc;--onbl:#fff;--soft:#17346a;--onsoft:#7db4ff;--ok:#34d399;--warn:#f59e0b;--bad:#f87171;--ln:#23314f;--ls:#7a8299;--sh:none;--term:#0a0f1a;--gB:#0f2e1c;--gT:#86efac;--oB:#3a2a0c;--oT:#fcd34d;--rB:#3b1414;--rT:#fca5a5;--bB:#14264a;--bT:#7db4ff;--nB:#1f2533;--nT:#aab4c6;--dgB:#7a3039;--dgT:#f4a3a8;--dgF:#7a3039;--amb:#8a6a2a;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0b1220;--pn:#0e1627;--sf:#152036;--sf2:#101a2e;--fg:#e8edf6;--mut:#a6b2c7;--acc:#7db4ff;--onacc:#0a1230;--bl:#2b6fdc;--onbl:#fff;--soft:#17346a;--onsoft:#7db4ff;--ok:#34d399;--warn:#f59e0b;--bad:#f87171;--ln:#23314f;--ls:#7a8299;--sh:none;--term:#0a0f1a;--gB:#0f2e1c;--gT:#86efac;--oB:#3a2a0c;--oT:#fcd34d;--rB:#3b1414;--rT:#fca5a5;--bB:#14264a;--bT:#7db4ff;--nB:#1f2533;--nT:#aab4c6;--dgB:#7a3039;--dgT:#f4a3a8;--dgF:#7a3039;--amb:#8a6a2a;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
/* Kök rem: sistem/tarayıcı yazı ölçeğine uyar (px yok). --yazi = Yazı boyu çarpanı (1 / 1.15 / 1.3) */
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;--yazi:1}
html,body{margin:0;background:var(--bg);color:var(--fg);height:var(--vh,100%);overflow:hidden} /* AH-M204: --vh = görünür yükseklik ÷ zoom (JS); dvh birimi zoom'dan önceki viewport'a göre hesaplanıp zoom ile çarpılıyordu */
body{container-type:inline-size;container-name:ph;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.4;overflow-wrap:break-word}
button,input,textarea{font:inherit;color:inherit}
img,iframe,input,textarea{max-width:100%}
/* Akışkan gövde: 320px→17px, 430px→19px, ≥485px→20px (tavan) */
.app{
  --b:calc(clamp(1.0625rem, .6989rem + 1.818cqw, 1.25rem) * var(--yazi));
  --fs-min:calc(var(--b)*.875);
  --fs-nav:min(calc(var(--b)*.875),4.65cqw);
  --fs-lbl:calc(var(--b)*.9375);
  --fs-body:var(--b);
  --fs-title:calc(var(--b)*1.125);
  --fs-h1:calc(var(--b)*1.5);
  --fs-num:calc(var(--b)*1.875);
  --sp1:calc(var(--b)*.25);--sp2:calc(var(--b)*.5);--sp3:calc(var(--b)*.75);--sp4:var(--b);--sp5:calc(var(--b)*1.5);--sp6:calc(var(--b)*2);
  --tap:calc(var(--b)*3);--tap-xl:calc(var(--b)*3.4);--r:calc(var(--b)*.85);--gut:var(--sp4);--safe:env(safe-area-inset-bottom,0px);
  font-size:var(--fs-body);min-height:var(--vh,100dvh);position:relative;color:var(--fg)}
@supports not (width:1cqw){.app{--b:calc(clamp(1.0625rem, .6989rem + 1.818vw, 1.25rem) * var(--yazi));--fs-nav:min(calc(var(--b)*.875),4.65vw)}}
.app svg.i{width:calc(var(--b)*1.45);height:calc(var(--b)*1.45);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Kabuk */
#app{display:flex;flex-direction:column;height:var(--vh,100dvh);overflow:hidden;background:var(--bg)}
#app .col{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:var(--sp2);min-height:calc(var(--b)*3.2);padding:calc(env(safe-area-inset-top,0px) + var(--sp1)) calc(var(--sp2) + env(safe-area-inset-right,0px)) var(--sp1) calc(var(--gut) + env(safe-area-inset-left,0px));background:var(--pn);border-bottom:1px solid var(--ln);flex:none}
.top.push{padding-left:calc(var(--sp1) + env(safe-area-inset-left,0px))}
.top h1{flex:1;min-width:0;margin:0;font-size:var(--fs-h1);line-height:1.2;font-weight:700;overflow:hidden}
.top h1 .tt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.top.push h1 .tt{-webkit-line-clamp:2}
.top h1 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-min);font-weight:400;color:var(--mut);line-height:1.25}
.top h1 small:empty{display:none}
.ib{display:grid;place-items:center;min-width:var(--tap);height:var(--tap);padding:0;border:0;background:none;border-radius:50%;color:var(--fg);cursor:pointer;flex:none}
.ib:active,.ib.on{background:var(--soft)}
.chip{display:inline-flex;align-items:center;gap:.35em;min-height:calc(var(--b)*1.9);padding:0 var(--sp3);border-radius:99px;background:var(--nB);color:var(--nT);font-size:var(--fs-min);font-weight:600;white-space:nowrap;border:0}
.chip svg.i{width:1.15em;height:1.15em}
.chip.ok{background:var(--gB);color:var(--gT)}.chip.warn{background:var(--oB);color:var(--oT)}.chip.bad{background:var(--rB);color:var(--rT)}.chip.acc{background:var(--bB);color:var(--bT)}
.chip.fill-bad{background:var(--rB);color:var(--rT)}
.main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp3) calc(var(--gut) + env(safe-area-inset-right,0px)) var(--sp5) calc(var(--gut) + env(safe-area-inset-left,0px));overflow-wrap:break-word}
.main>*+*{margin-top:var(--sp3)}
.main.fill{display:flex;flex-direction:column;gap:var(--sp3)}
.main.fill>*+*{margin-top:0}
.sum{font-size:var(--fs-body);color:var(--mut);margin:0}
.sum b{color:var(--fg)}
h3,h2.sec{font-size:var(--fs-lbl);letter-spacing:.03em;text-transform:uppercase;color:var(--mut);margin:var(--sp5) 0 var(--sp2);font-weight:700}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:var(--sp3) var(--sp4);box-shadow:var(--sh)}
.card.risk{border-left:calc(var(--b)*.3) solid var(--mut)}
.card.risk.high{border-left-color:var(--bad)}.card.risk.med{border-left-color:var(--warn)}.card.risk.low{border-left-color:var(--ok)}
.card h4,.card .ttl{margin:0;font-size:var(--fs-title);line-height:1.3;font-weight:700}
.card p{margin:var(--sp2) 0 0}
.sub,small{font-size:var(--fs-min);color:var(--mut)}
.row{display:flex;align-items:center;gap:var(--sp3)}
.row.sb{justify-content:space-between;align-items:flex-start}
.row.wrap{flex-wrap:wrap}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp3)}
.list{list-style:none;margin:0;padding:0;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.list>li{display:flex;align-items:center;gap:var(--sp3);min-height:calc(var(--b)*3.2);padding:var(--sp2) var(--sp4);border-top:1px solid var(--ln)}
.list>li:first-child{border-top:0}
.list>li.tap{cursor:pointer}
.list .t{flex:1;min-width:0}
.list .t b{display:block;font-size:var(--fs-title);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .t span{display:block;font-size:var(--fs-min);color:var(--mut);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .t.wrap b,.list .t.wrap span{white-space:normal}
.chev{color:var(--mut)}
.dot{width:calc(var(--b)*.75);height:calc(var(--b)*.75);border-radius:50%;background:var(--mut);flex:none;display:inline-block}
.dot.working,.dot.work{background:var(--ok)}.dot.waiting,.dot.wait{background:var(--warn)}
.proj{margin:0}
.proj+.proj{margin-top:var(--sp3)}
.proj-h{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp3);width:100%;min-height:calc(var(--b)*3.6);padding:var(--sp2) var(--sp4);background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);text-align:left;cursor:pointer}
.proj-h b{flex:1;min-width:9em;font-size:var(--fs-title);line-height:1.25}
.proj-h .sub{white-space:normal;text-align:left;flex:1 1 100%;margin:calc(var(--sp2)*-1) 0 0 calc(var(--b)*1.45 + var(--sp3))}
.proj.open .proj-h{border-radius:var(--r) var(--r) 0 0}
.proj .list{border-top:0;border-radius:0 0 var(--r) var(--r)}
.proj-h .chev{transition:transform .15s}.proj.open .proj-h .chev{transform:rotate(90deg)}
.proj .empty{padding:var(--sp3) 0;margin:0}
.cols2{display:block}
.cols2>*+*{margin-top:var(--sp3)}
.empty,.note{color:var(--mut);text-align:center;padding:var(--sp5) 0;margin:0}
.note{padding:var(--sp2) 0;text-align:left}
.hint{font-size:var(--fs-min);color:var(--mut);margin:var(--sp2) 0 0}

/* Düğmeler */
.btn,button.btn,.photo-btns .btn{overflow-wrap:anywhere;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp2);min-height:var(--tap);padding:0 var(--sp4);border-radius:calc(var(--b)*.8);border:1.5px solid var(--ls);background:transparent;font-size:var(--fs-lbl);font-weight:600;cursor:pointer;text-align:center;line-height:1.2;color:var(--fg)}
.btn.xl{min-height:var(--tap-xl)}
.btn.primary,.btn.yes{background:var(--bl);border-color:var(--bl);color:var(--onbl)}
.btn.danger{color:var(--dgT);border-color:var(--dgB)}
.btn.dangerfill{background:var(--dgF);border-color:var(--dgF);color:#fff}
.btn.no{color:var(--fg);border-color:var(--ls)}
.btn.danger.no{color:var(--dgT);border-color:var(--dgB)}
.btn.ghost{border-color:transparent;color:var(--acc)}
.btn.block{display:flex;width:100%}
.btn:disabled{opacity:.5}
.btn.sm{min-height:calc(var(--b)*2.8)}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp3);margin-top:var(--sp3)}
.btns.r{grid-template-columns:2fr 3fr}
.btns.one{grid-template-columns:1fr}
.seg{display:flex;gap:var(--sp1);padding:var(--sp1);background:var(--sf2);border-radius:calc(var(--b)*.9)}
.seg button{flex:1;min-height:calc(var(--b)*2.7);border:0;border-radius:calc(var(--b)*.7);background:none;font-size:var(--fs-lbl);font-weight:600;color:var(--mut);cursor:pointer;padding:0 var(--sp2)}
.seg button.on{background:var(--soft);color:var(--onsoft)}
.seg{border:1px solid var(--ln)}
.inp,.pcap,#login input[type=email],#login input[type=password],#paste input,#kodform input,#tform input{width:100%;min-height:var(--tap);padding:0 var(--sp3);border:1.5px solid var(--ls);border-radius:calc(var(--b)*.7);background:var(--sf);font-size:var(--fs-body);color:var(--fg)}
input::placeholder,textarea::placeholder{color:var(--mut);opacity:1}
input:focus,textarea:focus{outline:calc(var(--b)*.15) solid var(--acc);outline-offset:1px}
textarea.inp{padding:var(--sp3);min-height:calc(var(--b)*7);resize:none;line-height:1.4}
.field{display:block}
.field>span{display:block;font-size:var(--fs-lbl);font-weight:600;margin-bottom:var(--sp1)}
.chk{display:flex;align-items:center;gap:var(--sp2);min-height:var(--tap);font-size:var(--fs-body)}
.chk input{width:calc(var(--b)*1.3);height:calc(var(--b)*1.3);min-height:0;accent-color:var(--acc)}

/* Alt menü */
nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--pn);border-top:1px solid var(--ln);flex:none;padding:var(--sp1) env(safe-area-inset-right,0px) var(--safe) env(safe-area-inset-left,0px)}
nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp1);min-height:calc(var(--b)*3.9);padding:var(--sp1) 0;border:0;border-radius:0;background:none;color:var(--mut);font-size:var(--fs-nav);font-weight:600;cursor:pointer;line-height:1.1;min-width:0}
nav .pill{display:grid;place-items:center;width:calc(var(--b)*3.5);height:calc(var(--b)*2);border-radius:99px;position:relative}
nav button.on{color:var(--onsoft);font-weight:700}
nav button.on .pill{background:var(--soft)}
nav button.on .l{color:var(--fg)}
nav .cnt{position:absolute;top:calc(var(--b)*-.3);right:0;min-width:calc(var(--b)*1.4);height:calc(var(--b)*1.4);padding:0 .25em;border-radius:99px;background:var(--bad);color:#fff;font-size:var(--fs-min);font-weight:800;display:grid;place-items:center;line-height:1}
#app.sub>nav{display:none}

/* Bantlar */
.band{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp2) var(--sp3);padding:var(--sp3) var(--gut);background:var(--soft);color:var(--onsoft);font-size:var(--fs-body);flex:none}
.band .txt{flex:1 1 9em}
.band .btn{min-height:calc(var(--b)*2.8);font-size:var(--fs-lbl);margin:0}
.band .btn.primary{background:var(--onsoft);border-color:var(--onsoft);color:var(--soft)}
#updbar{position:sticky;top:0;z-index:5;padding-top:calc(env(safe-area-inset-top,0px) + var(--sp3));display:block}
#updbar[hidden]{display:none}
#updbar>div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp2) var(--sp3);width:100%}
#updbar button,#updbar a.btnlike{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--b)*2.8);padding:0 var(--sp4);border-radius:calc(var(--b)*.8);border:1.5px solid var(--onsoft);background:var(--onsoft);color:var(--soft);font-weight:600;font-size:var(--fs-lbl);text-decoration:none;cursor:pointer}
#banner.bad{background:color-mix(in srgb,var(--bad) 22%,var(--bg));color:var(--fg)}
#banner.warn{background:color-mix(in srgb,var(--warn) 22%,var(--bg));color:var(--fg)}
#banner button{margin-left:var(--sp2)}
#lanlink{display:block;padding:var(--sp3) var(--gut);font-size:var(--fs-lbl);color:var(--acc);font-weight:600}
.err{text-align:center;padding:var(--sp6) var(--sp4)}
.err .ico{width:calc(var(--b)*3.6);height:calc(var(--b)*3.6);border-radius:50%;background:var(--sf2);color:var(--warn);display:grid;place-items:center;margin:0 auto var(--sp3)}
.err h4{font-size:var(--fs-title);margin:0 0 var(--sp2)}
.err p{margin:0 0 var(--sp4);color:var(--mut)}
.err .btns{margin-top:var(--sp3)}
.err a{color:var(--acc);font-weight:600;text-decoration:none}
.skel{padding:0;display:grid;gap:var(--sp3)}
.skel i{display:block;height:calc(var(--b)*3.2);border-radius:var(--r);background:linear-gradient(90deg,var(--sf) 25%,var(--sf2) 50%,var(--sf) 75%);background-size:200% 100%;animation:skel 1.2s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.skel i,.spin{animation:none}*{transition:none!important}}

/* Kuyruk / kullanım */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp2)}
.stat{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:var(--sp3);text-align:center}
.stat b{display:block;font-size:var(--fs-num);line-height:1.1}.stat span{font-size:var(--fs-min);color:var(--mut)}
.utotal{display:grid;gap:var(--sp1)}
.utotal b{font-size:var(--fs-num);line-height:1.15}
.ulist{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp3)}
.urow .uh{display:flex;justify-content:space-between;gap:var(--sp2)}
.urow .uh span{color:var(--mut);font-size:var(--fs-min);white-space:nowrap}
.bar{height:calc(var(--b)*.55);border-radius:99px;background:var(--sf2);overflow:hidden;margin:var(--sp1) 0}
.bar i{display:block;height:100%;background:var(--acc);border-radius:99px}
.chart{display:flex;align-items:flex-end;gap:var(--sp2);height:calc(var(--b)*8);padding-top:var(--sp2)}
.chart .col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--sp1)}
.chart .col i{display:block;width:100%;background:var(--acc);border-radius:6px 6px 0 0;min-height:3px}
.chart .col small{color:var(--mut);font-size:var(--fs-min)}
iframe.report{flex:1;width:100%;min-height:calc(var(--b)*18);border:1px solid var(--ln);border-radius:var(--r);background:#fff}

/* Ajan / terminal */
.ttabs{display:flex;gap:var(--sp1);padding:var(--sp1);background:var(--sf2);border-radius:calc(var(--b)*.9);flex:none}
.ttabs button{flex:1;min-height:calc(var(--b)*2.7);border:0;border-radius:calc(var(--b)*.7);background:none;font-size:var(--fs-lbl);font-weight:600;color:var(--mut);cursor:pointer;padding:0 var(--sp2)}
.ttabs button.on{background:var(--soft);color:var(--onsoft)}
.tstate{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);border-radius:var(--r);background:var(--sf2);font-size:var(--fs-lbl);flex:none}
.tstate.wait{background:var(--soft);color:var(--onsoft)}
.tstate button{margin-left:auto;min-height:calc(var(--b)*2.6);padding:0 var(--sp3);border-radius:calc(var(--b)*.7);border:0;background:var(--onsoft);color:var(--soft);font-weight:600;font-size:var(--fs-lbl)}
.spin{width:1em;height:1em;border-radius:50%;border:2px solid var(--acc);border-top-color:transparent;animation:tspin 1s linear infinite;display:inline-block;flex:none}
@keyframes tspin{to{transform:rotate(360deg)}}
.tbody{flex:1;min-height:calc(var(--b)*14);display:flex;flex-direction:column}
.tchat{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--sp2)}
.msg{max-width:92%;padding:var(--sp2) var(--sp3);border-radius:calc(var(--b)*.9);line-height:1.45;font-size:var(--fs-body)}
.msg.user{align-self:flex-end;background:var(--acc);color:var(--onacc)}.msg.user.local{opacity:.6}
.msg.assistant{align-self:flex-start;background:var(--sf);border:1px solid var(--ln)}
.msg.tool{align-self:flex-start;color:var(--mut);font-size:var(--fs-min);padding:0 var(--sp1);background:none}
.msg code,.msg .cb{font:.88em ui-monospace,Menlo,Consolas,monospace;background:var(--sf2);padding:0 .3em;border-radius:5px;color:var(--fg)}
.msg .cb{display:block;padding:var(--sp2);overflow:auto;white-space:pre;margin:var(--sp2) 0 0}
.tscreen{flex:1;min-height:0;overflow:auto;background:var(--term);border:1px solid var(--ln);border-radius:var(--r);padding:var(--sp2) var(--sp3);touch-action:pan-x pan-y;font-size:var(--fs-min)}
.tscreen pre{margin:0;color:#d6dae4;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:inherit;line-height:1.3;white-space:pre;width:max-content;min-width:100%}
.tscreen .B{font-weight:700}.tscreen .D{opacity:.6}.tscreen .I{font-style:italic}.tscreen .U{text-decoration:underline}
.tscreen .f0{color:#8a93a6}.tscreen .f1{color:#e06c75}.tscreen .f2{color:#98c379}.tscreen .f3{color:#e5c07b}.tscreen .f4{color:#61afef}.tscreen .f5{color:#c678dd}.tscreen .f6{color:#56b6c2}.tscreen .f7{color:#d6dae4}.tscreen .f8{color:#7f8696}.tscreen .f9{color:#ff7b86}.tscreen .f10{color:#b5e890}.tscreen .f11{color:#ffd68a}.tscreen .f12{color:#7cc0ff}.tscreen .f13{color:#e08fff}.tscreen .f14{color:#74d4e0}.tscreen .f15{color:#fff}
.tscreen .b0{background:#1c1f27}.tscreen .b1{background:#7a2d35}.tscreen .b2{background:#3d5e2a}.tscreen .b3{background:#6b5520}.tscreen .b4{background:#25476e}.tscreen .b5{background:#5d2f6e}.tscreen .b6{background:#1f5560}.tscreen .b7,.tscreen .b8,.tscreen .b15{background:#3a3f4c}.tscreen .b9,.tscreen .b10,.tscreen .b11,.tscreen .b12,.tscreen .b13,.tscreen .b14{background:#4b5160}
.tscreen .V{background:#d6dae4;color:#0d0f14}
.tbar{min-width:0;flex:none;display:grid;gap:var(--sp2);padding-top:var(--sp2)}
#tform{display:flex;gap:var(--sp2)}
#tform input{flex:1;min-width:0;width:auto}
#tform .btn{min-width:var(--tap);padding:0 var(--sp3)}
.keys{display:flex;flex-wrap:wrap;gap:var(--sp2);min-width:0}
.keys button{flex:1 1 auto;min-width:0;white-space:nowrap;min-height:calc(var(--b)*2.8);padding:0 var(--sp2);font-size:var(--fs-lbl);font-family:ui-monospace,Menlo,Consolas,monospace;border:1.5px solid var(--ls);border-radius:calc(var(--b)*.8);background:transparent;cursor:pointer}
.photo-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp3)}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp2);margin:var(--sp3) 0}
.thumb{position:relative;aspect-ratio:1;border-radius:calc(var(--b)*.6);overflow:hidden;border:1px solid var(--ln)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb button{position:absolute;top:4px;right:4px;width:calc(var(--b)*2);height:calc(var(--b)*2);min-height:0;padding:0;border-radius:50%;background:rgba(10,15,26,.78);color:#fff;border:0;display:grid;place-items:center}
.thumb button svg.i{width:62%;height:62%}
.pcap{margin:0 0 var(--sp2)}
#photobar:empty{display:none}

/* Eşleşme */
#pair{align-items:stretch;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + var(--sp6)) var(--gut) var(--sp6);gap:var(--sp4);display:flex;flex-direction:column;height:var(--vh,100dvh);background:var(--bg);max-width:30rem;margin:0 auto;width:100%}
#pair[hidden]{display:none}
#pair .logo{width:calc(var(--b)*4.2);height:calc(var(--b)*4.2);border-radius:calc(var(--b)*1.1);display:block;margin:0 auto}
#pair h1{margin:0;text-align:center;font-size:var(--fs-h1)}
#pair form,#desks{display:grid;gap:var(--sp3);margin:0}
#pair .msg{color:var(--mut);text-align:center;max-width:none;margin:0;padding:0;background:none;border:0;font-size:var(--fs-body)}
#pair .msg:empty{display:none}
#login .chk{color:var(--fg)}
#desks button.desk{display:block;text-align:left;min-height:var(--tap-xl);padding:var(--sp3) var(--sp4);border-radius:calc(var(--b)*.8);border:1.5px solid var(--acc);background:var(--acc);color:var(--onacc);font-size:var(--fs-lbl);cursor:pointer}
#desks small{display:block;color:inherit;opacity:.85}
#desks button.link{background:none;border:0;color:var(--mut);text-decoration:underline;min-height:var(--tap);font-size:var(--fs-lbl)}
#desks>button:not(.desk):not(.link){min-height:var(--tap);border:1.5px solid var(--ls);border-radius:calc(var(--b)*.8);background:none;font-weight:600}
#wait{text-align:center}
#wait .code{font-size:var(--fs-num);font-weight:700;letter-spacing:.35rem;font-variant-numeric:tabular-nums;margin:var(--sp2) 0}
#kodform,#paste{display:grid;grid-template-columns:1fr;gap:var(--sp2)}
#kodform input{letter-spacing:.12em;text-transform:uppercase;min-width:0}
#kodform input::placeholder{letter-spacing:.05em;text-transform:none}
#paste input{min-width:0}
#kodform button,#paste button{min-height:var(--tap);padding:0 var(--sp4);border-radius:calc(var(--b)*.8);border:1.5px solid var(--acc);background:var(--acc);color:var(--onacc);font-weight:600;font-size:var(--fs-lbl);cursor:pointer}
#login button{min-height:var(--tap-xl);border-radius:calc(var(--b)*.8);border:1.5px solid var(--acc);background:var(--acc);color:var(--onacc);font-weight:600;font-size:var(--fs-lbl);cursor:pointer}
details.how{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:0 var(--sp4)}
details.how summary,#pushbox summary{min-height:var(--tap);display:flex;align-items:center;font-weight:600;font-size:var(--fs-lbl);cursor:pointer}
details.how p{margin:0 0 var(--sp3);color:var(--mut);font-size:var(--fs-body)}
#install{position:static;margin:var(--sp2) var(--sp3);flex:none;z-index:6;display:flex;flex-wrap:wrap;gap:var(--sp2);align-items:center;padding:var(--sp3);background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);box-shadow:0 4px 16px #0004;font-size:var(--fs-body)}
#install[hidden]{display:none}
#install .txt{flex:1 1 12em}
#install button{min-height:calc(var(--b)*2.8);padding:0 var(--sp3);border-radius:calc(var(--b)*.7);border:1.5px solid var(--ls);background:none;font-weight:600;font-size:var(--fs-lbl)}
#install button[data-act=install]{background:var(--acc);color:var(--onacc);border-color:var(--acc)}
#confirm{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;z-index:9}
#confirm[hidden]{display:none}
#confirm .box{background:var(--sf);width:100%;padding:var(--sp5) var(--gut) calc(var(--safe) + var(--sp4));border-radius:calc(var(--b)*1.2) calc(var(--b)*1.2) 0 0;font-size:var(--fs-body)}
#confirm p{margin:0}
/* AH-M205: bilgisayar seçici + yeniden adlandırma (alttan açılan sayfa, #confirm ile aynı dil) */
button#via{cursor:pointer;min-height:calc(var(--b)*2.4);color:var(--nT);background:var(--nB);border:0;font-family:inherit;position:relative}
button#via.ok{color:var(--gT);background:var(--gB)}button#via.bad{color:var(--rT);background:var(--rB)}
button#via::after{content:"▾";margin-left:.2em;color:var(--mut)}
.sheet{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;z-index:9}
.sheet[hidden]{display:none}
.sheet .box{background:var(--sf);width:100%;max-height:calc(var(--vh,100dvh)*.86);overflow-y:auto;padding:var(--sp4) var(--gut) calc(var(--safe) + var(--sp4));border-radius:calc(var(--b)*1.2) calc(var(--b)*1.2) 0 0;font-size:var(--fs-body);display:grid;gap:var(--sp3)}
.sheet .box h2.sec{margin:0}
.list.pcs>li{flex-wrap:wrap;cursor:default}
.list.pcs>li.tap{cursor:pointer}
.list.pcs .t b{display:flex;align-items:center;gap:var(--sp2)}
.list.pcs .t b>span.nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline}
.pcs .dot.up{background:var(--ok)}.pcs .dot.dn{background:var(--bad)}
.pcs .on-mark{color:var(--acc);font-size:var(--fs-min);font-weight:700}
.pcs .acts{display:flex;gap:var(--sp2);flex:1 1 100%;justify-content:flex-end;padding-bottom:var(--sp2)}
#settings .conn .list.pcs{margin-top:var(--sp3)}
.pcs .acts .btn{min-height:calc(var(--b)*2.8);padding:0 var(--sp3)}
.pcs .btn[disabled]{opacity:.5}
.band .btn+.btn{margin-left:var(--sp1)}
#toast{position:fixed;left:var(--gut);right:var(--gut);bottom:calc(var(--safe) + var(--b)*5.6);background:var(--fg);color:var(--bg);padding:var(--sp3) var(--sp4);border-radius:var(--r);text-align:center;z-index:10;font-size:var(--fs-body)}
#toast[hidden]{display:none}

/* Ayarlar */
#settings>section+section{margin-top:var(--sp5)}
#settings h2.sec{margin-top:0}
.conn .row.sb>div{min-width:0}
#pushbox{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:0 var(--sp4);margin:0}
#pushbox .pushin{padding-bottom:var(--sp3)}
#pushbox .pushin button{min-height:var(--tap);padding:0 var(--sp4);border-radius:calc(var(--b)*.8);border:1.5px solid var(--acc);background:var(--acc);color:var(--onacc);font-weight:600;font-size:var(--fs-lbl);cursor:pointer}
#pushbox input[type=time]{min-height:calc(var(--b)*2.6);font-size:var(--fs-body);border:1.5px solid var(--ls);border-radius:calc(var(--b)*.6);background:var(--sf);padding:0 var(--sp2)}
#pushbox p{margin:var(--sp2) 0}
#about{margin:0}
#about .res{display:block}

/* AH-M201: yalnız GERÇEK geniş ekranda (html.genis: core.js ekranKarari — fiziksel ekran, CSS genişlik değil). Alt menü → sol ray, içerik ortada, kartlar 2 sütun */
@container ph (min-width:600px){
  html.genis #app{flex-direction:row}
  html.genis #app>nav{order:-1;width:calc(var(--b)*5.6);grid-template-columns:1fr;grid-auto-rows:calc(var(--b)*5);align-content:start;border-top:0;border-right:1px solid var(--ln);padding-top:var(--sp3)}
  html.genis #app>nav button{min-height:calc(var(--b)*5)}
  html.genis .main{padding-left:max(var(--gut),calc((100cqw - 44rem)/2));padding-right:max(var(--gut),calc((100cqw - 44rem)/2))}
  html.genis .cols2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--sp3);align-items:start}
  html.genis .cols2>*{margin:0!important;min-width:0}
  html.genis #install{left:auto;max-width:28rem}
}
/* AH-M192 eklenti: öneri / şikâyet (v2 tasarımı) */
#gerib .n:empty{display:none}
#gerib{cursor:pointer}
.gturler{flex-wrap:wrap}
.gturler button{min-width:30%}
.gin{display:block;margin:var(--sp2) 0}
textarea.gin{min-height:calc(var(--b)*8)}
.gcevap{margin:var(--sp2) 0 0;padding:var(--sp2) var(--sp3);border-left:calc(var(--b)*.2) solid var(--acc);background:var(--sf2);white-space:pre-wrap;border-radius:0 var(--r) var(--r) 0}
.card .head{display:flex;justify-content:space-between;gap:var(--sp2)}
.card .head .tag{font-size:var(--fs-min);color:var(--mut);white-space:nowrap}

/* AH-M266: karar şeridi + yeni kart düğmesi */
.strip{display:flex;align-items:center;gap:var(--sp2);min-height:calc(var(--b)*3);margin:var(--sp2) calc(var(--sp3) + env(safe-area-inset-right,0px)) var(--sp2) calc(var(--sp3) + env(safe-area-inset-left,0px));padding:0 var(--sp3);border-radius:calc(var(--b)*.8);background:var(--oB);color:var(--oT);border:1px solid var(--amb);font-size:var(--fs-lbl);font-weight:600;text-align:left;cursor:pointer;flex:none}
.strip span{flex:1;min-width:0}
.strip[hidden]{display:none}
.newbtn{position:sticky;top:0;z-index:3;display:flex;width:100%;min-height:var(--tap);align-items:center;justify-content:center;gap:var(--sp2);border-radius:calc(var(--b)*.8);border:0;background:var(--bl);color:var(--onbl);font-weight:700;font-size:var(--fs-lbl);cursor:pointer;box-shadow:0 2px 10px #0006}

/* AH-M266: karar kartı (sol şerit + tek rozet), onay penceresi, boş/hata durumu */
.pl{display:inline-flex;align-items:center;gap:.25em;min-height:calc(var(--b)*1.5);padding:0 .6em;border-radius:calc(var(--b)*.45);font-size:var(--fs-min);font-weight:600;white-space:nowrap;background:var(--nB);color:var(--nT);flex:none}
.pl.g{background:var(--gB);color:var(--gT)}.pl.o{background:var(--oB);color:var(--oT)}.pl.r{background:var(--rB);color:var(--rT)}.pl.b{background:var(--bB);color:var(--bT)}
.card.dec .dh{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp2)}
.card.dec .dh h4{flex:1;min-width:0}
.card.dec .who{margin-top:var(--sp1);font-weight:600;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.card.limit .lrow{display:grid;gap:var(--sp1);padding:var(--sp2) 0}
.card.limit .lrow+.lrow{border-top:1px solid var(--line,rgba(127,127,127,.25))}
.card.limit .uh b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card.dec .raw{display:block;margin-top:var(--sp1);font-family:ui-monospace,Consolas,monospace}
.card.dec .irr{display:inline-flex;align-items:center;gap:.25em;color:var(--oT)}
.card.dec .irr svg.i{width:1.1em;height:1.1em}
.card.risk.medium{border-left-color:var(--warn)}
#confirm .ct{display:block;font-size:var(--fs-title);margin-bottom:var(--sp2)}
#confirm .btns{margin-top:var(--sp4)}
.em{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp2);padding:var(--sp6) var(--sp4)}
.em .ico{width:calc(var(--b)*3.6);height:calc(var(--b)*3.6);border-radius:50%;background:var(--sf2);color:var(--mut);display:grid;place-items:center}
.em.er .ico{background:var(--rB);color:var(--rT)}.em.wa .ico{background:var(--oB);color:var(--oT)}
.em h3{margin:0;font-size:var(--fs-title);text-transform:none;letter-spacing:0;color:var(--fg)}
.em p{margin:0;color:var(--mut);max-width:30ch}
.em .btns{width:100%}

/* AH-M266: Ofis proje rengi, terminal Ctrl+C, klavye açıkken sade alt blok */
.keys button.stop{color:var(--dgT);border-color:var(--dgB);margin-left:var(--sp2)}
.proj-h .pc{width:calc(var(--b)*.35);align-self:stretch;border-radius:3px;flex:none;margin:calc(var(--b)*-.2) 0}
.card .ttl .kod{font:600 .85em ui-monospace,Consolas,monospace;color:var(--mut)}
#app.kbd .keys,#app.kbd #photobar{display:none}
#app.kbd .ttabs{display:none}

/* AH-M266: kuyruk limit/Karar sayacı, rapor yükleniyor, kullanım etiketleri, iki satır başlık */
.stat.hot{border-color:var(--amb);color:var(--fg);font:inherit;cursor:pointer}
.stat .lim{font-size:var(--fs-lbl);font-weight:600;color:var(--mut)}
.ring{width:calc(var(--b)*2);height:calc(var(--b)*2);border-radius:50%;border:3px solid var(--soft);border-top-color:var(--acc);animation:tspin 1s linear infinite}
.lbl{font-size:var(--fs-lbl);font-weight:700;color:var(--mut);margin-bottom:calc(var(--sp1)*-1)}
.list .t.w2 b,.list .t.w2 span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.chart .col{position:relative}

/* AH-M266: eşleşme bekleme, bilgisayar satırı, http notu */
#wait{display:grid;gap:var(--sp2);justify-items:center}
#wait .btn{margin-top:var(--sp2)}
#wait .ring{margin:0 auto}
#httpnote{margin:0;padding:var(--sp2) var(--sp3);border-left:3px solid var(--amb);background:var(--sf2);border-radius:0 var(--r) var(--r) 0}
.pcs .acts.rm{justify-content:flex-start;border-top:1px dashed var(--ln);padding-top:var(--sp2)}
.pcs .acts .btn svg.i{width:1.1em;height:1.1em}

/* AH-M134: bildirim merkezi — alt sayfa (.sheet) + zil rozeti */
.bellb{position:relative}
.bellb .cnt{position:absolute;top:calc(var(--b)*.1);right:calc(var(--b)*.05);min-width:calc(var(--b)*1.3);height:calc(var(--b)*1.3);padding:0 .25em;border-radius:99px;background:var(--bl);color:var(--onbl);font-size:var(--fs-min);font-weight:800;display:grid;place-items:center;line-height:1}
.nbox{max-height:calc(var(--vh,100dvh)*.82);padding-top:var(--sp3)}
.nhead{display:flex;align-items:center;gap:var(--sp2)}
.nhead h2{flex:1;margin:0}
.nbox .nsec{margin:var(--sp3) 0 var(--sp1);font-size:var(--fs-min);font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.nbox .list>li{align-items:flex-start;min-height:calc(var(--b)*3.4);border-left:3px solid transparent}
.nbox .list>li.new{border-left-color:var(--bl);background:var(--sf2)}
.nbox .nk{font-size:var(--fs-min);color:var(--mut);font-weight:600}
.nbox .nk.running{color:var(--bT)}.nbox .nk.done{color:var(--ok)}.nbox .nk.failed{color:var(--bad)}.nbox .nk.decision{color:var(--warn)}
.nbox .nnew{margin-left:var(--sp2);padding:0 .4em;border-radius:99px;background:var(--bl);color:var(--onbl);font-size:var(--fs-min);font-weight:800}
.nbox .ngo{font-size:var(--fs-min);color:var(--acc);font-weight:600;white-space:nowrap}
.nbox .nem{padding:var(--sp5) 0;text-align:center;color:var(--mut)}
@media (prefers-reduced-motion:reduce){.nbox *{animation:none!important}}