/* İÇERİK ALANI (yeni tasarım, SIKI/yoğun). Kabuk kuralları kabuk.css'te (gerçek panelden aynen). */
:root{--yazi-ailesi:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
@media(min-width:901px){.kb.proto-kb{height:calc(100vh - 28px)}}
body{overflow:hidden;display:flex;flex-direction:column;height:100vh}
.kb{flex:none}
svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kb-ikon svg,.kb-ustbar svg{flex:none}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p,dl,dd{margin:0}
.kb-icerik{overflow:hidden}
/* ============ içerik değişkenleri (açık) ============ */
.icerik{
  --zem:#F0F2F5;--yuz:#FFFFFF;--yuz2:#F6F8FB;--yuz3:#EDF1F6;--cizgi:#E3E8EF;--cizgi2:#C9D2DE;
  --yz:#0F172A;--yz2:#334155;--yz3:#556377;--yz4:#8392A6;
  --pri:#1D4ED8;--pri2:#1E40AF;--pri-bg:#EAF1FF;--pri-sin:#C3D5FB;--lac:#1E2A5A;
  --iyi:#166534;--iyi-bg:#DCFCE7;--iyi-n:#16A34A;
  --uyari:#92400E;--uyari-bg:#FEF3C7;--uyari-n:#D97706;
  --kotu:#991B1B;--kotu-bg:#FEE2E2;--kotu-n:#DC2626;
  --bilgi:#1E40AF;--bilgi-bg:#DBEAFE;--bilgi-n:#2563EB;
  --notr:#334155;--notr-bg:#E2E8F0;--notr-n:#64748B;
  --sec:#EAF1FF;--hover:#F4F7FC;--g2:0 14px 40px rgba(15,23,42,.22);
  --sat-y:36px;--hucre-y:3px;--g:13px;--g-baslik:11px;
  background:var(--zem);color:var(--yz);font-size:var(--g);position:relative;
  scrollbar-width:thin;
}
.icerik.rahat{--sat-y:48px;--hucre-y:7px;--g:13.5px}
.icerik.koyu{
  --zem:#0E1525;--yuz:#162033;--yuz2:#1A2640;--yuz3:#22304D;--cizgi:#2A3956;--cizgi2:#3A4B6E;
  --yz:#E8EDF7;--yz2:#C6D0E3;--yz3:#9AA8C2;--yz4:#6F7E99;
  --pri:#7FA8FF;--pri2:#A5C0FF;--pri-bg:#1D2E55;--pri-sin:#34508F;--lac:#C9D6F5;
  --iyi:#86EFAC;--iyi-bg:#14361F;--iyi-n:#22C55E;--uyari:#FCD34D;--uyari-bg:#3D2C0A;--uyari-n:#F59E0B;
  --kotu:#FCA5A5;--kotu-bg:#431818;--kotu-n:#F87171;--bilgi:#93C5FD;--bilgi-bg:#172F5C;--bilgi-n:#60A5FA;
  --notr:#CBD5E1;--notr-bg:#2A3956;--notr-n:#94A3B8;--sec:#1C2C50;--hover:#1A2742;--g2:0 14px 40px rgba(0,0,0,.55);
}
.icerik *{scrollbar-width:thin;scrollbar-color:#B8C2D2 transparent}
.icerik *::-webkit-scrollbar{width:8px;height:8px}.icerik *::-webkit-scrollbar-thumb{background:#B8C2D2;border-radius:4px;border:2px solid transparent;background-clip:content-box}.icerik *::-webkit-scrollbar-track{background:transparent}
.koyu *{scrollbar-color:#3A4B6E transparent}
.tek{white-space:nowrap}.mono{font-family:"Cascadia Mono",Consolas,monospace}
.sayfa{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;padding:10px 14px 10px;min-height:0}
.sayfa.gir{animation:gir .2s ease-out}@keyframes gir{from{opacity:.5}to{opacity:1}}
/* düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--cizgi2);background:var(--yuz);color:var(--yz);border-radius:6px;font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap;flex:none}
.btn:hover{background:var(--yuz3)}.btn svg.i{width:14px;height:14px}
.btn:focus-visible,.in:focus-visible,.sec:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pri);outline-offset:1px}
.btn.p{background:var(--pri);border-color:var(--pri);color:#fff}.btn.p:hover{background:var(--pri2)}
.koyu .btn.p{background:#3B6EF0;border-color:#3B6EF0}
.btn.k{height:26px;padding:0 9px;font-size:12px}
.btn.h{border-color:transparent;background:transparent;color:var(--yz2)}.btn.h:hover{background:var(--yuz3)}
.btn.r{background:#B91C1C;border-color:#B91C1C;color:#fff}.btn.r:hover{background:#991B1B}
.btn.ro{border-color:#EDB4B4;color:var(--kotu)}.btn.ro:hover{background:var(--kotu-bg)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.ik{width:30px;padding:0}.btn.ik.k{width:26px}
/* sayfa başlığı: tek blok, eylemler aynı satırda */
.sb{display:flex;align-items:center;gap:10px;flex:none;min-height:40px}
.sb .bas{flex:1;min-width:0}
.sb h1{font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--lac)}
.sb p{color:var(--yz3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.sb .eyl{display:flex;gap:6px;flex:none}
.yol{font-size:12px;color:var(--yz3);display:flex;gap:5px;align-items:center;flex:none;margin-bottom:-4px}.yol a{color:var(--pri);cursor:pointer;font-weight:500}.yol a:hover{text-decoration:underline}
/* özet şeridi: 4 ince kart, tek satır */
.ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:none}
.oz{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:0 12px;height:42px;display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
button.oz{cursor:pointer}button.oz:hover{border-color:var(--pri-sin);background:var(--hover)}
.oz small{font-size:12px;color:var(--yz3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.oz b{font-size:18px;font-variant-numeric:tabular-nums;line-height:1;color:var(--yz);white-space:nowrap}
.oz em{display:none}
.oz.ut{border-color:#EDB4B4}.oz.ut b{color:var(--kotu)}.koyu .oz.ut{border-color:#6B2A2A}
/* liste kartı */
.lst{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}
.ls-ust{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--cizgi);flex:none;min-width:0}
.arama{position:relative;flex:0 1 230px;min-width:130px;display:flex;align-items:center}
.arama svg{position:absolute;left:8px;color:var(--yz3);width:14px;height:14px}
.arama input{width:100%;height:30px;border:1px solid var(--cizgi2);border-radius:6px;padding:0 26px 0 28px;background:var(--yuz);outline:none;font-size:13px;color:var(--yz)}
.arama input:focus{border-color:var(--pri);box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 22%,transparent)}
.arama input::placeholder{color:var(--yz4)}
.arama button{position:absolute;right:3px;width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--yz3);cursor:pointer;display:grid;place-items:center}.arama button:hover{background:var(--yuz3)}
.sec{height:30px;border:1px solid var(--cizgi2);border-radius:6px;padding:0 24px 0 8px;background:var(--yuz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%23556377' stroke-width='2.2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;font-size:12.5px;color:var(--yz);cursor:pointer;max-width:128px;flex:none}
.koyu .sec{background-color:var(--yuz)}
.spc{flex:1}.ls-ust>*{flex-shrink:0}.ls-ust>.arama{flex-shrink:1}.ls-ust>.cipler{flex-shrink:1}.kb-modul .ds-menu-rozet{margin-left:6px;min-width:18px;padding:0 6px;border-radius:9px;font-size:11px;line-height:18px;font-weight:700;text-align:center;color:#fff;background:#DC2626;font-style:normal}
.cipler{display:flex;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:1px 0}
.cipler::-webkit-scrollbar{display:none}
.cip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--cizgi2);background:var(--yuz);border-radius:13px;font-size:12.5px;font-weight:500;color:var(--yz2);cursor:pointer;white-space:nowrap;flex:none}
.cip:hover{background:var(--yuz3)}.cip i{font-style:normal;font-size:11px;font-weight:700;color:var(--yz3);background:var(--yuz3);border-radius:8px;padding:0 6px;line-height:16px;font-variant-numeric:tabular-nums}
.cip.a{background:var(--lac);border-color:var(--lac);color:#fff;font-weight:600}.cip.a i{background:rgba(255,255,255,.22);color:#fff}
.koyu .cip.a{background:#3B6EF0;border-color:#3B6EF0}
.cip .nk{width:7px;height:7px;border-radius:50%}
.toplu{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--pri-bg);border-bottom:1px solid var(--pri-sin);flex:none;flex-wrap:wrap}
.toplu b{font-size:13px;margin-right:4px}.toplu .btn{height:26px;font-size:12px}
/* tablo: yalnız gövde kayar */
#ls-govde{flex:1;min-height:0;display:flex;flex-direction:column}#ls-toplu{flex:none}.tkap{overflow:auto;flex:1;min-height:0;position:relative}
table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--g);font-variant-numeric:tabular-nums}
.tbl th{position:sticky;top:0;z-index:3;background:var(--yuz2);text-align:left;font-size:var(--g-baslik);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--yz3);padding:0 10px;height:28px;border-bottom:1px solid var(--cizgi2);white-space:nowrap;user-select:none}
.tbl th button{all:unset;display:inline-flex;align-items:center;gap:4px;cursor:pointer;height:100%;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}
.tbl th button:hover{color:var(--yz)}.tbl th button:focus-visible{outline:2px solid var(--pri);outline-offset:1px;border-radius:3px}
.tbl th.sr button{color:var(--pri)}.tbl th .ys{opacity:.3;display:inline-flex}.tbl th.sr .ys{opacity:1}
.tbl th.r,.tbl td.r{text-align:right}.tbl th.r button{flex-direction:row-reverse}.tbl th.c,.tbl td.c{text-align:center}
.tbl td{white-space:nowrap;padding:var(--hucre-y) 10px;border-bottom:1px solid var(--cizgi);vertical-align:middle;height:var(--sat-y);background:var(--yuz);color:var(--yz);max-width:320px;overflow:hidden;text-overflow:ellipsis}
.tbl tr.sat{cursor:pointer}
.tbl tr.sat:hover td{background:var(--hover)}
.tbl tr.sat.sc td{background:var(--sec)}
.tbl tr.sat.sc td:first-child,.tbl tr.sat.kr td:first-child{box-shadow:inset 3px 0 0 var(--pri)}
.tbl tr.sat.kr td:first-child{box-shadow:inset 3px 0 0 var(--kotu-n)}
.tbl tr.sat.ck td{background:var(--pri-bg)}
.tbl tr.sat:focus-visible{outline:2px solid var(--pri);outline-offset:-2px}
.tbl td.cb,.tbl th.cb{width:36px;padding:0 0 0 12px}
.tbl td.eyl,.tbl th.eyl{width:36px;text-align:right;padding-right:6px}
.tbl td.eyl .btn{opacity:0}.tbl tr.sat:hover td.eyl .btn,.tbl tr.sat:focus-within td.eyl .btn,.tbl tr.sat.sc td.eyl .btn{opacity:1}
input[type=checkbox].kt{appearance:none;width:15px;height:15px;border:1.5px solid var(--cizgi2);border-radius:4px;background:var(--yuz);display:inline-grid;place-items:center;cursor:pointer;margin:0;vertical-align:middle}
input[type=checkbox].kt:checked,input[type=checkbox].kt:indeterminate{background:var(--pri);border-color:var(--pri)}
input[type=checkbox].kt:checked::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
input[type=checkbox].kt:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
/* hücre tipografisi */
.a1{white-space:normal;font-weight:600;font-size:1em;color:var(--yz);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}
.rahat .a1{-webkit-line-clamp:2}
.a2{font-size:11.5px;color:var(--yz3);line-height:1.2;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a2 .nk2{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--yz4);vertical-align:middle;margin:0 5px}
.bos{color:var(--yz4)}
mark{background:#FDE68A;color:#1F2937;border-radius:2px;padding:0 1px}.koyu mark{background:#A16207;color:#fff}
.para{font-weight:600}.para.n{color:var(--kotu)}
.kod{font:11.5px "Cascadia Mono",Consolas,monospace;color:var(--yz2);background:var(--yuz3);border-radius:4px;padding:1px 5px;white-space:nowrap}
.ur{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-weight:500}
.ur i{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;flex:none}
.rahat .ur i{width:24px;height:24px;font-size:10.5px}
.kul-b{display:flex;align-items:center;gap:7px;min-width:92px}.kul-b .ray2{flex:1;height:5px;border-radius:3px;background:var(--cizgi);overflow:hidden;min-width:36px}.kul-b .ray2 i{display:block;height:100%;border-radius:3px;background:var(--pri)}.kul-b.dl .ray2 i{background:var(--uyari-n)}.kul-b.tm .ray2 i{background:var(--kotu-n)}
.kul-b span{font-weight:600;font-size:.95em;min-width:40px;text-align:right}
.av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pri-bg);color:var(--pri);font-size:10px;font-weight:700;flex:none;border:1px solid var(--pri-sin)}
.kisi{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
/* rozetler */
.bd{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px 0 6px;border-radius:10px;font-size:11.5px;font-weight:600;white-space:nowrap;line-height:1}
.rahat .bd{height:22px;font-size:12px}
.bd svg{width:11px!important;height:11px!important;stroke-width:2.6}
.bd.iyi{background:var(--iyi-bg);color:var(--iyi)}.bd.uyari{background:var(--uyari-bg);color:var(--uyari)}.bd.kotu{background:var(--kotu-bg);color:var(--kotu)}.bd.bilgi{background:var(--bilgi-bg);color:var(--bilgi)}.bd.notr{background:var(--notr-bg);color:var(--notr)}
.bd.kbz{height:18px;font-size:10.5px;padding:0 6px;border-radius:4px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.bds{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}
/* alt çubuk: tabloya yapışık, her zaman görünür */
.ls-alt{display:flex;align-items:center;gap:12px;padding:4px 8px;border-top:1px solid var(--cizgi);background:var(--yuz2);flex:none;font-size:12.5px;color:var(--yz3);min-height:32px;white-space:nowrap;overflow:hidden}
.ls-alt>span+span::before{content:'';display:inline-block;width:1px;height:12px;background:var(--cizgi2);margin-right:12px;vertical-align:-2px}
.ls-alt b{color:var(--yz);font-variant-numeric:tabular-nums}
.sayfala{display:flex;gap:3px;margin-left:auto;align-items:center}
.sayfala button{min-width:26px;height:24px;border:1px solid var(--cizgi2);background:var(--yuz);border-radius:5px;font-weight:600;font-size:12px;color:var(--yz2);cursor:pointer;font-variant-numeric:tabular-nums}
.sayfala button:hover{background:var(--yuz3)}.sayfala button.a{background:var(--lac);border-color:var(--lac);color:#fff}.koyu .sayfala button.a{background:#3B6EF0;border-color:#3B6EF0}.sayfala button[disabled]{opacity:.4;pointer-events:none}
.sayfala svg{width:12px;height:12px}
.ipucu-k{display:inline-flex;gap:5px;align-items:center;margin-left:auto}.ipucu-k+.sayfala{margin-left:0}.ipucu-k kbd{font:10.5px "Cascadia Mono",Consolas,monospace;background:var(--yuz3);border:1px solid var(--cizgi2);border-radius:3px;padding:0 4px}
.menu{position:absolute;z-index:60;background:var(--yuz);border:1px solid var(--cizgi2);border-radius:8px;box-shadow:var(--g2);padding:4px;min-width:200px}
.menu h6{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--yz3);padding:5px 8px 3px;margin:0}
.menu label,.menu button.mo{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border:0;background:transparent;border-radius:5px;cursor:pointer;font-size:12.5px;color:var(--yz);text-align:left}
.menu label:hover,.menu button.mo:hover{background:var(--hover)}.menu .tr{color:var(--kotu)}
.menu hr{border:0;border-top:1px solid var(--cizgi);margin:3px 0}
/* iskelet / boş / hata */
.isk{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--yuz3) 25%,var(--cizgi) 37%,var(--yuz3) 63%);background-size:400% 100%;animation:isk 1.4s ease infinite}
@keyframes isk{from{background-position:100% 50%}to{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.isk,.sayfa.gir{animation:none}}
.durum-k{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 16px 34px;gap:4px}
.durum-k .dk-i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yuz3);color:var(--yz3);margin-bottom:4px}.durum-k .dk-i svg{width:22px;height:22px}
.durum-k.hata .dk-i{background:var(--kotu-bg);color:var(--kotu)}
.durum-k h3{font-size:15px;color:var(--yz)}.durum-k p{color:var(--yz3);max-width:46ch;font-size:13px}.durum-k .btn{margin-top:8px}
.durum-k code{font:11.5px "Cascadia Mono",Consolas,monospace;background:var(--yuz3);padding:2px 7px;border-radius:4px;color:var(--yz2)}
/* kart görünümü */
.kartlar{display:none;padding:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow:auto;flex:1;min-height:0;align-content:start}
.liste-kart .kartlar{display:grid}.liste-kart .tkap{display:none}
.kt-k{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:9px 11px;cursor:pointer;display:flex;flex-direction:column;gap:7px;text-align:left;width:100%}
.kt-k:hover{border-color:var(--pri-sin)}.kt-k.sc{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-sin)}.kt-k.kr{border-left:3px solid var(--kotu-n)}
.kt-k .ust{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.kt-k .ust>div{flex:none;min-width:0;max-width:100%}
.kt-k .a1{font-size:13.5px;-webkit-line-clamp:2}
.kt-k dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.kt-k dt{font-size:10.5px;color:var(--yz3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kt-k dd{font-size:12.5px;font-weight:500;margin-top:1px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.kt-k dd .a1{-webkit-line-clamp:2;font-size:12.5px;font-weight:500}.kt-k dd .a2{font-size:11.5px}
/* çekmece */
.perde{position:fixed;inset:44px 0 0 0;background:rgba(10,18,40,.38);z-index:70;animation:pf .15s}@keyframes pf{from{opacity:0}}
.cek:focus,.cek:focus-visible{outline:0}.cek{position:fixed;top:44px;right:0;bottom:0;width:min(460px,100vw);background:var(--yuz);z-index:75;box-shadow:var(--g2);display:flex;flex-direction:column;animation:ck .18s ease-out;color:var(--yz);outline:0}
@keyframes ck{from{transform:translateX(30px);opacity:.3}}
.cek-b{padding:12px 14px 10px;border-bottom:1px solid var(--cizgi);display:flex;gap:10px;align-items:flex-start}
.cek-b h2{font-size:15.5px;line-height:1.3;color:var(--lac)}.cek-b .a2{white-space:normal}
.cek-g{flex:1;overflow:auto;padding:0 14px 12px}
.cek-s{padding:8px 14px;border-top:1px solid var(--cizgi);display:flex;gap:6px;flex-wrap:wrap;background:var(--yuz2)}
.cb2{margin-top:12px}.cb2>h4{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--yz3);margin-bottom:2px;display:flex;align-items:center}.cb2>h4 a{margin-left:auto;text-transform:none;letter-spacing:0;color:var(--pri);font-weight:600;font-size:12.5px;cursor:pointer}
dl.kv{display:grid;grid-template-columns:120px 1fr;margin:0}
dl.kv dt,dl.kv dd{padding:6px 0;border-bottom:1px solid var(--cizgi);font-size:13px}
dl.kv dt{color:var(--yz3)}dl.kv dd{font-weight:500;min-width:0;overflow-wrap:anywhere}dl.kv dt:last-of-type,dl.kv dd:last-of-type{border-bottom:0}
.zam{list-style:none;margin:6px 0 0;padding:0 0 0 3px}.zam li{position:relative;padding:0 0 9px 18px;border-left:2px solid var(--cizgi);margin-left:4px}.zam li:last-child{border-left-color:transparent;padding-bottom:0}
.zam li::before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--yuz);border:2px solid var(--pri)}
.zam li.iyi::before{border-color:var(--iyi-n)}.zam li.kotu::before{border-color:var(--kotu-n)}
.zam b{font-size:13px;font-weight:600}.zam small{display:block;color:var(--yz3);font-size:12px}
/* modal */
.mod-k{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:12px;background:rgba(10,18,40,.5);animation:pf .15s}
.mod{width:min(440px,100%);background:var(--yuz);border-radius:10px;box-shadow:var(--g2);overflow:hidden;color:var(--yz);max-height:94vh;overflow-y:auto}
.mod-b{padding:14px 16px 4px;display:flex;gap:10px}.mod-b .ik{width:34px;height:34px;border-radius:50%;background:var(--kotu-bg);color:var(--kotu);display:grid;place-items:center;flex:none}.mod-b .ik svg{width:18px;height:18px}
.mod-b h3{font-size:15px}.mod-b p{color:var(--yz3);margin-top:2px;font-size:12.5px}
.mod-g{padding:6px 16px 0}
.mod-s{padding:10px 16px 14px;display:flex;gap:6px;justify-content:flex-end}
.etki{background:var(--kotu-bg);color:var(--kotu);border-radius:6px;padding:7px 10px;font-size:12.5px;display:flex;gap:8px;margin:6px 0 10px}.etki svg{margin-top:2px;width:14px;height:14px}
/* form: etiket üstte 12px, alan 32px */
.alan{margin-bottom:9px;min-width:0}
.alan>label{display:block;font-size:12px;font-weight:600;margin-bottom:3px;color:var(--yz2)}
.alan>label i{font-style:normal;color:var(--kotu);margin-left:2px}.alan>label small{font-weight:400;color:var(--yz3);margin-left:5px}
.in{width:100%;height:32px;border:1px solid var(--cizgi2);border-radius:6px;padding:0 9px;background:var(--yuz);font-size:13px;color:var(--yz);outline:none}
textarea.in{height:auto;min-height:56px;padding:6px 9px;resize:vertical}
select.in{appearance:none;padding-right:24px;background:var(--yuz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%23556377' stroke-width='2.2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center}
.in:focus{border-color:var(--pri);box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 22%,transparent)}
.in[aria-invalid=true]{border-color:var(--kotu-n);background:color-mix(in srgb,var(--kotu-bg) 40%,var(--yuz))}
.in::placeholder{color:var(--yz4)}
.ip{font-size:11.5px;color:var(--yz3);margin-top:2px}
.hm{display:none;font-size:12px;color:var(--kotu);margin-top:2px;font-weight:500;gap:5px;align-items:flex-start}.hm svg{width:12px;height:12px;margin-top:2px;stroke-width:2.4}
.alan.hata .hm{display:flex}.alan.hata .ip{display:none}
.hata-ozet{display:flex;gap:8px;align-items:flex-start;background:var(--kotu-bg);color:var(--kotu);border:1px solid #EDB4B4;border-radius:6px;padding:7px 10px;margin-bottom:8px;font-weight:600;font-size:12.5px;grid-column:1/-1}.hata-ozet svg{margin-top:2px;width:14px;height:14px}
.gr2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.gr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px}
.fb{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px 2px}
.fb>h3{font-size:13px;color:var(--lac);margin-bottom:1px}.fb>.ak{color:var(--yz3);font-size:12px;margin-bottom:8px}
.fb.tehlike{border-color:#EDB4B4;background:color-mix(in srgb,var(--kotu-bg) 22%,var(--yuz))}.fb.tehlike>h3{color:var(--kotu)}
.tsat{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #F0C9C9;flex-wrap:wrap}.tsat:first-of-type{border-top:0}.tsat>div{flex:1;min-width:200px}.tsat b{display:block;font-size:13px}.tsat span{color:var(--yz3);font-size:12px}
.koyu .tsat{border-color:#5A2A2A}
.form-iki{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:8px;flex:1;min-height:0}
#frm{display:flex;flex-direction:column;min-height:0;gap:8px}
.fgov{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding-right:2px}
.yo{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px;align-self:start}
.yo h4{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--yz3);margin-bottom:4px}
.yo .y{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--cizgi);font-size:12.5px}.yo .y:first-of-type{border-top:0}.yo .y span{color:var(--yz3)}.yo .y b{text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eylem-s{display:flex;gap:6px;align-items:center;flex:none;padding:6px 0 0;border-top:1px solid var(--cizgi)}
.sgm{display:flex;border:1px solid var(--cizgi2);border-radius:6px;overflow:hidden;background:var(--yuz)}.sgm button{flex:1;white-space:nowrap;padding:0 10px;height:30px;border:0;background:transparent;font-weight:600;font-size:12.5px;color:var(--yz2);cursor:pointer;border-right:1px solid var(--cizgi)}.sgm button:last-child{border-right:0}.sgm button.a{background:var(--lac);color:#fff}.koyu .sgm button.a{background:#3B6EF0}
.sgm.k button{height:26px;padding:0 9px;font-size:12px}
.sgm button svg{width:12px;height:12px;vertical-align:-2px}
.adm{display:flex;align-items:center;background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:8px 14px;overflow-x:auto;gap:0}
.adm .a{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12.5px;color:var(--yz3);white-space:nowrap}
.adm .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cizgi2);font-size:11.5px;background:var(--yuz)}
.adm .a.s{color:var(--lac)}.adm .a.s .n{background:var(--sekme-vurgu);border-color:var(--sekme-vurgu);color:#fff}.adm .a.t{color:var(--iyi)}.adm .a.t .n{background:var(--iyi-n);border-color:var(--iyi-n);color:#fff}
.adm .c{flex:1;min-width:14px;height:2px;background:var(--cizgi);margin:0 10px}.adm .c.t{background:var(--iyi-n)}
.stab{display:flex;gap:2px;border-bottom:1px solid var(--cizgi);flex:none;overflow-x:auto;scrollbar-width:none}
.stab button{height:30px;padding:0 11px;border:0;background:transparent;color:var(--yz3);font-weight:600;font-size:12.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.stab button:hover{color:var(--yz)}.stab button.a{color:var(--lac);border-bottom-color:var(--sekme-vurgu)}.stab button i{font-style:normal;font-size:11px;background:var(--yuz3);border-radius:8px;padding:0 6px;line-height:16px;color:var(--yz2)}
/* pano: kartlar sığar, taşan yalnız kendi içinde kayar */
.pano-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:8px;flex:1;min-height:0}
.kart{background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:9px 12px;min-width:0;min-height:0;display:flex;flex-direction:column}
.kart>h3{font-size:13px;color:var(--lac);display:flex;align-items:center;gap:6px;flex:none}.kart>h3 small{margin-left:auto;font-weight:500;color:var(--yz3);font-size:11.5px}
.kart>.ak{font-size:12px;color:var(--yz3);margin:0 0 4px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kart .ic{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}
.kpi{grid-column:span 3;flex-direction:row;align-items:center;gap:10px;padding:8px 12px}
.kpi .sol{flex:1;min-width:0}.kpi small{font-size:12px;color:var(--yz3);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi b{display:block;font-size:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .dl{font-size:11.5px;font-weight:600;display:inline-flex;gap:3px;align-items:center;white-space:nowrap}.dl.iyi{color:var(--iyi)}.dl.kotu{color:var(--kotu)}.kpi .dl span{font-weight:400;color:var(--yz3)}
.kpi svg.spk{width:72px;height:30px;flex:none}
.g8{grid-column:span 6}.g4{grid-column:span 3}.g6{grid-column:span 6}.g12{grid-column:span 12}.g3{grid-column:span 3}
.grf{width:100%;height:100%;display:block;min-height:0;flex:1}
.grf text{font:11px var(--yazi-ailesi);fill:var(--yz3);font-variant-numeric:tabular-nums}.grf text.v{fill:var(--yz);font-weight:600}
.grf .izg{stroke:var(--cizgi);stroke-width:1}.grf rect.b{fill:var(--pri-sin)}.koyu .grf rect.b{fill:#2C4580}
.grf g.col:hover rect.b{fill:var(--pri)}
.tip{position:fixed;z-index:95;background:#0F172A;color:#fff;border-radius:6px;padding:6px 9px;font-size:12px;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.3);line-height:1.35}.tip b{display:block;font-size:13px}
.hbar{display:flex;flex-direction:column;gap:7px}
.hbar .h{display:grid;grid-template-columns:96px 1fr 70px;align-items:center;gap:8px;font-size:12.5px}.hbar .h span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar .h .r2{height:9px;background:var(--yuz3);border-radius:5px;overflow:hidden}.hbar .h .r2 i{display:block;height:100%;background:var(--pri);border-radius:5px}.hbar .h b{text-align:right;font-variant-numeric:tabular-nums}
.yk{display:flex;flex-direction:column}.yk .s{display:flex;gap:9px;align-items:center;padding:5px 0;border-top:1px solid var(--cizgi);cursor:pointer}.yk .s:first-child{border-top:0}.yk .s:hover .a1{color:var(--pri)}
.yk .s>div:not(.gun){flex:1;min-width:0}
.yk .gun{width:38px;text-align:center;border-radius:6px;padding:2px 0;flex:none;font-size:10px;font-weight:600;line-height:1.1}.yk .gun b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.yk .gun.kotu{background:var(--kotu-bg);color:var(--kotu)}.yk .gun.uyari{background:var(--uyari-bg);color:var(--uyari)}.yk .gun.bilgi{background:var(--bilgi-bg);color:var(--bilgi)}
.gor{display:flex;flex-direction:column;gap:5px}.gor button{display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuz);text-align:left;cursor:pointer;width:100%}.gor button:hover{background:var(--hover);border-color:var(--pri-sin)}
.gor .n{min-width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.gor .n.kotu{background:var(--kotu-bg);color:var(--kotu)}.gor .n.uyari{background:var(--uyari-bg);color:var(--uyari)}.gor .n.bilgi{background:var(--bilgi-bg);color:var(--bilgi)}
.gor b{display:block;font-size:12.5px}.gor small{color:var(--yz3);font-size:11.5px}.gor svg.i{margin-left:auto;color:var(--yz4);width:14px;height:14px}
/* müşteri kartı */
.mk-b{display:flex;gap:12px;align-items:center;background:var(--yuz);border:1px solid var(--cizgi);border-radius:8px;padding:8px 12px;flex:none}
.mk-b .lg{width:38px;height:38px;border-radius:9px;background:var(--lac);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}.koyu .mk-b .lg{background:#3B6EF0}
.mk-b h1{font-size:16px;letter-spacing:-.01em;color:var(--lac);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mk-b .gv{flex:1;min-width:0}.mk-b .alt{display:flex;gap:7px;align-items:center;margin-top:2px;color:var(--yz3);font-size:12px;white-space:nowrap;overflow:hidden}
.mk-iki{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px;flex:1;min-height:0}
.mk-sag>*{flex:none}.mk-sol{overflow:auto;min-height:0}.mk-sag{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding-right:2px}
.mini{width:100%;border-collapse:collapse;font-size:var(--g);font-variant-numeric:tabular-nums}.mini th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--yz3);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--cizgi2);background:var(--yuz2);position:sticky;top:0}
.mini td{padding:5px 10px;border-bottom:1px solid var(--cizgi)}.mini .r{text-align:right}.mini tr:last-child td{border-bottom:0}
.bag{display:flex;flex-direction:column;gap:6px}.bag .s{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuz)}.bag .s>div{flex:1;min-width:0}.bag b{font-size:13px;display:block}.bag small{color:var(--yz3);font-size:12px}
.bag .nk{width:9px;height:9px;border-radius:50%;flex:none}
/* tasarım sistemi */
.sis-k{flex:1;min-height:0;overflow:auto;padding-right:4px}
.sis h2{font-size:14px;color:var(--lac);margin:14px 0 2px}.sis h2:first-of-type{margin-top:0}.sis .ac{color:var(--yz3);margin-bottom:8px;font-size:12.5px}
.sis .izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.sw{border:1px solid var(--cizgi);border-radius:6px;overflow:hidden;background:var(--yuz)}.sw i{display:block;height:28px}.sw div{padding:5px 8px;font-size:12px}.sw small{color:var(--yz3);display:block;font-size:11px}
.tip-s .t{display:flex;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--cizgi)}.tip-s .t small{width:180px;color:var(--yz3);font-size:12px;flex:none}
.hz-yazi{font-size:12px;color:var(--yz3)}.bos-hucre{color:var(--yz4)}
/* prototip denetimleri (kabuk dışı, en altta) */
.proto{flex:none;height:28px;background:#0F172A;color:#fff;display:flex;gap:10px;align-items:center;padding:0 12px;font-size:11.5px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.proto .nt{color:#8F9ACB;font-size:11px;margin-left:auto;padding-left:10px}
.proto label{color:#AAB6D6;font-weight:600;letter-spacing:.05em;font-size:10px;text-transform:uppercase}
.proto .g{display:flex;gap:2px;background:#ffffff18;border-radius:5px;padding:1px}.proto button{border:0;background:transparent;color:#D7DCF0;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px;cursor:pointer}.proto button.a{background:#fff;color:#0F172A}
.toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%,20px);background:#0F172A;color:#fff;padding:8px 14px;border-radius:7px;font-weight:600;font-size:12.5px;z-index:99;opacity:0;pointer-events:none;transition:.25s;display:flex;gap:8px;align-items:center;max-width:90vw}.toast.g{opacity:1;transform:translate(-50%,0)}
/* ===== küçük masaüstü yüksekliği: daha da sık ===== */
@media(max-height:800px){.sayfa{padding:8px 12px;gap:6px}.sb{min-height:34px}.sb h1{font-size:17px}.sb p{display:none}.oz{height:36px}.oz b{font-size:16px}.ls-ust{padding:4px 8px}.pano-g{gap:6px}}
/* ===== telefon (≤900): kabuk gerçek panelin telefon düzenine geçer; yalnız burada sayfa kayar ===== */
.kb-mobil{display:none}
@media(max-width:900px){
  body{height:auto;overflow:visible;display:block}
  .kb{display:block!important;height:auto!important}
  .kb-ustbar,.kb-serit{display:none}
  .kb-mobil{display:flex;align-items:center;gap:8px;height:48px;padding:0 6px;background:var(--ray);color:#fff;position:sticky;top:0;z-index:50}
  .kb-mobil strong{font-size:15px;display:block;line-height:1.1}.kb-mobil small{font-size:11px;color:#AAB6D6}
  .kb-ikon44{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#fff;border-radius:12px}
  .kb-ray-yuva{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(300px,86vw);padding:0;transform:translateX(-102%);transition:transform .2s}
  .kb-ray-yuva.acik{transform:none}
  .kb-ray{border-radius:0 14px 14px 0}
  .kb-perde{display:block;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:60;opacity:0;pointer-events:none}.kb-perde.acik{opacity:1;pointer-events:auto}
  .kb-govde{height:auto;display:block}
  .kb-icerik{overflow:visible;display:block}
  .sayfa{height:auto;padding:10px 10px 80px}
  .sb p{display:none}.sb .eyl .btn:not(.p){display:none}.sb .eyl .btn.p{flex:none}
  .ozet{display:flex;overflow-x:auto;scrollbar-width:none}.oz{flex:0 0 140px}
  .lst{display:block}.ls-ust{flex-wrap:wrap}.arama{flex:1 1 100%}.sec{flex:1 1 0;min-width:0;max-width:none}.cipler{flex:1 1 100%}
  [data-a=kolonMenu],[data-a=yenileListe],.gorunum-d,.ipucu-k{display:none!important}
  .tkap{display:none}.kartlar{display:grid!important;grid-template-columns:1fr;overflow:visible}
  .ls-alt{flex-wrap:wrap;white-space:normal}
  .pano-g{display:flex;flex-direction:column}.kpi{flex-direction:row}.kart{min-height:220px}.pano-g .kpi{min-height:0}
  .gr2,.gr3,.fgov{grid-template-columns:1fr}.form-iki,.mk-iki{display:flex;flex-direction:column}.fgov{overflow:visible}.mk-sag,.mk-sol{overflow:visible}
  .cek{top:auto;width:100vw;height:90vh;border-radius:12px 12px 0 0}.perde{inset:0}
  dl.kv{grid-template-columns:104px 1fr}
  .proto{position:fixed;left:0;right:0;bottom:0;z-index:80}.proto .nt{display:none}
  .toast{bottom:40px}
  .tbl td.eyl .btn{opacity:1}
}