.hesap-semalar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.hesap-semalar figure{margin:0}.hesap-semalar svg{width:100%;max-height:340px}.hesap-panel{fill:var(--secili);stroke:var(--vurgu);stroke-width:2}.hesap-beton{fill:var(--gri);stroke:var(--cizgi);stroke-width:1}.hesap-olcu{fill:var(--fg);text-anchor:middle;dominant-baseline:central}#proje-sekme-hesap table input{width:100%;min-width:0}#proje-sekme-hesap label{margin:10px 0}
.sayfalama{display:flex;gap:14px;align-items:center;margin-top:12px}
td select{width:100%;min-width:170px;font-size:12px;border:0}
#detay>.cizim{overflow:auto;max-height:650px;text-align:center}
#detay>.cizim.yuzey svg,#detay>.cizim.yan svg{height:560px;width:auto;max-height:none;max-width:none;margin:auto}
#detay>.cizim.ust svg{height:auto;width:100%;max-height:none}
#detay>.cizim.zoom2 svg{height:1120px;width:auto}
#detay>.cizim.zoom4 svg{height:2240px;width:auto}
#detay>select{margin-bottom:8px}
:root{color-scheme:light dark;--bg:#f5f7fa;--kart:#fff;--fg:#172433;--soluk:#58677a;--cizgi:#dbe2eb;--vurgu:#175ca5;--secili:#edf5ff;--hata:#a62424;--gri:#eef1f5}
@media(prefers-color-scheme:dark){:root{--bg:#111820;--kart:#19232e;--fg:#e2ebf5;--soluk:#a2b1c2;--cizgi:#354353;--vurgu:#88beff;--secili:#233b54;--hata:#ffabab;--gri:#222e3a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,"Segoe UI",sans-serif}header{display:flex;align-items:center;gap:24px;padding:20px 28px;background:var(--kart);border-bottom:1px solid var(--cizgi)}h1{font-size:21px;margin:0}.marka{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--vurgu)}h2{font-size:18px}h3{font-size:14px}.rozet{border:1px solid var(--cizgi);border-radius:20px;padding:5px 12px;color:var(--soluk)}#durum{margin-left:auto;color:var(--soluk)}main{padding:20px 24px}.araclar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}label{font-size:12px;color:var(--soluk);display:flex;flex-direction:column;gap:4px}button,input,select{font:inherit;color:var(--fg);background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:8px 10px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.birincil{background:#175ca5;color:#fff;border-color:#175ca5}input:focus,select:focus,button:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}.aciklama,.not,.dipnot{color:var(--soluk);font-size:12px}.calisma-alani{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.tablo-bolumu{min-width:0}.tablo-kaydir{overflow:auto;max-height:68vh;border:1px solid var(--cizgi);border-radius:8px;background:var(--kart)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}th{position:sticky;top:0;background:var(--gri);text-align:left;z-index:2;padding:10px;min-width:135px;max-width:230px;border-bottom:1px solid var(--cizgi)}td{padding:0;border-bottom:1px solid var(--cizgi);border-right:1px solid var(--cizgi);min-width:135px}td input{width:100%;min-width:135px;border:0;border-radius:0;padding:11px 10px;background:transparent;font-size:12px}td input[readonly]{background:var(--gri);color:var(--soluk)}td input.degisti{box-shadow:inset 0 -3px #b48119;background:var(--secili)}th:first-child,td:first-child{position:sticky;left:0;z-index:1;background:var(--kart);min-width:90px}th:first-child{z-index:3;background:var(--gri)}td:first-child button{border:0;font-size:12px;width:100%}tr.secili td:first-child{box-shadow:inset 3px 0 var(--vurgu)}th:nth-child(2),td:nth-child(2){min-width:210px}#detay{background:var(--kart);padding:18px;border:1px solid var(--cizgi);border-radius:8px;max-height:75vh;overflow:auto}#detay h2{margin-top:0}#detay select{width:100%}.cizim{margin:14px 0;border:1px solid var(--cizgi);border-radius:6px;padding:8px}.cizim svg{width:100%;height:auto;max-height:330px;color:var(--vurgu);display:block}.sayilar{font-size:12px;overflow-wrap:anywhere}dl{font-size:12px}dt{color:var(--soluk)}dd{margin:0 0 9px;overflow-wrap:anywhere}#hatalar{color:var(--hata);border:1px solid currentColor;padding:12px;margin:12px 0;border-radius:6px;max-height:170px;overflow:auto}.giris{max-width:600px;margin:50px auto;padding:30px;background:var(--kart);border:1px solid var(--cizgi);border-radius:10px}.giris input{width:100%;margin:8px 0 15px}.giris p{color:var(--soluk)}[hidden]{display:none!important}@media(max-width:1100px){.calisma-alani{grid-template-columns:minmax(0,1fr)}#detay{max-height:none}.tablo-kaydir{max-height:55vh}}@media(max-width:600px){header{padding:15px;gap:10px;flex-wrap:wrap}#durum{margin-left:0}main{padding:12px}.araclar label{flex:1;min-width:140px}.giris{margin:20px 12px;padding:20px}}
.blok-rapor{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:16px 18px;margin:12px 0;max-height:60vh;overflow:auto}
.blok-rapor h2{margin-top:0}
.blok-rapor p{overflow-wrap:anywhere}
.blok-gorunus{border-top:1px solid var(--cizgi);padding-top:10px;margin-top:10px}
.blok-gorunus h3{margin:0 0 6px}
.blok-rapor details{margin:5px 0}
.blok-rapor summary{cursor:pointer;color:var(--vurgu)}
.blok-rapor ul{margin:6px 0 10px;padding-left:20px;font-size:12px}
.blok-rapor li{overflow-wrap:anywhere;margin-bottom:2px}

/* 3B panel düzenleyicisi. Bu sınıfların hiç kuralı yoktu: tuval HTML'in
   300x150 varsayılanına düşüyor, ölçü etiketleri üst üste biniyor ve
   deliklere tıklanamıyordu. Ölçüldü. */
.editor-grid{display:grid;gap:14px}
.editor-baslik{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.editor-baslik h2{margin:0}
.panel3d{width:100%;height:clamp(300px,42vh,460px);display:block;background:var(--gri);border:1px solid var(--cizgi);border-radius:8px;cursor:grab;touch-action:none}
.panel3d:active{cursor:grabbing}
.panel3d:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.gorunum-dugmeleri{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.gorunum-dugmeleri button{padding:6px 12px;font-size:12px}
.olcu-form{display:flex;flex-direction:column;gap:9px}
.olcu-form h3{margin:8px 0 0}
.olcu-form input,.olcu-form select{width:100%}
.olcu-form input.vurgulu{outline:2px solid #b48119;outline-offset:1px}
.olcu-form details summary{cursor:pointer;color:var(--vurgu);font-size:12px}
.olcu-form details>label{margin-top:7px}
.secili-delik{border:1px solid var(--vurgu);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.secili-delik:empty{display:none}
.secili-delik h3{margin:0}
/* Panel düzenleyicisi dar bir kenar çubuğuna sığmıyor; çalışma alanı olacak
   kadar yer verilir. Dar ekranda zaten tek sütuna iniyor. */
@media(min-width:1101px){.calisma-alani{grid-template-columns:minmax(0,1fr) 480px}}
@media(min-width:1500px){.calisma-alani{grid-template-columns:minmax(0,1fr) 560px}}

/* Kip kutular temasızdı: koyu temada beyaz kutu olarak çıkıyordu. */
dialog{background:var(--kart);color:var(--fg);border:1px solid var(--cizgi);border-radius:10px;padding:22px 24px;max-width:min(520px,92vw);box-shadow:0 18px 50px rgb(0 0 0/.35)}
dialog::backdrop{background:rgb(0 0 0/.5)}
dialog h2{margin:0 0 6px}
dialog form{display:flex;flex-direction:column;gap:10px}
dialog label{gap:4px}
dialog input{width:100%}
.kutu-dugmeler{display:flex;gap:8px;margin-top:6px}
#excel-dialog{width:1100px;max-width:94vw;max-height:90vh}
.excel-fark-kaydir{max-height:50vh;overflow:auto;margin:10px 0;border:1px solid var(--cizgi)}
#excel-farklar{width:100%;border-collapse:collapse;font-size:13px}
#excel-farklar th,#excel-farklar td{padding:9px;text-align:left;border-bottom:1px solid var(--cizgi);white-space:pre-wrap;overflow-wrap:anywhere;min-width:110px;max-width:290px}
#excel-farklar th{position:sticky;top:0;background:var(--kart)}
#excel-hata{color:var(--hata)}
#surum-dialog{width:900px;max-width:94vw;max-height:88vh}
.surum-kaydir{max-height:46vh;overflow:auto;margin:10px 0;border:1px solid var(--cizgi)}
#surum-tablo{width:100%;border-collapse:collapse;font-size:13px}
/* Ana tablonun genel td{min-width:135px} kurali bu kutuya da siziyor ve
   5 sutunu 706 px'e sisirip "Bu hâle dön" dugmesini kaydirma arkasina
   atiyordu (olculdu). Burada sifirlaniyor. */
#surum-tablo th,#surum-tablo td{padding:8px 9px;text-align:left;border-bottom:1px solid var(--cizgi);overflow-wrap:anywhere;min-width:0}
#surum-tablo td:last-child{white-space:nowrap}
#surum-tablo th{position:sticky;top:0;background:var(--kart);white-space:nowrap}
#surum-tablo td.bozuk{color:var(--hata)}
#surum-hata{color:var(--hata)}
#tanitim h2{margin-top:0}
.giris form{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--cizgi)}
.giris form h3{margin:0}
.giris label{gap:4px}
.giris button{align-self:flex-start}
#kim{font-size:12px}
#cikis{padding:5px 12px;font-size:12px}
/* Kurtarma ekrani: katalog hic acilamadiginda surum gecmisine ulasmanin yolu. */
#kurtarma-ileti{color:var(--hata);border:1px solid currentColor;padding:12px;margin:12px 0;border-radius:6px;overflow-wrap:anywhere}
#kurtarma .kutu-dugmeler{display:flex;gap:10px;margin-top:16px}
/* Dilim B: kurulus/uye yonetimi. */
#yonetim-dialog{max-width:1000px;width:92vw}
.satir-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}
.kurulus{border:1px solid var(--cizgi);border-radius:8px;padding:14px;margin:14px 0;background:var(--kart)}
.kurulus h3{margin:0 0 8px;display:flex;align-items:center;gap:10px}
.izinler{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
.kutucuk{flex-direction:row;align-items:center;gap:6px;color:var(--fg)}
.uye-tablo td,.uye-tablo th{min-width:0;padding:6px 8px}
.uye-tablo td:first-child,.uye-tablo th:first-child{position:static;min-width:0}
#erisim-ileti{color:var(--hata);border:1px solid currentColor;padding:12px;margin:12px 0;border-radius:6px;overflow-wrap:anywhere}
#erisim .kutu-dugmeler{display:flex;gap:10px;margin-top:16px}
/* Dilim C: talep ve onay ekrani. */
#talep-dialog,#gonderim-dialog{max-width:1000px;width:92vw}
#gonderim-dialog textarea{width:100%;font:inherit;color:var(--fg);background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:8px}
.uye-tablo tr.ayni td{color:var(--soluk)}
.bozuk{color:var(--hata)}
/* Dilim D: ekip ve davet. */
#ekip-dialog{max-width:900px;width:92vw}
.kod-kutusu{border:1px solid var(--vurgu);border-radius:8px;padding:12px;margin:12px 0;background:var(--secili)}
.kod-kutusu input{width:100%;margin-top:8px;font-family:ui-monospace,Consolas,monospace}
#davet-form input{width:100%;margin:8px 0 15px}
/* Dilim E: proje listesi ve calisma alani. */
#proje-dialog{max-width:none;width:100%;margin:0;min-height:65vh;padding:0;background:var(--bg)}
.proje-duzen{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;min-height:75vh}.proje-ana{min-width:0;padding:24px 30px}
.proje-duzen>.proje-liste-panel{position:sticky;top:0;padding:22px 16px;background:var(--kart);border-right:1px solid var(--cizgi);min-height:75vh;max-height:95vh;overflow:auto}
.proje-yan-bas{display:flex;flex-direction:column;gap:14px}.proje-yan-bas h2{margin:0;font-size:18px}.proje-filtre-ayrinti{margin:16px 0;font-size:13px}.proje-filtre-ayrinti summary{cursor:pointer;color:var(--soluk)}
#proje-liste{display:flex;flex-direction:column;gap:8px}.proje-secim{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:14px;overflow-wrap:anywhere}.proje-secim span,.proje-secim small{font-size:12px;color:var(--soluk)}.proje-secim[aria-pressed=true]{background:var(--secili);border-color:var(--vurgu)}
.proje-calistir-bas{display:flex;align-items:start;justify-content:space-between;gap:16px}.proje-calistir-bas #proje-ad{font-size:23px}#proje-kayit-durumu{font-size:13px;color:var(--soluk);padding:8px 0;max-width:240px}
.proje-eylem-cubugu{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;background:var(--bg);border-bottom:1px solid var(--cizgi)}.proje-eylem-cubugu button{min-height:44px;padding:10px 20px}
#proje-duzenleme{border:0;padding:0;margin:0;min-width:0}#proje-duzenleme>.gorunum-dugmeleri{padding:12px 0;gap:8px}#proje-duzenleme>.gorunum-dugmeleri button{padding:10px 14px;font-size:14px;min-height:44px}.proje-geri{margin:24px 0}
.olcu-calisma-duzen{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.olcu-calisma-duzen>div{min-width:0}.olcu-calisma-duzen .hesap-alan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.son-hesap-ozeti{position:sticky;top:90px;background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:20px}.son-hesap-ozeti svg{width:100%;height:240px;margin:12px 0}.son-hesap-ozeti button{width:100%}.hesap-kisa-sayilar{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.hesap-kisa-sayilar div{display:flex;flex-direction:column;gap:4px}.hesap-kisa-sayilar strong{font-size:28px}.hesap-kisa-sayilar span{font-size:13px;color:var(--soluk)}
.gelismis-hesap{margin:16px 0;border-bottom:1px solid var(--cizgi);padding:16px 0}.gelismis-hesap summary{cursor:pointer;color:var(--vurgu);font-weight:600}.gelismis-hesap .hesap-alan-grid{margin:18px 0}
@media(max-width:1200px){.olcu-calisma-duzen{grid-template-columns:1fr}.son-hesap-ozeti{position:static}.son-hesap-ozeti svg{max-width:400px}.proje-duzen{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.proje-duzen{grid-template-columns:1fr}.proje-duzen>.proje-liste-panel{position:static;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--cizgi)}#proje-liste{max-height:240px;overflow:auto}.proje-ana{padding:18px}.proje-calistir-bas{flex-direction:column;gap:0}.olcu-calisma-duzen .hesap-alan-grid{grid-template-columns:1fr}.proje-eylem-cubugu button{padding:8px 12px}}
.ana-gecis{display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--kart);border-bottom:1px solid var(--cizgi)}
.ana-gecis button{min-height:42px}.yonetim-menu{margin-left:auto;position:relative}.yonetim-menu summary{cursor:pointer;padding:10px;color:var(--fg)}
.yonetim-menu-icerik{position:absolute;right:0;top:100%;z-index:10;min-width:260px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--kart);border:1px solid var(--cizgi);border-radius:8px}
.proje-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--cizgi);margin-bottom:24px}
#proje-dialog .proje-ust h2{font-size:26px;margin:6px 0}.proje-ust p{margin:4px 0}
.proje-baslangic{display:block;max-width:680px;margin:16px auto}
.proje-liste-panel{min-width:0}.yeni-proje-panel{padding:22px;background:var(--gri);border:1px solid var(--cizgi);border-radius:10px}
#proje-form{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:22px}#proje-form label{width:100%;color:var(--fg);font-size:14px;gap:7px}#proje-form input,#proje-form select{width:100%;min-height:44px}#proje-form button{width:100%;min-height:44px}
.proje-filtreler label{flex:1;min-width:125px}.proje-filtreler input,.proje-filtreler select{width:100%;min-height:42px}.proje-filtreler button{min-height:42px}
.proje-bos{padding:44px 24px;border:1px dashed var(--cizgi);border-radius:10px;text-align:center;margin-top:24px}.proje-bos p{max-width:420px;margin:10px auto}
#proje-dialog th,#proje-dialog td{position:static;min-width:0;max-width:none;white-space:normal}#proje-dialog .uye-tablo td,#proje-dialog .uye-tablo th{padding:13px 10px}
#proje-dialog label{font-size:14px}#proje-dialog .not{font-size:13px;line-height:1.65}#proje-dialog h3{font-size:18px}#proje-dialog h4{font-size:16px;margin-top:26px}
#proje-alan{border:0;padding:0;background:transparent}#proje-alan>.gorunum-dugmeleri{padding:12px 0;gap:8px}#proje-alan>.gorunum-dugmeleri button{padding:12px 16px;font-size:14px;min-height:44px}
.proje-alt{position:sticky;bottom:-28px;padding:18px 0;margin-top:28px;background:var(--kart);border-top:1px solid var(--cizgi);flex-wrap:wrap;z-index:4}.proje-alt button{min-height:44px;padding:10px 20px}
.proje-yardim{margin-top:28px;color:var(--soluk)}.proje-yardim summary{cursor:pointer}
.hesap-alan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;margin:24px 0}.hesap-alan-grid label{min-width:0}.hesap-alan-grid input:not([type=checkbox]),.hesap-alan-grid select{min-height:44px}.hesap-alan-grid input[type=checkbox]{width:24px;height:24px}
.hesap-kat{padding:20px;border:1px solid var(--cizgi);border-radius:10px;margin:20px 0;background:var(--gri)}.hesap-kat>label{max-width:400px}.hesap-kat table{table-layout:fixed}.hesap-kat table input{background:var(--kart)}.hesap-kat .kutu-dugmeler{margin-top:16px}
.hesap-stok{padding:20px;border:1px solid var(--cizgi);border-radius:10px;margin:20px 0;background:var(--gri)}.hesap-stok h4{margin:0 0 4px}.hesap-stok h5{margin:18px 0 6px;font-size:14px}.stok-tablo table{width:auto;min-width:280px}.stok-tablo table input,.stok-tablo table select{background:var(--kart);min-height:40px}.stok-tablo td button{padding:6px 10px}.stok-tablo tr.bozuk select{border-color:var(--hata)}
/* Formun sağa daralmasına yol açan genel dialog form kuralını bu sınıfta geçersiz kıl. */
dialog form.satir-form{flex-direction:row;align-items:end}dialog form.satir-form>label{flex:1;min-width:180px}dialog form.satir-form>button{align-self:end}
@media(max-width:950px){.proje-baslangic{grid-template-columns:1fr}.yeni-proje-panel{max-width:none}.hesap-alan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#proje-dialog{width:100%;min-height:0;margin:0;padding:18px}.proje-ust{gap:12px;flex-wrap:wrap}.hesap-alan-grid{grid-template-columns:1fr}.ana-gecis{padding:12px;flex-wrap:wrap}.yonetim-menu{margin-left:0}.proje-alt{bottom:0}.hesap-kat{padding:10px}.hesap-kat th,.hesap-kat td{font-size:12px}.hesap-kat td button{padding:6px}}
#proje-alan h3{margin:0 0 4px}
.proje-sekme{border-top:1px solid var(--cizgi);padding-top:12px;margin-top:4px}
.proje-sekme table{width:100%;border-collapse:collapse;font-size:13px}
.proje-sekme th,.proje-sekme td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--cizgi);overflow-wrap:anywhere;min-width:0}
.proje-sekme label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.proje-sekme input,.proje-sekme select,.proje-sekme textarea{width:100%;font:inherit;color:var(--fg);background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:8px}
.gorunum-dugmeleri button[aria-selected="true"]{background:var(--secili);border-color:var(--vurgu)}
#proje-hata{color:var(--hata)}
#proje-liste tr.secili-proje td{background:var(--secili)}
/* Dilim F: denetim ekrani ve hesap isi tablosu. */
#denetim-dialog{max-width:900px;width:92vw}
#denetim-tablo{width:100%;border-collapse:collapse;font-size:13px}
#denetim-tablo th,#denetim-tablo td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--cizgi);overflow-wrap:anywhere}
#denetim-tablo th{position:sticky;top:0;background:var(--kart)}
#denetim-hata{color:var(--hata)}
/* Kesit formu: tür, ölçüler ve serbest perde köşeleri. */
.kesit-olcu{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;min-width:280px}
.kesit-sayi{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--soluk)}
.kesit-sayi input[type=number]{width:84px}
.kesit-sayi textarea{width:200px;font:inherit;color:var(--fg);background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.kesit-olcu .not,.kesit-olcu .bozuk{flex-basis:100%;margin:2px 0 0;font-size:12px}

/* Üyelik ekranında bölümler nefes alır; geniş plan tablosu kendi içinde kayar. */
.abonelik-dialog { width:min(1180px,94vw); max-height:90vh; overflow:auto; }
#abonelik-icerik { display:grid; gap:24px; }
#abonelik-icerik section { border:1px solid var(--cizgi); border-radius:10px; padding:20px; }
.abonelik-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:20px 0; }
.abonelik-form h4 { flex-basis:100%; margin:0; }
.abonelik-tablo { overflow-x:auto; }
.abonelik-tablo input { width:130px; min-width:70px; }
.abonelik-atama { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:14px 0; border-bottom:1px solid var(--cizgi); }
#abonelik-hata { color:var(--hata); }

.plan-izin { display:flex; align-items:center; gap:8px; padding:6px; }
.abonelik-tablo .plan-izin input { width:auto; min-width:0; }

/* ŞANTİYE MODU: sahada okunur boyut. Yazı büyük, çizim büyük — ustabaşı
   telefonu uzaktan tutar. Çizimin kendisi sonuç ekranıyla AYNI SVG. */
.santiye-kolonlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:22px}
.santiye-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:14px}
.santiye-kart h4{font-size:20px;margin:0 0 4px}
.santiye-kart p{margin:0 0 6px}
.santiye-paneller{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;line-height:1.5}
.santiye-kart svg{width:100%;max-height:420px}
#proje-sekme-santiye h3{font-size:22px;margin:18px 0 10px}

/* YAZDIRMA: kâğıda giden şey SONUÇTUR, arayüz değil. Menü, sekmeler ve
   düğmeler basılmaz; açılır bölümler açık basılır (yazdırırken kapalı
   kalan bölüm kâğıtta HİÇ görünmezdi). Başlık  yalnız baskıda
   görünür ve proje adını, tarihi ve özeti taşır. */
#prn-bas{display:none}
@media print{
 @page{margin:12mm}
 body{background:#fff}
 #portal-sidebar,.menu-toggle,.workspace-tabs,.proje-geri,.proje-eylemler,
 #proje-liste,.result-shortcuts,button,select,input,.action-menu{display:none !important}
 #prn-bas{display:block;margin:0 0 10px;border-bottom:1px solid #000;padding-bottom:6px}
 #prn-bas h2{margin:0 0 2px;font-size:18px}
 #prn-bas .yuk{font-size:12px}
 details{display:block !important}
 details>summary{list-style:none;font-weight:600;margin:10px 0 4px}
 details[open]>*,details>*{display:revert}
 .proje-sekme[hidden]{display:none !important}
 .santiye-kart,figure,tr,.result-summary article{break-inside:avoid}
 table{width:100%;border-collapse:collapse;font-size:11px}
 th,td{border:1px solid #999;padding:3px 5px}
 svg{max-height:200px}
}

/* ÇİZİMİ BÜYÜT (K-210): sahada asıl belge resimdir, küçük kart yetmez. */
.cizim-tiklanir{cursor:zoom-in}
.cizim-tiklanir:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.cizim-buyut{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;
 align-items:center;justify-content:center;padding:16px;z-index:60}
.cizim-buyut-ic{background:var(--kart);border-radius:12px;padding:14px;max-width:min(1100px,96vw);
 max-height:94vh;display:flex;flex-direction:column;gap:10px;overflow:auto}
.cizim-buyut-ust{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cizim-buyut-ust strong{flex:1;font-size:18px}
.cizim-buyut svg{width:100%;height:auto;max-height:78vh}
@media print{.cizim-buyut{display:none !important}}