/* OSMAS Müşteri Portalı — ERP görünümünün birebir kopyası (MUSTERI_PORTALI_PLANLAMA.md; arayüz şartnamesi 01.11.2026).
   Değerler ERP'nin ortak katmanları (middleware 10pt Tahoma, _genel_pencere_yonetimi, pencere-zemin-standardi) uygulanmış
   ETKİN değerlerdir. Kaynak dosyalar her bölümün başında yazılı. Satır içi stil yok (CSP style-src 'self'). */

/* ================================================================ 1. Taban (middleware.py:300-307, GPY:5-24, 1562-1570) */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;padding:0}
body,button,input,select,textarea,a,table,th,td{font-family:Tahoma,Arial,sans-serif}
body,button,input,select,textarea,a{font-size:10pt}
th{font-size:10pt;font-weight:700}
td{font-size:10pt;font-weight:400}
[hidden]{display:none!important}
button:disabled,input[type=button]:disabled,input[type=submit]:disabled,[role=button][aria-disabled=true],a[aria-disabled=true]{opacity:.48;cursor:not-allowed;filter:saturate(.72)}
button:disabled:hover,button:disabled:focus,[role=button][aria-disabled=true]:hover,[role=button][aria-disabled=true]:focus{transform:none;box-shadow:none}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-radius:8px;box-shadow:inset 0 1px 2px rgba(24,55,83,.08)}
input[data-hizli-tarih].osmas-tarih-hatali{outline:2px solid #c00000!important;outline-offset:-1px}
.portal-yukleniyor{padding:8px 12px;color:#111}

/* ================================================================ 2. Standart uyarı kutusu (_muhasebe_standart_uyari.html) */
.muh-uyari-arka{display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;background:transparent}
.muh-uyari-arka.open{display:flex}
.muh-uyari{width:349px;max-width:calc(100vw - 20px);overflow:hidden;border:1px solid #758a9c;border-radius:9px;background:#f2f4f5;box-shadow:none}
.muh-uyari-baslik{height:37px;display:flex;align-items:center;padding:0 12px;background:linear-gradient(#edf2f2,#cbd8d8);border-bottom:1px solid #9eacb6;color:#073c65;font-weight:900;font-size:14px}
.muh-uyari-icerik{min-height:89px;display:flex;align-items:center;gap:14px;padding:17px;background:#fff;color:#172b3d;font-weight:700;line-height:1.45}
.muh-uyari-icerik span{white-space:pre-line}
.muh-uyari-simge{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:50%;background:#c62828;color:#fff;font:900 26px Tahoma}
.muh-uyari-dugmeler{display:flex;justify-content:flex-end;gap:8px;padding:9px 11px;background:#eef1f4;border-top:1px solid #c5cfd7}
.muh-uyari-dugmeler button{width:126px;min-width:126px;max-width:126px;height:31px;min-height:31px;max-height:31px;border:1px solid #91a4b4;border-radius:6px;background:linear-gradient(#fff,#e4e9ed);color:#123b60;font-weight:800;box-shadow:0 1px 3px #0002}
.muh-uyari-dugmeler .muh-evet{border-color:#ce8b8b;background:linear-gradient(#fff,#f5e5e5);color:#a00000}
.osmas-onay-secili{outline:2px solid #111;outline-offset:1px}

/* ================================================================ 3. Bildirim (_kaydedildi_bildirimi.html) */
.osmas-bildirim-katman{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:40000;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.osmas-bildirim{display:flex;align-items:center;gap:10px;min-width:260px;max-width:min(520px,calc(100vw - 24px));padding:11px 16px;border-radius:8px;box-shadow:0 8px 22px #0004;font:700 10pt Tahoma,Arial,sans-serif;color:#fff;opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}
.osmas-bildirim.acik{opacity:1;transform:translateY(0)}
.osmas-bildirim.kapaniyor{opacity:0;transform:translateY(-10px)}
.osmas-bildirim-simge{flex:0 0 auto;font-size:15px;line-height:1}
.osmas-bildirim-metin{white-space:pre-line}
.osmas-bildirim.basari{background:#1e8e3e}
.osmas-bildirim.sil{background:#c62828}
.osmas-bildirim.duzenle{background:#b8860b}

/* ================================================================ 4. Kapat (×) ve PDF simgesi (GPY:1111-1131; rapor-disa-aktar.css) */
.osmas-kapat{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer}
.osmas-kapat>span{display:block;color:#a00000;font:900 28px/38px Tahoma,Arial,sans-serif}
.osmas-topbar-islemler{display:flex;align-items:center;gap:5px}
.rapor-disa-aktar{display:inline-flex;align-items:center;gap:2px;position:relative;flex:none}
.rapor-aktar-simge{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer}
.rapor-aktar-simge img{display:block;width:32px;height:32px;pointer-events:none}
.rapor-aktar-simge:hover,.rapor-aktar-simge:focus-visible{background:rgba(0,0,0,.08);outline:1px solid #20547f;outline-offset:-2px}
.rapor-aktar-simge:disabled{opacity:.48;cursor:wait;filter:saturate(.72)}
.rapor-aktar-durum{position:absolute;top:72px;right:18px;max-width:420px;z-index:20000;padding:8px 12px;border:1px solid #91a5b5;background:#fff;color:#103c67;font:10pt Tahoma,Arial,sans-serif;line-height:1.4;box-shadow:0 2px 6px #b7c0c8}

/* ================================================================ 5. Liste tablosu (_hesap_kartlari_stili.html + _ortak_tablo_satir_olculeri.css, etkin) */
.osmas-liste-tablosu{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:8px}
.osmas-liste-tablosu th{position:sticky;top:0;z-index:15;height:36px;padding:3px 8px;background:linear-gradient(#326993,#20547f);background-clip:padding-box;color:#fff;font:700 10pt Tahoma,Arial,sans-serif;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border-right:1px solid #7d9ab2}
.osmas-liste-tablosu thead tr:first-child>th:first-child{border-top-left-radius:8px}
.osmas-liste-tablosu thead tr:first-child>th:last-child{border-top-right-radius:8px}
.osmas-liste-tablosu td{height:32px;padding:1px 8px;border-right:1px solid #c6d0d8;border-bottom:1px solid #c6d0d8;background-clip:padding-box;color:#111;font:400 10pt Tahoma,Arial,sans-serif;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osmas-liste-tablosu tbody tr:nth-child(odd){background:#fffef0}
.osmas-liste-tablosu tbody tr:nth-child(even){background:#eaf1f7}
.osmas-liste-tablosu tbody tr:last-child>td:first-child{border-bottom-left-radius:8px}
.osmas-liste-tablosu tbody tr:last-child>td:last-child{border-bottom-right-radius:8px}
.osmas-liste-tablosu .num{text-align:right}
.osmas-liste-tablosu td.tarih,.osmas-liste-tablosu td.yon{text-align:center}
.osmas-liste-tablosu td.empty{text-align:center;color:#667788}
.osmas-liste-tablosu tbody tr.secilebilir{cursor:pointer}
.osmas-liste-tablosu tbody tr.secilebilir:hover>td{background:#dceaf5;font-weight:700}
.osmas-liste-tablosu tbody tr.osmas-klavye-secili>td{background:#78b9e3;font-weight:700}
.osmas-liste-tablosu td.green{color:green}
.osmas-liste-tablosu td.uygun{color:#07820b}
.osmas-liste-tablosu td.dusuk,.osmas-liste-tablosu td.yuksek{color:#d00000}
.osmas-liste-tablosu td.sonuc-uygun{color:#07820b}
.osmas-liste-tablosu td.sonuc-uygunsuz{color:#b00000}
.osmas-liste-tablosu td.sonuc-bos{color:#657585}
.status{font-weight:bold}.status-acik{color:#0b63a4}.status-uretim{color:#c06a00}.status-tamam{color:green}.status-iptal{color:#b00000}

/* ================================================================ 6. Toplam satırı, bilgi şeridi, panel (cek-rapor-sonucu.css; analiz_izi.html; sevkiyat.html) */
.rapor-toplamlar{flex:0 0 auto;margin:0 10px 10px;border-top:1px solid #b7c0c8}
.rapor-genel-toplam{display:flex;justify-content:flex-end;gap:6px 18px;flex-wrap:wrap;line-height:1.3;padding:3px 0;color:#111}
.rapor-genel-toplam>span:first-child{margin-right:auto}
.rapor-genel-toplam strong{font-weight:700}
.rapor-negatif-bakiye{color:#a00000}
.iz-not{padding:7px 16px;background:#fffef3;border-bottom:1px solid #c4cdd4;color:#40546a;font-weight:700}
.osmas-ana-liste-sayfa>.iz-not{margin:8px 10px 0;border:1px solid #c4cdd4}
.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid rgba(104,119,133,.55);border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(18,42,66,.08)}
.panel-title{flex:0 0 31px;display:flex;align-items:center;height:31px;min-height:31px;padding:0 9px;border-bottom:1px solid #aab5ba;background:linear-gradient(#e9eeee,#ccd9d8);color:#173b66;font:700 10pt Tahoma,Arial,sans-serif}
.panel-title::before{content:'▣';margin-right:7px}
.panel-kaydirma{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable;background:#fff;scroll-padding-top:36px}

/* ================================================================ 7. Giriş sahnesi (kullanici_giris.html:16-144, 1671×941) */
body.giris{margin:0;width:100%;height:100%;overflow:hidden;font-family:Tahoma,Arial,sans-serif;background:#f1f5fa}
.gs-sahne{position:absolute;left:0;top:0;width:1671px;height:941px;transform-origin:0 0;color:#13305a}
.gs-sol{position:absolute;left:-3000px;top:-3000px;width:7671px;height:3891px;background:linear-gradient(90deg,rgba(241,245,250,0) 0,rgba(241,245,250,0) 3470px,rgba(241,245,250,.55) 3560px,rgba(241,245,250,.92) 3640px,#f1f5fa 3700px,#f1f5fa 100%),linear-gradient(180deg,#223d5e 0,#223d5e 3000px,#1f3a5a 3120px,#1c3553 3400px,#172e49 3891px);pointer-events:none}
.gs-dokum{position:absolute;left:322px;top:165px;width:240px;height:640px;background:url("/static/img/giris-dokum.jpg") 0 0/240px 640px no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 70px,#000 100%),linear-gradient(180deg,transparent 0,#000 70px,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 70px,#000 100%),linear-gradient(180deg,transparent 0,#000 70px,#000 88%,transparent 100%);mask-composite:intersect;pointer-events:none}
.gs-dokum-isik{position:absolute;left:150px;top:260px;width:420px;height:520px;background:radial-gradient(ellipse at 62% 50%,rgba(170,195,225,.30) 0,rgba(170,195,225,0) 62%);pointer-events:none}
.gs-logo{position:absolute;left:58px;top:752px;height:128px;display:flex;align-items:center}
.gs-logo-aslan,.gs-logo-yazi{display:block;background:url("/static/img/osmas_erp_logo_transparent.png") no-repeat;filter:drop-shadow(0 1px 2px rgba(22,44,70,.55))}
.gs-logo-aslan{width:134px;height:124px;background-size:377px 251px;background-position:-122.8px -18.4px}
.gs-logo-yazi{width:262px;height:59px;margin-left:6px;background-size:350px 233px;background-position:-43.3px -133.3px}
.gs-logo-mesaj{position:absolute;left:352px;top:114px;color:#c9d4e2;font:15px/25px Tahoma,Arial,sans-serif;letter-spacing:5px}
.gs-slogan{position:absolute;left:60px;top:70px;color:#e8eef5;font:700 41px/46px Tahoma,Arial,sans-serif;text-shadow:0 2px 8px rgba(5,18,35,.45)}
.gs-slogan span{display:block}
.gs-slogan span:last-child{font-weight:400;color:#d9e2ed}
.gs-slogan-cizgi{position:absolute;left:62px;top:225px;width:76px;height:3px;background:#d2a646;border-radius:2px}
.gs-moduller{position:absolute;left:64px;top:270px;margin:0;padding:0;list-style:none}
.gs-moduller li{display:flex;align-items:center;gap:24px;height:47.2px;color:#f2f5f9;font:19px Tahoma,Arial,sans-serif}
.gs-moduller svg{flex:0 0 32px;width:32px;height:32px;fill:none;stroke:#e4ebf3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gs-sag-fabrika{position:absolute;left:1150px;top:560px;width:521px;height:331px;background:url("/static/img/ana-sayfa-zemin.webp") right -170px bottom/1150px auto no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 45%),linear-gradient(90deg,transparent 0,#000 35%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 45%),linear-gradient(90deg,transparent 0,#000 35%,#000 86%,transparent 100%);mask-composite:intersect;opacity:.85;pointer-events:none}
.gs-el-yazisi{position:absolute;color:#18345e;font:italic 28px/1.2 "Segoe Script","Brush Script MT",cursive;transform:rotate(-8deg);transform-origin:left top;white-space:nowrap}
.gs-el-yazisi span{display:block;padding-left:50px}
.gs-el-yazisi::after{content:"";display:block;height:3px;margin:6px 0 0 120px;background:linear-gradient(90deg,rgba(210,166,70,0),#d2a646 25%,#d2a646 70%,rgba(210,166,70,0));border-radius:2px;transform:rotate(-2deg)}
.gs-el-ust{left:1268px;top:96px}
.gs-el-alt{left:1356px;top:792px;font-size:26px}
.gs-el-alt span{padding-left:24px}
.gs-sag-ayrac{position:absolute;left:1153px;top:247px;width:1px;height:345px;background:#d3dce7}
.gs-avantajlar{position:absolute;left:1200px;top:262px;margin:0;padding:0;list-style:none}
.gs-avantajlar li{display:flex;align-items:center;gap:23px;height:76px;margin-bottom:43px}
.gs-avantaj-ikon{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border:1px solid #d5dee8;border-radius:50%;background:linear-gradient(180deg,#f4f7fb,#e8eef5);box-shadow:0 2px 6px rgba(20,48,85,.06)}
.gs-avantaj-ikon svg{width:36px;height:36px;fill:none;stroke:#1d3d66;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gs-avantajlar b{display:block;color:#122f5a;font:700 21px/1.3 Tahoma,Arial,sans-serif}
.gs-avantajlar div>span{display:block;margin-top:4px;color:#34496a;font:17px/1.3 Tahoma,Arial,sans-serif}
.gs-alt{position:absolute;left:-3000px;top:891px;width:7671px;height:3000px;border-top:1px solid #d9e2ec;background:#ecf2f9}
.gs-alt-sol{position:absolute;left:52px;top:903px;color:#2a3d58;font:17px/26px Tahoma,Arial,sans-serif}
.gs-alt-sag{position:absolute;right:52px;top:903px;display:flex;align-items:center;color:#2a3d58;font:17px/26px Tahoma,Arial,sans-serif}
.gs-alt-sol b,.gs-alt-sag b{font-weight:400;padding:0 14px;color:#9aabbf}
.gs-alt-sag span{display:inline-flex;align-items:center;gap:10px}
.gs-alt-sag svg{width:21px;height:21px;fill:none;stroke:#2a3d58;stroke-width:1.5;stroke-linecap:round}
.gs-alt-sag b{padding:0 30px}
.gs-kvkk{color:inherit;font:inherit;text-decoration:none}
.gs-kvkk:hover{text-decoration:underline}

/* ---- Giriş kartı (kullanici_giris.html:146-299, etkin hâli) */
.giris-formu{position:absolute;left:565px;top:484px;width:542px;transform:translateY(-50%);z-index:10;margin:0}
.giris-panel{position:relative;min-height:607px;padding:36px 48px 30px 47px;border:1px solid rgba(214,223,234,.9);border-radius:8px;background:rgba(252,253,255,.97);box-shadow:0 18px 44px rgba(20,48,85,.13),0 2px 6px rgba(20,48,85,.06);color:#17325b}
.giris-panel h1{margin:0;text-align:center;color:#0f2b57;font:400 38px/1.15 Tahoma,Arial,sans-serif}
.giris-panel h1 b{font-weight:700}
.gs-kart-alt{margin-top:6px;text-align:center;color:#2e4466;font:14px/20px Tahoma,Arial,sans-serif;letter-spacing:5px}
.giris-ayrac{width:76px;height:3px;margin:15px auto 20px;border-radius:2px;background:#d2a646}
.alan-grubu{margin-top:12px}
.alan-grubu>label{display:block;margin:0 0 9px;color:#1f3452;font:17px/20px Tahoma,Arial,sans-serif}
.gs-kutu{position:relative}
.gs-kutu>svg.gs-sol-ikon{position:absolute;left:19px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:#4d607a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:3}
.giris-panel .alan-kutusu{display:block;width:100%;height:52px;margin:0;padding:0 40px 0 55px;border:1px solid #d4dde8;border-radius:8px;outline:none;background:#fff;box-shadow:inset 0 1px 2px rgba(24,55,83,.08);color:#17325b;font:17px Tahoma,Arial,sans-serif}
.giris-panel .alan-kutusu.sifre{padding:0 52px 0 55px}
.giris-panel .alan-kutusu::placeholder{color:#8391a4}
.giris-panel .alan-kutusu:focus{border-color:#6f9fd6}
.giris-panel .alan-kutusu:disabled{background:#f2f4f7;cursor:not-allowed}
.sifre-wrap{position:relative}
.giris-panel .sifre-goster{position:absolute;right:4px;top:4px;width:44px;height:44px;z-index:2;padding:0;border:0;border-radius:8px;background:transparent;color:#4d607a;cursor:pointer}
.giris-panel .sifre-goster:hover{background:rgba(23,77,135,.07)}
.giris-panel .sifre-goster:focus-visible{outline:2px solid rgba(22,105,211,.5);outline-offset:-3px}
.giris-panel .sifre-goster svg{display:block;width:22px;height:22px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6}
.firma-bilgisi{margin:9px 0 0;padding:0 2px;color:#1d5a98;font:700 14px/1.3 Tahoma,Arial,sans-serif;overflow-wrap:anywhere}
.giris-panel .giris-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:69px;margin-top:22px;border:0;border-radius:9px;background:linear-gradient(180deg,#2f4f78 0%,#1c3a62 45%,#0e2a55 100%);box-shadow:0 8px 18px rgba(14,42,85,.28),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;font:700 21px Tahoma,Arial,sans-serif;cursor:pointer}
.giris-panel .giris-btn svg{width:22px;height:22px;fill:#fff}
.giris-panel .giris-btn .gs-ok{position:absolute;right:26px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.giris-panel .giris-btn:hover{background:linear-gradient(180deg,#37598a 0%,#22426e 45%,#13315e 100%)}
.giris-panel .giris-btn:active{transform:translateY(1px);box-shadow:0 4px 10px rgba(14,42,85,.25)}
.giris-panel .giris-btn:focus-visible{outline:2px solid #6f9fd6;outline-offset:3px}
.gs-alt-secenekler{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:12px;margin-top:25px}
.gs-hatirla{display:inline-flex;align-items:center;gap:13px;color:#1f3452;font:17px Tahoma,Arial,sans-serif;cursor:pointer}
.gs-hatirla input{width:23px;height:23px;margin:0;accent-color:#1c3a62;cursor:pointer}
.giris-panel .unuttum{color:#1d64b8;font:17px Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer}
.giris-panel .unuttum:hover{text-decoration:underline}
.giris-panel .unuttum[aria-disabled="true"]{text-decoration:none}
.mesaj{width:100%;margin:0 0 14px;padding:8px 10px;border:1px solid #d06b6b;border-radius:8px;background:rgba(255,242,242,.96);color:#9e2020;font:700 14px Tahoma,Arial,sans-serif;text-align:center}
.mesaj.basarili{border-color:#74ad88;background:#e8f6ed;color:#176436}

/* ---- Dar / dikey ekran (kullanici_giris.html:330-346) */
@media (max-width:900px),(orientation:portrait){
 body.giris{overflow:auto;background:#f1f5fa}
 body.giris .gs-sahne{position:static;width:auto;height:auto;min-height:100%;transform:none!important;padding:24px 16px 72px}
 body.giris .gs-sol,body.giris .gs-dokum,body.giris .gs-dokum-isik,body.giris .gs-logo-mesaj,body.giris .gs-slogan,body.giris .gs-slogan-cizgi,body.giris .gs-moduller,body.giris .gs-sag-fabrika,body.giris .gs-el-yazisi,body.giris .gs-sag-ayrac,body.giris .gs-avantajlar{display:none}
 body.giris .gs-logo{position:static;justify-content:center;height:auto;margin:0 auto 18px}
 body.giris .gs-logo-aslan{width:93px;height:86px;background-size:262px 174px;background-position:-85.2px -12.8px}
 body.giris .gs-logo-yazi{width:184px;height:42px;background-size:246px 164px;background-position:-30.4px -93.6px}
 body.giris .giris-formu{position:relative;left:auto;top:auto;width:100%;max-width:542px;margin:0 auto;transform:none}
 body.giris .giris-panel{min-height:0;padding:26px 22px 22px}
 body.giris .giris-panel h1{font-size:30px}
 body.giris .gs-kart-alt{letter-spacing:4px;font-size:13px}
 body.giris .gs-alt{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:44px}
 body.giris .gs-alt-sol{position:fixed;left:16px;bottom:9px;top:auto;font-size:13px}
 body.giris .gs-alt-sag{position:fixed;right:16px;bottom:9px;top:auto;font-size:13px}
 body.giris .gs-alt-sag b{padding:0 12px}
}

/* ================================================================ 8. Ana pencere: üst bar (ana-sayfa-pano.css:23-201, ana_sayfa.html, etkin) */
body.osd-ana{overflow:hidden;background:#e3ebf4;color:#fff}
body.osd-ana .ust-menu{position:relative;z-index:11000;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0;gap:0;background:linear-gradient(180deg,#cfdbe8 0%,#ccd9e8 50%,#d6e0eb 100%);border-bottom:2px solid #82969f;box-shadow:none;color:#1b3355}
body.osd-ana .mobil-menu-buton{display:none;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(125,154,194,.65);border-radius:6px;background:linear-gradient(180deg,rgba(32,58,92,.96) 0%,rgba(12,31,57,.96) 100%);color:#fff;font:700 10pt/1 Tahoma,Arial,sans-serif;cursor:pointer}
body.osd-ana .osd-marka{flex:0 0 353px;height:100%;display:flex;align-items:center;gap:18px;padding:0 12px 0 22px;border-right:1px solid #b6c5d6;min-width:0}
body.osd-ana .osd-marka-metin{display:grid;gap:4px;min-width:0}
body.osd-ana .osd-marka-ad{color:#0f2b5e;font:700 22px/1 Tahoma,Arial,sans-serif;white-space:nowrap}
body.osd-ana .osd-marka-alt{color:#34465c;font:14px/1.2 Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.osd-ana .osd-firma{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;padding:0 20px 0 24px}
body.osd-ana .osd-firma-logo{flex:0 0 auto;width:86px;height:42px;margin-right:14px;object-fit:contain;object-position:left center}
body.osd-ana .osd-firma-ad{margin:0;color:#0f2b5e;font:700 16px/1.2 Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.osd-ana .kullanici{flex:0 0 auto;height:100%;display:flex;align-items:center;gap:0;padding-right:10px;color:#1b3355;font-size:10pt}
body.osd-ana .osd-donem{margin-right:12px;color:#0f2b5e;font:700 14px Tahoma,Arial,sans-serif;white-space:nowrap}
body.osd-ana .portal-cari{display:inline-block;max-width:360px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
body.osd-ana .osd-ust-ikon{position:relative;width:44px;height:44px;margin-right:14px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:#1d3f6a;cursor:pointer}
body.osd-ana .osd-ayarlar-dugme{margin-right:6px}
body.osd-ana .osd-ust-ikon svg{width:27px;height:27px}
body.osd-ana .osd-ust-ikon:hover,body.osd-ana .osd-ust-ikon:focus-visible{background:rgba(29,63,106,.08);outline:0}
body.osd-ana .osd-ayarlar-dugme::after{content:attr(data-ipucu);position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);padding:6px 11px;border:1px solid #c7d3df;border-radius:8px;background:#fff;box-shadow:0 6px 16px rgba(20,45,80,.18);color:#1b3355;font:12px/1.2 Tahoma,Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:12000}
body.osd-ana .osd-ayarlar-dugme::before{content:"";position:absolute;top:calc(100% + 4px);left:50%;width:9px;height:9px;border-left:1px solid #c7d3df;border-top:1px solid #c7d3df;background:#fff;transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:12001}
body.osd-ana .osd-ayarlar-dugme:hover::after,body.osd-ana .osd-ayarlar-dugme:hover::before,body.osd-ana .osd-ayarlar-dugme:focus-visible::after,body.osd-ana .osd-ayarlar-dugme:focus-visible::before{opacity:1;visibility:visible}
.osmas-form-dugmesi{height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(104,119,133,.58);border-radius:8px;background:linear-gradient(#ffffff,#e8e8e8 52%,#d4d4d4);box-shadow:inset 0 1px 0 #ffffff,0 2px 5px rgba(0,0,0,.15);color:#111;font:700 10pt Tahoma,Arial,sans-serif;cursor:pointer}
.osmas-form-dugmesi:focus-visible{outline:2px solid #94b4d1;outline-offset:1px}
.firma-cikis{width:100px;text-decoration:none;color:#a00000}

/* ================================================================ 9. Sol menü ve içerik (ana-sayfa-pano.css:203-360, ana-sayfa-katman.css) */
body.osd-ana .sayfa{display:flex;height:calc(100vh - 68px);min-width:0;min-height:0}
body.osd-ana .yan-menu{position:relative;z-index:10000;overflow:visible;width:245px;flex:0 0 245px;padding:24px 0 0;background:linear-gradient(180deg,#2c4764 0%,#263f59 12%,#263f58 100%);border-right:0;box-shadow:2px 0 8px rgba(10,25,44,.25)}
body.osd-ana .yan-menu>a{position:relative;z-index:2;width:calc(100% - 20px);min-height:0;height:clamp(54px,7.07vh,65px);margin:0 10px;padding:0 14px 0 13px;display:flex;align-items:center;gap:0;border:0;border-top:1px solid rgba(255,255,255,.11);border-radius:0;background:transparent;box-shadow:none;color:#fff;font:700 15px Tahoma,Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer;transform:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
body.osd-ana .yan-menu>a>span{display:flex;align-items:center;font:inherit}
body.osd-ana .yan-menu>a:hover{background:rgba(255,255,255,.07)}
body.osd-ana .osd-menu-ikon{flex:0 0 27px;width:27px;height:27px;margin-right:33px;color:#fff}
body.osd-ana .yan-menu>a[aria-current="page"]{width:calc(100% - 15px);height:56px;margin:0 7px 5px 8px;padding-left:15px;border:1px solid rgba(150,185,222,.55);border-radius:5px;background:linear-gradient(180deg,#5d87b1 0%,#507ba8 50%,#4c79a8 100%);box-shadow:0 2px 6px rgba(6,18,34,.35),inset 0 1px 0 rgba(255,255,255,.28)}
body.osd-ana .yan-menu>a[aria-current="page"]:hover{background:linear-gradient(180deg,#6690ba 0%,#5883b0 50%,#537fae 100%)}
body.osd-ana .yan-menu>a[aria-current="page"] .osd-menu-ikon{width:29px;height:29px;flex-basis:29px;margin-right:31px}
body.osd-ana .osd-yan-alt{position:absolute;z-index:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;flex-direction:column}
body.osd-ana .osd-yan-gorsel{flex:0 0 auto;height:clamp(170px,calc(100vh - 615px),304px);background:url("/static/img/ana-sayfa-yan-dokum.jpg") center bottom/245px 304px no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 70px);mask-image:linear-gradient(180deg,transparent 0,#000 70px)}
body.osd-ana .osd-yan-surum{flex:0 0 67px;padding-top:12px;text-align:center;color:#fff;font:700 14px/1.45 Tahoma,Arial,sans-serif}
body.osd-ana .osd-yan-surum small{display:block;color:#e3ebf5;font:13px/1.45 Tahoma,Arial,sans-serif}
body.osd-ana .mobil-menu-perde{display:none}
body.osd-ana .icerik{flex:1;min-width:0;min-height:0;height:100%;position:relative;z-index:0;isolation:isolate;padding:0;background:#e3ebf4}
.osmas-ana-katman-belgesi{position:absolute;inset:0;padding:4px 10px;display:grid;place-items:center;overflow:hidden;background:#e9eef3;color:#111;font:10pt Tahoma,Arial,sans-serif}

@media (min-width:1800px) and (min-height:990px){
 body.osd-ana .ust-menu,body.osd-ana .yan-menu{zoom:1.122}
 body.osd-ana .sayfa{height:calc(100vh - 76.296px)}
}
@media (min-width:1101px) and (max-width:1599px){
 body.osd-ana .yan-menu{width:220px;flex-basis:220px}
 body.osd-ana .osd-marka{flex-basis:300px;gap:12px;padding-left:14px}
 body.osd-ana .osd-firma-logo{width:70px;margin-right:10px}
 body.osd-ana .osd-marka-ad{font-size:19px}
 body.osd-ana .osd-marka-alt{font-size:12px}
 body.osd-ana .osd-firma-ad{font-size:14px}
 body.osd-ana .osd-donem{margin-right:8px}
 body.osd-ana .osd-ust-ikon{margin-right:6px}
 body.osd-ana .osd-menu-ikon{margin-right:22px}
}
@media (min-width:1101px) and (max-height:760px){
 body.osd-ana .yan-menu>a{height:52px}
 body.osd-ana .yan-menu>a[aria-current="page"]{height:48px}
 body.osd-ana .osd-yan-gorsel{height:clamp(120px,calc(100vh - 560px),190px)}
}
@media (max-width:1100px){
 body.osd-ana .ust-menu{height:56px;padding:0 10px;gap:8px;justify-content:flex-start}
 body.osd-ana .mobil-menu-buton{display:inline-flex}
 body.osd-ana .osd-marka,body.osd-ana .osd-donem,body.osd-ana .osd-yan-alt{display:none}
 body.osd-ana .osd-firma{padding:0 6px}
 body.osd-ana .osd-firma-logo{width:46px;height:36px;margin-right:8px}
 body.osd-ana .osd-firma-ad{font-size:13px}
 body.osd-ana .kullanici{gap:7px}
 body.osd-ana .sayfa{height:calc(100vh - 56px);display:block}
 body.osd-ana .yan-menu{position:fixed;top:56px;left:0;bottom:0;width:min(86vw,310px);max-width:310px;padding:24px 0 24px;overflow-y:auto;overflow-x:hidden;transform:translateX(-105%);transition:transform .22s ease}
 body.osd-ana.menu-acik .yan-menu{transform:translateX(0)}
 body.osd-ana .mobil-menu-perde{position:fixed;z-index:2000;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.52)}
 body.osd-ana.menu-acik .mobil-menu-perde{display:block}
 body.osd-ana:not(.menu-acik) .mobil-menu-perde{display:none}
 body.osd-ana .icerik{width:100%;height:100%}
}

/* ================================================================ 10. Şifre Değiştir penceresi (_sifre_degistir.html, etkin) */
.sifre-degistir-perde{position:fixed;inset:0;z-index:2147482500;display:none;align-items:center;justify-content:center;background:rgba(18,34,50,.35)}
.sifre-degistir-perde.acik{display:flex}
.sifre-degistir-pencere{width:min(430px,calc(100vw - 24px));margin:0;border:1px solid #758a9c;border-radius:8px;background:#f2f4f5;box-shadow:0 10px 27px #0005;overflow:hidden;font:10pt Tahoma,Arial,sans-serif;color:#172b3d}
.sifre-degistir-ust{display:flex;align-items:center;gap:4px;height:48px;padding:0 6px 0 16px;border-bottom:1px solid #aebdc5;background:linear-gradient(#edf3f2,#dbe7e6)}
.sifre-degistir-ust h2{flex:1 1 auto;margin:0;font:700 13pt Tahoma,Arial,sans-serif;color:#123b60}
.sifre-degistir-kaydet{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;background:transparent;box-shadow:none;outline:none;cursor:pointer}
.sifre-degistir-kaydet img{width:32px;height:32px;object-fit:contain;pointer-events:none}
.sifre-degistir-kaydet:hover:not(:disabled){filter:brightness(1.07)}
.sifre-degistir-govde{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:18px 18px 20px;background:#fff}
.sifre-degistir-govde label{font-weight:700;white-space:nowrap}
.sifre-degistir-govde input{min-width:0;height:30px;padding:0 8px;border:1px solid #9aaaba;border-radius:8px;box-shadow:inset 0 1px 2px rgba(24,55,83,.08);font:10pt Tahoma,Arial,sans-serif}
.sifre-degistir-govde input:focus{outline:2px solid #d6a84c;outline-offset:0}

/* ================================================================ 11. Ekran penceresi (_ana_liste_cerceve_standardi.html, firma_karti.html, Katman ölçüsü) */
.osmas-ana-liste-sayfa{position:relative;width:96%;height:100%;min-width:0;max-width:none;min-height:0;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(92,112,130,.58);border-radius:12px;background:#f3f6f9;box-shadow:0 8px 22px rgba(0,0,0,.14);color:#111}
.osmas-ana-liste-baslik{flex:0 0 56px;height:56px;min-height:56px;margin:10px 10px 0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #aebdc3;background:linear-gradient(#eaf2f2,#dce7e7);color:#103c67}
.page-info-title{display:flex;align-items:center;gap:10px;min-width:0;font:700 24px Tahoma,Arial,sans-serif}
.page-info-title>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search{flex:0 0 40px;height:40px;margin:8px 10px 0;padding:5px 10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border:1px solid #aab8be;border-bottom:0;border-radius:9px 9px 0 0;background:linear-gradient(#eaf2f2,#dce7e7);color:#103c67}
.search>label{flex:0 0 auto;white-space:nowrap;font:700 10pt Tahoma,Arial,sans-serif}
.search input,.search select{height:28px;padding:2px 8px;border:1px solid #aeb9c1;border-radius:8px;background:#fff;color:#000;font:400 10pt Tahoma,Arial,sans-serif;box-shadow:inset 0 1px 2px rgba(24,55,83,.08)}
.search input.tarih{flex:0 0 150px;width:150px}
.search select{flex:0 1 230px;width:230px;min-width:90px}
.tablebox{flex:1 1 auto;min-height:0;margin:0 10px 10px;overflow:auto;border:1px solid #9daab4;border-radius:0 0 9px 9px;background:#fff;box-shadow:0 2px 7px rgba(18,42,66,.09);scroll-padding-top:36px}
.tablebox.ust-liste{flex:0 1 280px;min-height:130px}
.osmas-ana-liste-sayfa>.panel{margin:8px 10px 0}
.osmas-ana-liste-sayfa>.panel:last-child{margin-bottom:10px}
.panel.doldur{flex:1 1 auto;min-height:160px}
.panel.sabit{flex:0 1 280px;min-height:130px}
@media(max-width:900px){.search{flex:0 0 auto;height:auto;min-height:40px;flex-wrap:wrap;row-gap:6px}}

/* ================================================================ 12. Analiz penceresi (analiz-penceresi.js, etkin) */
.osmas-analiz-perde{position:fixed;inset:0;z-index:2147482400;background:transparent}
.osmas-analiz-pencere{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(1040px,calc(100vw - 24px));max-height:calc(100vh - 24px);background:#eef2f6;border:1px solid #9aaaba;border-radius:8px;box-shadow:none;overflow:hidden;font:10pt Tahoma,Arial,sans-serif;color:#173b66;outline:none}
.osmas-analiz-ust{display:flex;align-items:center;gap:8px;flex:0 0 46px;height:46px;padding:0 4px 0 16px;background:linear-gradient(#edf3f2,#dbe7e6);border-bottom:1px solid #b9c6cf;user-select:none}
.osmas-analiz-baslik{flex:1;min-width:0;font-weight:900;font-size:12pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osmas-analiz-pencere>.rapor-aktar-durum{top:52px}
.osmas-analiz-bilgi{display:grid;grid-template-columns:118px minmax(0,1fr) 118px minmax(0,1fr);gap:4px 10px;padding:10px 16px;background:#fffef3;border-bottom:1px solid #c4cdd4}
.osmas-analiz-bilgi .etiket{font-weight:800;text-align:right;color:#40546a}
.osmas-analiz-bilgi .deger{min-width:0;overflow-wrap:anywhere}
.osmas-analiz-bilgi .uygun{color:#07820b;font-weight:800}
.osmas-analiz-bilgi .uygunsuz{color:#d00000;font-weight:800}
.osmas-analiz-tablo-alani{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;scroll-padding-top:36px}
@media(max-width:760px){.osmas-analiz-bilgi{grid-template-columns:110px minmax(0,1fr)}}

/* ================================================================ 13. Yazdırma (_ana_liste_cerceve_standardi.html:30) */
@media print{
 .ust-menu,.yan-menu,.mobil-menu-perde,.osmas-topbar-islemler,.search,.rapor-aktar-durum{display:none!important}
 body.osd-ana{overflow:visible;background:#fff}
 body.osd-ana .sayfa,body.osd-ana .icerik,.osmas-ana-katman-belgesi{position:static;display:block;height:auto;overflow:visible;padding:0;background:#fff}
 .osmas-ana-liste-sayfa{width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
 .tablebox,.panel,.panel-kaydirma{overflow:visible;box-shadow:none}
}