:root{
  --bordo:#14688a; --murekkep:#193247; --gri:#647789; --cizgi:#dce5ec;
  --zemin:#f4f7fa; --beyaz:#fff;
  /* Sidebar — ana renkle uyumlu ton */
  --yan-bg:#123750;
  --yan-aktif:#245b76;
  --yan-vurgu:#51d5ce;
  /* Durum renkleri */
  --basari:#14602A; --basari-bg:#EAF6EC; --basari-cizgi:#BFE3C8;
  --uyari:#6B4E00;  --uyari-bg:#FFF7E6;  --uyari-cizgi:#F0DCA8;
  --tehlike:#B00020; --tehlike-bg:#FDECEF; --tehlike-cizgi:#F5C9D2;
  /* Form elemanları standart boy */
  --input-h:38px;
  --radius:7px;
  --transition-fast:.15s ease;
  /* Kart */
  --kart-golge:0 1px 3px rgba(0,0,0,.08);
  --kart-golge-hover:0 4px 12px rgba(0,0,0,.12);
  /* Pastel durum */
  --basari-pastel:#d4edda; --uyari-pastel:#fff3cd; --tehlike-pastel:#f8d7da;
  /* Ek tema renkleri — hardcoded renkleri merkeze al */
  --marka-acik:#9fc9d5;
  --marka-degrade-1:#1d8fa8;
  --marka-degrade-2:#207b92;
  --grup-etiket:#b6d3df;
  --odak-cizgi:#168fb1;
  --ikincil-kenar:#aabfc7;
  --ikincil-zemin:#f8fbfc;
  --baslik-zemin:#eef4f7;
  --satir-cizgi:#edf1f5;
  --satir-cift:#fafcfd;
  --satir-hover:#edf5f8;
  --resim-zemin:#F7F7F7;
  --revize-zemin:#FFFBF0;
  --eksi-zemin:#FDF4F6;
  --secili-zemin:#d8ecf2;
  --is-akisi-hover:#80b7c9;
  --akis-num-bg:#eaf4f7;
  --degrade-acik:#1a7da0;
  --belirsiz:#bbb;
  --kalem-tfoot:#F7F5F5;
  --ic-tablo-bg:#FAF8F8;
  --hover-hafif:#f6f9fa;
  --secim-vurgu:#e2f0f4;
  --sirali-bg:#e4eff4;
  --iskelet-1:#eef2f5;
  --iskelet-2:#f5f8fa;
  --kod-bg:#f0f3f5;
  --kutu-mavi:#2196F3;
  --kutu-turuncu:#FF9800;
  --kutu-yesil:#4CAF50;
  --kutu-mor:#9C27B0;
  /* Durum etiketleri */
  --durum-1-bg:#FFF7E6; --durum-1:#6B4E00; --durum-1-cizgi:#F0DCA8;
  --durum-2-bg:#E8F4FD; --durum-2:#0C5F8A; --durum-2-cizgi:#B5D9EF;
  --durum-3-bg:#FFF0E6; --durum-3:#8A4500; --durum-3-cizgi:#F0C8A8;
  --durum-4-bg:#EAF6EC; --durum-4:#14602A; --durum-4-cizgi:#BFE3C8;
  /* Sevkiyat durum */
  --sevk-durum:#14735d;
  /* Login tanitim */
  --giris-degrade-1:#227997;
  --giris-degrade-2:#174c67;
  --giris-degrade-3:#236b7e;
  --giris-vurgu:#6dd4cd;
  --giris-metin:#d0e3e9;
  --giris-soluk:#9fd1d7;
  --giris-footer:#9fc8d5;
  --giris-marka:#174861;
  --giris-marka-vurgu:#1d94a1;
  --giris-radyal:#e1edf1;
  --giris-bg:#eef4f7;
  /* PDF buton */
  --pdf-renk:#d14836;
  /* Foto popup */
  --popup-kenar:#ccc;
  --popup-metin:#333;
  --popup-hover-bg:#f5f5f5;
  --popup-hover-kenar:#999;
}
*{box-sizing:border-box}
body{margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
     color:var(--murekkep);background:var(--zemin);
     font-variant-numeric:tabular-nums}
.kabuk{display:flex;min-height:100vh;flex-direction:column}
@media(min-width:769px){.kabuk{flex-direction:row}}
.yan{width:242px;background:var(--yan-bg);color:var(--metin-ters);padding:20px 0;flex:0 0 auto;
     box-shadow:3px 0 24px rgba(20,48,69,.08);display:flex;flex-direction:column}
.marka{font-weight:750;letter-spacing:.15em;padding:0 20px 23px;font-size:17px}
.yan .marka{display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.12);
            background:linear-gradient(145deg,rgba(255,255,255,.06) 0%,transparent 60%);
            padding:18px 20px 20px;margin-bottom:4px}
.marka small{display:block;font-size:9px;letter-spacing:.2em;color:var(--marka-acik);margin-top:1px}
.marka-isaret{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
              background:linear-gradient(135deg,var(--marka-degrade-1),var(--marka-degrade-2));color:var(--metin-ters);font-size:20px;letter-spacing:0;
              font-family:Georgia,"Times New Roman",serif;font-weight:700;
              box-shadow:0 2px 8px rgba(0,0,0,.2)}
.yan nav{display:flex;flex-direction:column;padding-bottom:20px;overflow-y:auto;flex:1}
.yan a,.yan span.tek,.yan span.alt{color:var(--metin-ters);text-decoration:none;display:flex;align-items:center;gap:8px}
.yan .tek{opacity:.95;padding:9px 20px;font-size:13.5px;transition:background var(--transition-fast),opacity var(--transition-fast)}
.yan .alt{opacity:.83;padding:7px 20px 7px 42px;font-size:13px;
          transition:background var(--transition-fast),opacity var(--transition-fast);
          position:relative}
.yan .alt::before{content:'';position:absolute;left:26px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}
.yan .alt::after{content:'';position:absolute;left:23px;top:50%;width:5px;height:5px;
                 border-radius:50%;background:rgba(255,255,255,.2);transform:translateY(-50%);
                 transition:background var(--transition-fast)}
.yan a.alt:hover::after{background:rgba(255,255,255,.5)}
.yan a.alt.active::after{background:var(--yan-vurgu)}
.yan .menu-grup{display:block;border-top:1px solid rgba(255,255,255,.06)}
.yan .menu-grup:first-child{border-top:0}
.yan .grup{display:flex;align-items:center;justify-content:space-between;gap:8px;
           padding:12px 20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
           color:var(--grup-etiket);font-weight:700;cursor:pointer;list-style:none}
.yan .grup::-webkit-details-marker{display:none}
.yan .grup::after{content:'';display:inline-block;width:6px;height:6px;border-right:1.5px solid var(--grup-etiket);
                  border-bottom:1.5px solid var(--grup-etiket);transform:rotate(45deg);transition:transform .18s ease;flex-shrink:0}
.yan .menu-grup[open] .grup::after{transform:rotate(-135deg)}
.yan .grup:hover,.yan .grup:focus-visible{background:rgba(255,255,255,.09);color:var(--metin-ters)}
.yan .menu-altlar{padding:2px 0 6px}
.yan a:hover{opacity:1;background:rgba(255,255,255,.09)}
.yan a.active{opacity:1;background:var(--yan-aktif);font-weight:650;
              box-shadow:inset 3px 0 0 var(--yan-vurgu);border-radius:0 4px 4px 0}
.yan .yok{opacity:.32;cursor:default}
.yan .yok:hover{background:none}
.yan .menu-ikon{font-size:15px;line-height:1;flex-shrink:0;width:18px;text-align:center}
.calisma-alani{min-width:0;flex:1;display:flex;flex-direction:column}
.ust-cubuk{height:56px;background:var(--beyaz);border-bottom:1px solid var(--cizgi);
           display:flex;align-items:center;justify-content:space-between;padding:0 28px;
           box-shadow:0 1px 3px rgba(0,0,0,.03)}
.ust-cubuk div{display:flex;align-items:center;gap:12px}
.ust-cubuk strong{font-size:14px;letter-spacing:.02em}
.ust-cubuk span{color:var(--gri);font-size:12px}
.ust-cubuk .ust-cubuk-not{letter-spacing:.02em}
/* breadcrumb */
.ust-ekmek{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gri)}
.ust-ekmek a{color:var(--gri);text-decoration:none;transition:color var(--transition-fast)}
.ust-ekmek a:hover{color:var(--bordo)}
.ust-ekmek .ayrac{font-size:10px;opacity:.5}
.ust-ekmek .aktif{color:var(--murekkep);font-weight:600}
/* top bar right */
.ust-sag{display:flex;align-items:center;gap:14px}
.ust-sag .kullanici-bilgi{display:flex;flex-direction:column;align-items:flex-end;gap:0;line-height:1.3}
.ust-sag .kullanici-ad{font-size:13px;font-weight:600;color:var(--murekkep)}
.ust-sag .kullanici-rol{font-size:11px;color:var(--gri)}
.ust-sag .cikis-btn{padding:5px 12px;font-size:12px;background:transparent;color:var(--gri);
                    border:1px solid var(--cizgi);border-radius:var(--radius);
                    transition:all var(--transition-fast)}
.ust-sag .cikis-btn:hover{color:var(--tehlike);border-color:var(--tehlike-cizgi);background:var(--tehlike-bg)}
/* bildirim badge */
.bildirim-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;
                width:32px;height:32px;border-radius:50%;background:var(--zemin);cursor:pointer;
                transition:background var(--transition-fast);font-size:16px;text-decoration:none}
.bildirim-badge:hover{background:var(--cizgi)}
.bildirim-badge .sayi{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;
                      border-radius:9px;background:var(--tehlike);color:var(--metin-ters);font-size:9px;
                      font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;
                      white-space:nowrap;max-width:54px;overflow:hidden;text-overflow:ellipsis}
/* hamburger */
.hamburger{display:none;background:none;border:none;font-size:22px;color:var(--murekkep);
           cursor:pointer;padding:4px 8px;min-height:auto}
main{flex:1;padding:24px 28px;min-width:0;max-width:1800px;width:100%;margin:0 auto}
h1{font-size:22px;letter-spacing:-.025em;margin:0;font-weight:700}
.baslik-satir{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.sayac{color:var(--gri);font-size:13px}
.sure{margin-left:auto;color:var(--gri);font-size:12px;font-variant-numeric:tabular-nums}
.filtreler{display:flex;gap:8px;align-items:center;margin-bottom:16px}
.bosluk{flex:1}
input.arama{flex:0 0 340px;padding:7px 10px;border:1px solid var(--cizgi);border-radius:var(--radius);
             font-size:13.5px;min-height:var(--input-h);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
input.arama:focus{outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}
button{padding:8px 15px;border:0;border-radius:var(--radius);background:var(--bordo);color:var(--metin-ters);
       font-size:13.5px;cursor:pointer;min-height:var(--input-h);
       transition:filter var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast),transform .1s ease}
button:hover:not(:disabled),a.dugme-baglanti:hover{filter:brightness(.92)}
button:active:not(:disabled){transform:scale(.98)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--odak-cizgi);outline-offset:2px}
button.ikincil{background:var(--beyaz);color:var(--murekkep);border:1px solid var(--cizgi)}
button.ikincil:hover:not(:disabled){border-color:var(--ikincil-kenar);background:var(--ikincil-zemin)}
button.secili{background:var(--bordo);color:var(--metin-ters);border:1px solid var(--bordo)}
button:disabled{opacity:.5;cursor:not-allowed}
.hata{color:var(--tehlike);background:var(--tehlike-bg);border:1px solid var(--tehlike-cizgi);
      padding:10px 12px 10px 38px;border-radius:var(--radius);position:relative;font-size:13px}
.hata::before{content:'\26A0';position:absolute;left:12px;top:10px;font-size:15px}
table.grid{width:100%;border-collapse:collapse;background:var(--beyaz);border:1px solid var(--cizgi);
           border-radius:var(--r);overflow:hidden;font-size:13px;box-shadow:0 3px 14px rgba(24,63,85,.04)}
.grid th{background:var(--baslik-zemin);text-align:left;padding:11px 10px;font-weight:650;
         border-bottom:2px solid var(--cizgi);cursor:pointer;white-space:nowrap;user-select:none;
         position:sticky;top:0;z-index:2;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--gri)}
.grid th.sirali{color:var(--bordo)}
.grid td{padding:8px 10px;border-bottom:1px solid var(--satir-cizgi);vertical-align:middle;
         max-width:280px;overflow:hidden;text-overflow:ellipsis}
.grid tbody tr:nth-child(even) td{background:var(--satir-cift)}
.grid tr:last-child td{border-bottom:0}
.grid tr:hover td{background:var(--satir-hover)}
.grid td.kod{font-weight:600;white-space:nowrap;max-width:none;overflow:visible}
.grid td.sag{text-align:right;font-variant-numeric:tabular-nums}
.grid tr.pasif{opacity:.5}
.grid img{border-radius:4px;object-fit:contain;background:var(--resim-zemin);display:block}
.bos{text-align:center;color:var(--gri);padding:48px 26px;font-style:italic;font-size:14px}
.bos::before{content:'';display:block;margin:0 auto 12px;width:44px;height:44px;
             background:var(--zemin);border-radius:50%;border:2px dashed var(--cizgi)}
.sayfalama{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;
           color:var(--gri);font-size:13px}
.sayfalama .sayfa-aktif{background:var(--bordo);color:var(--metin-ters);border-radius:var(--radius);
                        padding:4px 10px;font-weight:700}
.sayfalama button{min-height:32px;padding:4px 12px}

/* dar ekran — sidebar artik hamburger ile acilir (bkz. alt media query) */
@media (max-width:820px){
  .ust-cubuk-not{display:none}
  table.grid{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .grid td,.grid th{padding:5px 6px}
  input.arama{flex:1 1 auto}
  .filtreler{flex-wrap:wrap}
  .ozet{gap:12px;padding:12px 14px}
  .form-satir{flex-wrap:wrap}
}

/* rapor özeti */
.ozet{display:flex;gap:24px;background:var(--beyaz);border:1px solid var(--cizgi);
      border-radius:var(--r);padding:16px 20px;margin-bottom:16px;flex-wrap:wrap;
      box-shadow:0 2px 8px rgba(24,63,85,.03)}
.ozet div{display:flex;flex-direction:column;gap:2px}
.ozet span{font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.06em}
.ozet strong{font-size:19px;font-variant-numeric:tabular-nums}
.ipucu{color:var(--gri);font-size:12.5px}
select{padding:7px 8px;border:1px solid var(--cizgi);border-radius:var(--radius);font-size:13px;
       background:var(--beyaz);max-width:210px;min-height:var(--input-h);
       transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
select:focus{outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}

/* sipariş detayı */
.uyari{background:var(--uyari-bg);border:1px solid var(--uyari-cizgi);color:var(--uyari);
       padding:10px 12px 10px 38px;border-radius:var(--radius);font-size:13px;position:relative}
.uyari::before{content:'\26A0';position:absolute;left:12px;top:10px;font-size:15px}
.grid tr.revize td{background:var(--revize-zemin)}
.revize-deger{color:var(--bordo);font-weight:600;margin-left:5px;font-size:12px}
.grid td a{color:var(--bordo);text-decoration:none;font-weight:600}
.grid td a:hover{text-decoration:underline}
.sayfalama a{color:var(--bordo);text-decoration:none}
.grid tr.bekliyor td{background:var(--revize-zemin)}

/* ===========================================================================
   KAYIT FORMLARI
   Alanlar iki sütuna yerleşir; .genis olan tüm satırı kaplar. Etiket ile
   girdi arasındaki ilişki <label> ile kurulduğu için for/id çifti gerekmez.
   =========================================================================== */
.kayit-formu{max-width:none}
fieldset{border:0;margin:0;padding:0;min-width:0}
fieldset:disabled{opacity:.6}
.form-bolum{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);
            padding:16px 20px 20px;margin-bottom:16px;
            display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
            gap:14px 22px;align-items:start;
            box-shadow:var(--kart-golge);transition:box-shadow var(--transition-fast)}
.form-bolum h2{grid-column:1/-1;font-size:13px;margin:0 0 6px;color:var(--bordo);
               text-transform:uppercase;letter-spacing:.07em;
               display:flex;align-items:baseline;gap:10px;
               padding-bottom:8px;border-bottom:1px solid var(--cizgi)}
.form-bolum.genis-bolum{grid-template-columns:1fr}
.form-bolum label{display:flex;flex-direction:column;gap:5px;font-size:13px;min-width:0;font-weight:500}
.form-bolum label.genis{grid-column:1/-1}
.form-bolum label>span{color:var(--gri);font-weight:600;font-size:12px;letter-spacing:.02em}
.form-bolum label>span em{color:var(--tehlike);font-style:normal}
.form-bolum input,.form-bolum textarea,.form-bolum select{
  padding:7px 9px;border:1px solid var(--cizgi);border-radius:var(--radius);
  font-size:13.5px;font-family:inherit;background:var(--beyaz);max-width:none;width:100%;
  min-height:var(--input-h);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.form-bolum input:focus,.form-bolum textarea:focus,.form-bolum select:focus{
  outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}
.form-bolum input.invalid,.form-bolum input:invalid:not(:placeholder-shown){border-color:var(--tehlike)}
.form-bolum input.invalid:focus{box-shadow:0 0 0 3px rgba(176,0,32,.12)}
.form-bolum input[type=number]{font-variant-numeric:tabular-nums;text-align:right}
label.onay,label.etiket{flex-direction:row;align-items:center;gap:7px}
label.onay input,label.etiket input{width:auto;padding:0}
.onay-grup{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap}
.etiket-kutusu{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;
               max-height:190px;overflow:auto;padding:2px}
small.ipucu{font-size:11.5px;line-height:1.35}
button.kucuk{padding:3px 9px;font-size:12px;min-height:28px}
td.kucuk-not{font-size:11.5px;color:var(--gri);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.siparis-akis{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.akis-adim{padding:6px 14px;border-radius:var(--r-mini);font-size:13px;font-weight:500;background:var(--satir-cizgi);color:var(--gri)}
.akis-adim.akis-aktif{background:var(--vurgu);color:var(--metin-ters)}
.akis-ok{color:var(--gri);font-size:16px}
small.kaynak-notu{display:block;font-size:10px;color:var(--gri);opacity:.7;margin-top:2px;font-weight:400}
button.tehlike{background:var(--beyaz);color:var(--tehlike);border:1px solid var(--tehlike-cizgi)}
button.tehlike:hover:not(:disabled){background:var(--tehlike-bg);border-color:var(--tehlike)}
.form-dugmeler{display:flex;gap:10px;align-items:center;margin:8px 0 20px}
.form-dugmeler button[type="submit"]{padding:10px 28px;font-size:14.5px;font-weight:650;
  background:linear-gradient(135deg,var(--bordo),var(--degrade-acik));
  box-shadow:0 2px 8px rgba(20,104,138,.25)}
.form-dugmeler a.ikincil{padding:7px 14px;border:1px solid var(--cizgi);border-radius:var(--radius);
                         background:var(--beyaz);color:var(--murekkep);text-decoration:none;font-size:13.5px;
                         min-height:var(--input-h);display:inline-flex;align-items:center;
                         transition:border-color var(--transition-fast)}
.form-dugmeler a.ikincil:hover{border-color:var(--ikincil-kenar);background:var(--ikincil-zemin)}
a.ikincil-baglanti{color:var(--bordo);text-decoration:none;font-size:13px}
a.ikincil-baglanti:hover{text-decoration:underline}

/* Form satiri — is emri olustur vb. basit form duezeni */
.form-satir{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.form-satir>label{font-size:13px;font-weight:600;color:var(--gri);min-width:100px}
.form-satir input,.form-satir select{padding:7px 9px;border:1px solid var(--cizgi);
  border-radius:var(--radius);font-size:13.5px;min-height:var(--input-h);
  transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.form-satir input:focus,.form-satir select:focus{outline:none;border-color:var(--bordo);
  box-shadow:0 0 0 3px rgba(20,104,138,.15)}

/* form iletileri: hata kaydı engeller, uyarı engellemez — ayrı renk */
ul.form-hata,ul.form-uyari{margin:0 0 12px;padding:12px 14px 12px 40px;border-radius:var(--radius);font-size:13px;
  position:relative}
ul.form-hata{background:var(--tehlike-bg);color:var(--tehlike);border:1px solid var(--tehlike-cizgi)}
ul.form-hata::before{content:'\26A0';position:absolute;left:14px;top:12px;font-size:16px}
ul.form-uyari{background:var(--uyari-bg);color:var(--uyari);border:1px solid var(--uyari-cizgi)}
ul.form-uyari::before{content:'\26A0';position:absolute;left:14px;top:12px;font-size:16px}
p.form-basari{background:var(--basari-bg);color:var(--basari);border:1px solid var(--basari-cizgi);
              padding:10px 12px 10px 38px;border-radius:var(--radius);margin:0 0 12px;font-size:13px;
              position:relative}
p.form-basari::before{content:'\2713';position:absolute;left:14px;top:9px;font-size:16px;font-weight:700}

/* sipariş kalemleri — grid içinde doğrudan düzenleme */
.kalem-ekle{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
table.kalemler input,table.kalemler select{width:100%;padding:4px 6px;font-size:12.5px;
  border:1px solid transparent;border-radius:4px;background:transparent;font-family:inherit}
table.kalemler input:hover,table.kalemler select:hover{border-color:var(--cizgi);background:var(--beyaz)}
table.kalemler input:focus,table.kalemler select:focus{
  outline:2px solid var(--bordo);outline-offset:-1px;border-color:transparent;background:var(--beyaz)}
table.kalemler input.sag{text-align:right;font-variant-numeric:tabular-nums}
table.kalemler input.kod{font-weight:600}
table.kalemler td{padding:2px 6px}
table.kalemler td.tutar{font-weight:600}
table.kalemler tfoot td{background:var(--kalem-tfoot);border-top:1px solid var(--cizgi);padding:7px 10px}
table.aday{margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
table.aday th{cursor:default}

@media (max-width:820px){
  .form-bolum{grid-template-columns:minmax(0,1fr);padding:12px 14px 14px}
  .form-bolum label.genis{grid-column:auto}
}

/* liste başlığındaki "+ Yeni …" bağlantısı düğme gibi görünür */
a.dugme-baglanti{padding:7px 14px;border-radius:var(--radius);background:var(--bordo);color:var(--metin-ters);
                 text-decoration:none;font-size:13.5px;white-space:nowrap;min-height:var(--input-h);
                 display:inline-flex;align-items:center;transition:filter var(--transition-fast)}
a.dugme-baglanti:hover{filter:brightness(.92)}

/* ürün raporu: sipariş kaydı gönderilenle uyuşmayan satır */
.grid td.fark{color:var(--bordo);font-weight:600}
.filtreler label.onay{font-size:13px;white-space:nowrap}

.alt-baslik{font-size:14px;margin:22px 0 10px;color:var(--bordo);
            text-transform:uppercase;letter-spacing:.07em}
.grid tr.eksi td{background:var(--eksi-zemin)}
.grid tr.eksi td.sag{color:var(--tehlike)}
.grid tr.secili td{background:var(--secili-zemin);box-shadow:inset 3px 0 0 var(--bordo);font-weight:500}

/* Gerçek iş sırası: sipariş -> kalite -> müşteri kasası -> sevkiyat. */
.is-akisi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 22px}
.is-akisi a{display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:1px;
  align-items:center;padding:13px 14px;background:var(--beyaz);border:1px solid var(--cizgi);
  border-radius:var(--r);text-decoration:none;color:var(--murekkep);min-width:0;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.is-akisi a:hover{border-color:var(--is-akisi-hover);box-shadow:0 8px 20px rgba(24,63,85,.08);transform:translateY(-1px)}
.is-akisi a span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;
  border-radius:9px;background:var(--akis-num-bg);color:var(--bordo);font-size:11px;font-weight:750}
.is-akisi strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-akisi small{font-size:11px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Sevkiyat detayında başlık, ölçü ve finansal bilgi farklı okuma katmanlarıdır. */
.sevkiyat-kimlik,.sevkiyat-metrikler,.sevkiyat-finans{background:var(--beyaz);
  border:1px solid var(--cizgi);border-radius:11px;margin-bottom:12px;
  box-shadow:0 3px 14px rgba(24,63,85,.035)}
.sevkiyat-kimlik{display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr;gap:18px;padding:18px 20px}
.sevkiyat-kimlik>div,.sevkiyat-metrikler>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.alan-etiketi{color:var(--gri);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:650}
.sevkiyat-kimlik strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.sevkiyat-kimlik small{font-size:11px;color:var(--gri)}
.sevkiyat-kimlik .durum-degeri{color:var(--sevk-durum)}
.sevkiyat-metrikler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px 8px}
.sevkiyat-metrikler>div{padding:12px 15px}
.sevkiyat-metrikler strong{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.sevkiyat-metrikler strong small{font-size:12px;color:var(--gri);font-weight:500;letter-spacing:0}
.sevkiyat-finans{padding:14px 20px 17px}
.sevkiyat-finans h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--bordo);margin:0 0 10px}
.sevkiyat-finans dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}
.sevkiyat-finans dl>div{display:flex;flex-direction:column;gap:3px}
.sevkiyat-finans dt{color:var(--gri);font-size:11px}
.sevkiyat-finans dd{margin:0;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.sevkiyat-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.sevkiyat-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--gri);font-weight:650}
.sevkiyat-form input,.sevkiyat-form select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--radius);background:var(--beyaz);color:var(--murekkep);font:inherit;font-size:13px;font-weight:500;
  min-height:var(--input-h);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.sevkiyat-form input:focus,.sevkiyat-form select:focus{outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}
.sevkiyat-form-eylem{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sevkiyat-finans .ipucu{margin:10px 0 0;font-size:11px}
.tablo-kaydir{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tablo-kaydir table.grid{min-width:760px}
.sevkiyat-gruplar{display:grid;gap:8px;margin-bottom:12px}
.sevkiyat-grup{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:9px;overflow:hidden}
.sevkiyat-grup[open]{border-color:var(--ikincil-kenar)}
.sevkiyat-grup summary{display:grid;grid-template-columns:minmax(160px,2fr) repeat(3,minmax(95px,1fr));gap:12px;align-items:center;padding:13px 18px;cursor:pointer;font-size:13px;list-style-position:inside}
.sevkiyat-grup summary:hover{background:var(--hover-hafif)}
.sevkiyat-grup summary span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.sevkiyat-grup .tablo-kaydir{border-top:1px solid var(--cizgi)}
.sevkiyat-grup table.grid{margin:0;border:0;border-radius:0}
.sevkiyat-toplam{margin-top:0}

@media(max-width:1100px){
  .is-akisi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sevkiyat-finans dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sevkiyat-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .sevkiyat-kimlik{grid-template-columns:1fr 1fr}
  .sevkiyat-kimlik>div:first-child{grid-column:1/-1}
  .sevkiyat-metrikler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sevkiyat-finans dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sevkiyat-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sevkiyat-grup summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
  .sevkiyat-grup summary span:nth-child(2){text-align:right}
  .sevkiyat-grup summary span:nth-child(3){text-align:left}
}

/* ===========================================================================
   ÜRÜN GALERİSİ — katalog hazırlarken bakılan görünüm
   Kartlar sabit yükseklikte değil: kolye ile yüzük fotoğrafı çok farklı
   oranda, sabit yükseklik ikisini de kırpardı. Resim kutusu kare, fotoğraf
   içine sığdırılıyor (contain).
   =========================================================================== */
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
        gap:14px;margin-bottom:16px}
.galeri .kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);
              padding:8px;text-decoration:none;color:var(--murekkep);
              display:flex;flex-direction:column;gap:3px;
              transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.galeri .kart:hover{border-color:var(--bordo);box-shadow:0 4px 14px rgba(0,0,0,.07);transform:translateY(-1px)}
.galeri .kart.pasif{opacity:.45}
.galeri .resim{aspect-ratio:1;background:var(--resim-zemin);border-radius:5px;
               display:flex;align-items:center;justify-content:center;overflow:hidden}
.galeri .resim img{width:100%;height:100%;object-fit:contain}
.galeri .resim-yok{color:var(--gri);font-size:11px}
.galeri .kod{font-weight:600;font-size:12px;margin-top:5px;word-break:break-all;line-height:1.25}
.galeri .satir{display:flex;justify-content:space-between;gap:6px;
               font-size:11.5px;color:var(--gri)}
.galeri .fiyat{color:var(--bordo);font-weight:600}

@media (max-width:820px){
  .galeri{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
}

/* toplu giriş */
textarea.toplu-alan{grid-column:1/-1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
                    font-size:12px;line-height:1.5;white-space:pre;overflow-x:auto}
.kirmizi{color:var(--tehlike)}
.sari{color:var(--uyari)}
.ozet strong.kirmizi{color:var(--tehlike)}

/* set girişi */
.secim-galerisi{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}
.secim-galerisi .kart{cursor:default}
td.ic-tablo{background:var(--ic-tablo-bg);padding:10px}
td.ic-tablo table.grid{box-shadow:none}

/* ===========================================================================
   KATALOG — baskıya hazır görünüm
   Müşteriye giden çıktıda atölye adı, Lotus adı ve satış rakamı YOK.
   Bu kural CSS'te değil, Katalog.razor'da alan hiç basılmayarak sağlanıyor;
   buradaki @media print yalnız sayfa düzeni içindir.
   =========================================================================== */
.katalog{display:grid;grid-template-columns:repeat(var(--sutun,4),1fr);gap:10px}
.katalog-baslik{grid-column:1/-1;text-align:center;font-size:17px;margin:0 0 6px;
                letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.katalog-kart{border:1px solid var(--cizgi);border-radius:var(--radius);padding:7px;background:var(--beyaz);
              display:flex;flex-direction:column;gap:3px;break-inside:avoid}
.katalog-kart .resim{aspect-ratio:1;display:flex;align-items:center;justify-content:center;
                     overflow:hidden;background:var(--beyaz)}
.katalog-kart .resim img{width:100%;height:100%;object-fit:contain}
.katalog-kart .kod{font-size:10.5px;font-weight:600;text-align:center;
                   word-break:break-all;line-height:1.25}
.katalog-kart .alt{display:flex;justify-content:center;gap:8px;font-size:10px;color:var(--gri)}
.katalog-kart .ic-veri{color:var(--bordo);font-weight:600}
.katalog-kart .belirsiz{color:var(--belirsiz);font-style:italic}
label.onay.ic-kullanim{color:var(--bordo);font-weight:600}
button.pdf-buton{background:var(--pdf-renk);border-color:var(--pdf-renk)}
button.pdf-buton:hover:not(:disabled){filter:brightness(.9)}
/* Tur 103: yazdırma başlığı/alt bilgisi ekranda gizli */
.yazdir-baslik,.yazdir-altbilgi{display:none}

@media print{
  /* Sayfa dışına çıkan her şey gizlenir: menü, süzgeçler, düğmeler */
  .yan, .ust-cubuk, .yazdirma-gizle, .sayfalama, .filtreler, button, .alt-bilgi{display:none !important}
  .kabuk{display:block}
  main{padding:0}
  body{background:var(--beyaz)}
  @page{size:A4;margin:12mm 10mm 16mm;@bottom-right{content:"Sayfa " counter(page) " / " counter(pages);font-size:8px;color:#555;font-family:system-ui,sans-serif}}   /* tur 131 İŞ 4: tarayıcı baskısında sayfa numarası (Chrome 131+ kenar kutusu) */
  .yazdir-logo-img{height:34px;max-width:160px;object-fit:contain}
  /* Tur 103 İŞ 4: ortak yazıcı başlığı/alt bilgisi (YazdirBaslik bileşeni); PDF'lerle aynı düzen: A4, 10 mm yan boşluk, logo yer tutucu, tarih */
  .yazdir-baslik{display:flex !important;justify-content:space-between;align-items:flex-end;border-bottom:1.5px solid #000;padding-bottom:4px;margin-bottom:8px;font-family:Helvetica,Arial,sans-serif}
  .yazdir-logo{font-weight:800;font-size:16px;letter-spacing:.08em;border:1px solid #000;padding:4px 8px;line-height:1}
  .yazdir-logo small{display:block;font-size:8px;letter-spacing:.14em;font-weight:600}
  .yazdir-ad{text-align:center;font-size:13px} .yazdir-ad span{display:block;font-size:10px;color:#444}
  .yazdir-tarih{font-size:10px;color:#444}
  .yazdir-altbilgi{display:flex !important;position:fixed;bottom:0;left:0;right:0;justify-content:space-between;font-size:8.5px;color:#444;border-top:.5px solid #999;padding-top:2px}
  body{padding-bottom:8mm}
  .baslik-satir .ikincil-baglanti,.baslik-satir a,.konusma,.sayfalama,.ust-ekmek,details:not([open]),.yazdirma-gizle,.form-dugmeler,[data-konusma]{display:none !important}
  table.grid{font-size:9.5pt;page-break-inside:auto} table.grid tr{page-break-inside:avoid} table.grid thead{display:table-header-group}
  h1{font-size:15pt;margin:0 0 6px} h2{font-size:12pt;page-break-after:avoid}
  .katalog{gap:6px}
  .katalog-kart{border-color:var(--cizgi);padding:5px}
  .katalog-baslik{margin-bottom:8px}
  /* Bağlantılar baskıda mavi ve altı çizili görünmesin */
  a{color:inherit !important;text-decoration:none !important}
}

/* ===========================================================================
   ANA SAYFA kutuları
   =========================================================================== */
.kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
         gap:12px;margin-bottom:18px}
.kutu{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px;
      text-decoration:none;color:var(--murekkep);display:flex;flex-direction:column;gap:4px;
      transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);
      box-shadow:var(--kart-golge);border-left:3px solid var(--bordo);position:relative;overflow:hidden}
.kutu:hover{border-color:var(--bordo);box-shadow:var(--kart-golge-hover);transform:translateY(-1px)}
.kutu .kutu-ikon{font-size:22px;line-height:1;margin-bottom:2px}
.kutu .baslik{font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.06em}
.kutu strong{font-size:27px;font-variant-numeric:tabular-nums;line-height:1.15}
.kutu .alt{font-size:11.5px;color:var(--gri)}
.kutu.dikkat{border-color:var(--tehlike-cizgi);background:var(--tehlike-bg);border-left-color:var(--tehlike)}
.kutu.dikkat strong{color:var(--tehlike)}
.kutu.renk-mavi{border-left-color:var(--kutu-mavi)}
.kutu.renk-turuncu{border-left-color:var(--kutu-turuncu)}
.kutu.renk-yesil{border-left-color:var(--kutu-yesil)}
.kutu.renk-mor{border-left-color:var(--kutu-mor)}
.kutu.renk-kirmizi{border-left-color:var(--tehlike)}

/* ===========================================================================
   ANA SAYFA uyari bloklari
   =========================================================================== */
.uyari-bloklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
               gap:16px;margin-bottom:20px}
.uyari-blok{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;
            box-shadow:0 2px 8px rgba(24,63,85,.03)}
.uyari-blok .alt-baslik{font-size:13px;margin:0 0 8px}
.uyari-blok table.grid{font-size:12.5px}
.uyari-blok .grid th{padding:7px 8px}
.uyari-blok .grid td{padding:6px 8px}

/* ===========================================================================
   GİRİŞ EKRANI
   =========================================================================== */
.bos-duzen{min-height:100vh;display:flex;align-items:center;justify-content:center;
           background:var(--zemin);padding:20px}
.giris-kabuk{width:100%;max-width:360px}
.giris-kutu{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);
            padding:30px 28px 24px}
.giris-kutu .marka{font-weight:700;letter-spacing:.24em;font-size:19px;
                   color:var(--bordo);text-align:center;margin-bottom:22px}
.giris-kutu label{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:12.5px}
.giris-kutu label span{color:var(--gri)}
.giris-kutu input{padding:9px 11px;border:1px solid var(--cizgi);border-radius:var(--radius);font-size:14px;
  min-height:var(--input-h);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.giris-kutu input:focus{outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}
.giris-kutu button{width:100%;padding:10px;font-size:14px;margin-top:4px}
.giris-kutu .giris-eylem{display:block;width:100%;padding:12px;margin-top:7px;
  border-radius:var(--r-kucuk);background:var(--bordo);color:var(--metin-ters);text-align:center;
  text-decoration:none;font-size:14px;font-weight:650}
.giris-kutu .giris-eylem:hover{opacity:.9}
.kasa-sekmeler{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}
.kasa-filtre{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px}
.kasa-filtre>input{flex:1 1 270px;min-width:180px}
.kasa-filtre>input,.kasa-filtre>select{min-height:var(--input-h);padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--radius);background:var(--beyaz);color:var(--murekkep);
  transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.kasa-filtre>input:focus,.kasa-filtre>select:focus{outline:none;border-color:var(--bordo);box-shadow:0 0 0 3px rgba(20,104,138,.15)}
.kasa-filtre>label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px;color:var(--gri)}
.kasa-filtre>button{min-height:var(--input-h)}
.kasa-sekmeler button{background:var(--beyaz);color:var(--murekkep);border:1px solid var(--cizgi);border-radius:var(--radius);padding:9px 18px;
  transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}
.kasa-sekmeler button:hover:not(.secili){background:var(--hover-hafif);border-color:var(--ikincil-kenar)}
.kasa-sekmeler button.secili{background:var(--bordo);border-color:var(--bordo);color:var(--metin-ters)}
.kasa-sayfalama{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px 0}
.kasa-sayfalama button{padding:7px 13px}
.kasa-kalem-resim{display:block;width:60px;height:60px;object-fit:contain;border-radius:5px;background:var(--beyaz)}
.giris-kutu .ipucu{margin:16px 0 0;text-align:center;font-size:11.5px}
.giris-kutu .hata{margin:0 0 14px;font-size:13px}

/* ===========================================================================
   ARANABİLİR SEÇİM — düz <select> yerine filtrelenebilir açılır kutu
   =========================================================================== */
.aranabilir-secim-overlay{position:fixed;inset:0;z-index:80;background:transparent}
.aranabilir-secim{position:relative;display:inline-block;min-width:0;width:100%;max-width:210px;z-index:81}
.aranabilir-secim.acik{z-index:91}
.rapor-filtre-alani{border:0;padding:0;margin:0;min-width:0}
.filtreler .aranabilir-secim,.form-bolum .aranabilir-secim{max-width:none}
.urun-rapor-filtreleri{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:18px;margin-bottom:14px;background:#f6f8fa;border:1px solid #dce2e8;border-radius:var(--r)}
.urun-rapor-filtreleri label{display:block;font-size:13px;font-weight:600}
.urun-rapor-filtreleri input,.urun-rapor-filtreleri select{display:block;width:100%;margin-top:5px}
.urun-rapor-filtreleri .aranabilir-secim{max-width:none;margin-top:5px}
.urun-rapor-filtreleri .aranabilir-secim input{margin-top:0}
.urun-rapor-tablo{overflow-x:auto}
.aranabilir-secim-deger{width:100%;color:var(--metin,#243446);text-align:left;font-family:inherit;padding:7px 9px;border:1px solid var(--cizgi);border-radius:var(--radius);
  font-size:13px;background:var(--beyaz);cursor:pointer;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;min-height:var(--input-h);line-height:1.4;
  transition:border-color var(--transition-fast)}
.aranabilir-secim-ok{float:right;color:var(--gri);font-size:11px;margin-top:1px}
.aranabilir-secim-deger:hover{border-color:var(--ikincil-kenar)}
.aranabilir-secim-arama{width:100%;padding:7px 9px;border:1px solid var(--bordo);border-radius:var(--radius) var(--radius) 0 0;
  font-size:13px;background:var(--beyaz);outline:none;min-height:var(--input-h);
  box-shadow:0 0 0 3px rgba(20,104,138,.1)}
.aranabilir-secim-liste{position:absolute;z-index:92;left:0;right:0;top:100%;
  max-height:240px;overflow-y:auto;background:var(--beyaz);border:1px solid var(--cizgi);
  border-top:0;border-radius:0 0 6px 6px;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.aranabilir-secim-oge{padding:6px 9px;font-size:13px;cursor:pointer;
  transition:background var(--transition-fast)}
.aranabilir-secim-oge:hover{background:var(--baslik-zemin)}
.aranabilir-secim-oge.secili{background:var(--secim-vurgu);font-weight:600}
.aranabilir-secim-oge.bos{color:var(--gri);cursor:default;font-style:italic}
.form-bolum .aranabilir-secim-deger,.form-bolum .aranabilir-secim-arama{
  padding:7px 9px;font-size:13.5px}
.kalem-ekle .aranabilir-secim{max-width:210px}

/* üst çubuktaki kullanıcı */
.ust-kullanici{display:flex;align-items:center;gap:10px;padding:10px 20px;
               border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:8px;
               font-size:12.5px;color:var(--metin-ters)}
.ust-kullanici .ad{font-weight:600}
.ust-kullanici .rol{opacity:.7;font-size:11px}
.ust-kullanici button{background:rgba(255,255,255,.14);padding:3px 9px;font-size:11.5px;
                      margin-left:auto}

/* mesaj gövdesi — satır sonları korunsun */
.mesaj-govde{white-space:pre-wrap;line-height:1.5;padding:6px 0;max-width:60ch}
.sayac.kirmizi{color:var(--tehlike);font-weight:600}

/* ürün fotoğrafı yükleme */
.foto-yukle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
            grid-column:1/-1;margin-bottom:10px}
.foto-galerisi{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.foto-galerisi .kart{cursor:default}
.foto-galerisi .kart.birincil{border-color:var(--bordo);box-shadow:0 0 0 1px var(--bordo)}
.birincil-etiket{color:var(--bordo);font-weight:600;font-size:11px}

/* Login: BPM'deki net operasyon hissi, daha sakin ve okunur bir yüzey. */
.bos-duzen{background:radial-gradient(circle at 85% 15%,var(--giris-radyal),transparent 38%),var(--giris-bg)}
.giris-kabuk{width:min(960px,100%);max-width:none;display:grid;
             grid-template-columns:minmax(0,1fr) minmax(360px,420px);
             min-height:510px;border-radius:22px;overflow:hidden;
             box-shadow:0 28px 80px rgba(19,53,75,.17)}
.giris-tanitim{display:flex;flex-direction:column;justify-content:space-between;
               padding:38px 42px;color:var(--metin-ters);
               background:radial-gradient(circle at 90% 20%,var(--giris-degrade-1) 0,transparent 37%),
                          linear-gradient(145deg,var(--yan-bg),var(--giris-degrade-2) 72%,var(--giris-degrade-3))}
.giris-tanitim-marka{font-size:18px;font-weight:750;letter-spacing:.17em}
.giris-tanitim-marka span{color:var(--giris-vurgu);font-size:22px;margin-right:8px;
  display:inline-block;animation:giris-parlak 3s ease-in-out infinite}
@keyframes giris-parlak{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}
.giris-tanitim p{font-size:11px;letter-spacing:.19em;color:var(--giris-soluk);font-weight:700}
.giris-tanitim h1{font-size:35px;line-height:1.17;letter-spacing:-.04em;margin:12px 0 20px;color:var(--metin-ters)}
.giris-tanitim div>span{font-size:14px;line-height:1.75;color:var(--giris-metin);max-width:35ch;display:block}
.giris-tanitim small{font-size:10px;letter-spacing:.17em;color:var(--giris-footer)}
.giris-kabuk>.giris-kutu{border:0;border-radius:0;padding:58px 46px 32px;
                         display:flex;flex-direction:column;justify-content:center}
.giris-kabuk>.giris-kutu .marka{padding:0;margin:0 0 28px;text-align:left;
                                 letter-spacing:.14em;font-size:14px;color:var(--giris-marka)}
.giris-kabuk>.giris-kutu .marka span{color:var(--giris-marka-vurgu)}
.giris-kutu h2{font-size:26px;letter-spacing:-.03em;margin:0 0 3px}
.giris-aciklama{margin:0 0 26px;color:var(--gri);font-size:13px}
.giris-kabuk>.giris-kutu label{font-size:13px;font-weight:600}
.giris-kabuk>.giris-kutu input{width:100%;padding:11px 12px;border-radius:var(--r-kucuk)}
.giris-kabuk>.giris-kutu button{padding:12px;margin-top:7px;font-weight:650;
  letter-spacing:.03em;border-radius:var(--r-kucuk)}
.giris-kabuk:not(.giris-iki){max-width:420px;display:block;min-height:0}
.giris-kabuk:not(.giris-iki)>.giris-kutu{border-radius:16px}
@media(max-width:720px){
  .giris-kabuk{display:block;max-width:430px;min-height:0}
  .giris-tanitim{padding:24px 28px;min-height:180px}
  .giris-tanitim h1{font-size:25px;margin:6px 0}
  .giris-tanitim div>span,.giris-tanitim small{display:none}
  .giris-kabuk>.giris-kutu{padding:32px 28px}
}

/* ===========================================================================
   FOTO POPUP — küçük fotoğrafa tıklanınca tam ekran overlay
   =========================================================================== */
.foto-popup-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  animation:foto-popup-in .18s ease}
@keyframes foto-popup-in{from{opacity:0}to{opacity:1}}
.foto-popup-cerceve{position:relative;background:var(--beyaz);border-radius:var(--r-kucuk);padding:6px;
  box-shadow:0 20px 60px rgba(0,0,0,.4);cursor:default;max-width:90vw;max-height:90vh;
  display:flex;align-items:center;justify-content:center}
.foto-popup-cerceve img{max-width:88vw;max-height:86vh;object-fit:contain;display:block;border-radius:4px}
.foto-popup-kapat{position:absolute;top:-14px;right:-14px;width:34px;height:34px;
  border-radius:50%;background:var(--beyaz);border:2px solid var(--popup-kenar);color:var(--popup-metin);
  font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;
  box-shadow:0 2px 8px rgba(0,0,0,.2)}
.foto-popup-kapat:hover{background:var(--popup-hover-bg);border-color:var(--popup-hover-kenar)}

/* Küçük fotoğraflar tıklanabilir olsun */
.foto-tiklanabilir{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.foto-tiklanabilir:hover{transform:scale(1.06);box-shadow:0 3px 12px rgba(0,0,0,.15)}

/* ===========================================================================
   UX İYİLEŞTİRMELERİ
   =========================================================================== */

/* Grid fotoğraf boyutu 48x48 */
.grid td img:not(.kasa-kalem-resim){width:48px;height:48px}

/* Ürün kodu font büyütme */
.grid td.kod{font-size:14px}
.grid td.kod a{font-size:14px}

/* Filtre satırları responsive wrap */
.filtreler{flex-wrap:wrap}

/* Loading spinner */
.yukle-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--cizgi);
  border-top-color:var(--bordo);border-radius:50%;animation:spin .7s linear infinite;
  vertical-align:middle;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Kasa kalem resim büyütme */
.kasa-kalem-resim{width:60px;height:60px;cursor:pointer;transition:transform .12s ease}
.kasa-kalem-resim:hover{transform:scale(1.06)}

@media(max-width:820px){
  .foto-popup-cerceve{max-width:96vw;max-height:94vh}
  .foto-popup-cerceve img{max-width:94vw;max-height:90vh}
}

/* ===========================================================================
   DURUM ETİKETLERİ — iş emri ve sipariş durumları
   =========================================================================== */
.durum-etiket{display:inline-block;padding:3px 10px;border-radius:var(--r);font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.durum-1{background:var(--durum-1-bg);color:var(--durum-1);border:1px solid var(--durum-1-cizgi)}
.durum-2{background:var(--durum-2-bg);color:var(--durum-2);border:1px solid var(--durum-2-cizgi)}
.durum-3{background:var(--durum-3-bg);color:var(--durum-3);border:1px solid var(--durum-3-cizgi)}
.durum-4{background:var(--durum-4-bg);color:var(--durum-4);border:1px solid var(--durum-4-cizgi)}

/* ===========================================================================
   PROFESYONEL UI KATMANI
   =========================================================================== */

/* -- Sayfa geçiş animasyonu -- */
main{animation:sayfa-gir .22s ease}
@keyframes sayfa-gir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* -- Kart hover mikro animasyon -- */
.ozet,.uyari-blok,.sevkiyat-kimlik,.sevkiyat-metrikler,.sevkiyat-finans{
  transition:box-shadow var(--transition-fast),transform var(--transition-fast)}
.ozet:hover,.uyari-blok:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px)}

/* -- Dropdown animasyon -- */
.yan .menu-altlar{overflow:hidden;max-height:600px;transition:max-height .25s ease}
.yan .menu-grup:not([open]) .menu-altlar{max-height:0;padding:0}

/* -- Büyük kaydet butonu -- */
button.birincil,button[type="submit"]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili){
  font-size:14px;padding:10px 24px;font-weight:650;
  background:linear-gradient(135deg,var(--bordo),var(--degrade-acik));
  box-shadow:0 2px 8px rgba(20,104,138,.25)}
button.birincil:hover:not(:disabled),button[type="submit"]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili):hover:not(:disabled){
  box-shadow:0 4px 14px rgba(20,104,138,.3)}

/* -- Input focus glow -- */
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--bordo) !important;
  box-shadow:0 0 0 3px rgba(20,104,138,.15) !important}

/* -- Required yildiz -- */
.form-bolum label>span em,.zorunlu{color:var(--tehlike);font-style:normal;font-weight:700}

/* -- Monospace alanlar -- */
code,.mono,textarea.toplu-alan,.grid td.kod,.grid td.kod a{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
code{background:var(--kod-bg);padding:1px 5px;border-radius:3px;font-size:12.5px}

/* -- Tipografi -- */
h1,h2,h3{font-weight:700;letter-spacing:-.02em}
h1{font-size:22px}
h2{font-size:17px}
.alt-baslik{font-size:14px;margin:22px 0 10px;color:var(--bordo);
            text-transform:uppercase;letter-spacing:.07em;font-weight:700}

/* -- Skeleton loading -- */
.iskelet{background:linear-gradient(90deg,var(--iskelet-1) 25%,var(--iskelet-2) 37%,var(--iskelet-1) 63%);
         background-size:400% 100%;animation:iskelet-parlat 1.4s ease infinite;
         border-radius:4px;min-height:16px}
@keyframes iskelet-parlat{0%{background-position:100% 50%}100%{background-position:0 50%}}
.iskelet-satir{display:grid;gap:8px;padding:8px 10px}
.iskelet-satir>div{height:14px}

/* -- Buton spinner (yükleme durumu) -- */
button .btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);
                    border-top-color:var(--yuzey);border-radius:50%;animation:spin .6s linear infinite;
                    vertical-align:middle;margin-right:6px}

/* -- Genel loading gösterge -- */
.genel-yukleme{display:flex;align-items:center;justify-content:center;padding:60px;
               color:var(--gri);font-size:14px;gap:12px}

/* -- Grid sıralama oklari (daha görünür) -- */
.grid th span{font-size:11px;color:var(--bordo);margin-left:3px;vertical-align:middle}
.grid th.sirali{color:var(--bordo);background:var(--sirali-bg)}
.grid th.sabit{cursor:default}
button.th-sirala{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;white-space:nowrap;width:100%;text-align:right}
button.th-sirala:hover{color:var(--bordo)}
button.th-sirala.aktif{color:var(--bordo);font-weight:700}
.musteri-tikla{cursor:pointer;transition:color .15s}
.musteri-tikla:hover{color:var(--bordo)}
.detay-ok{font-size:10px;margin-left:2px;opacity:.85;transition:opacity .15s} /* UX 02.11 kontrast: .5 → .85 (≥ 4,5:1 açık zeminde) */
.musteri-tikla:hover .detay-ok{opacity:1}
.musteri-detay-satir>td{background:var(--baslik-zemin);padding:0!important;border-bottom:2px solid var(--bordo)}
.musteri-panel{padding:14px 18px;animation:panelAc .2s ease-out}
@keyframes panelAc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.musteri-baslik{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:var(--gri)}
.musteri-baslik strong{color:var(--metin,#243446);font-size:14px}
.kapat-btn{all:unset;cursor:pointer;margin-left:auto;font-size:16px;color:var(--gri);padding:2px 6px;border-radius:4px}
.kapat-btn:hover{background:var(--cizgi);color:var(--bordo)}
.musteri-ozet{display:flex;gap:18px;margin-bottom:10px;font-size:12px;color:var(--gri)}
.musteri-ozet span{background:var(--beyaz);padding:4px 10px;border-radius:var(--r-mini);border:1px solid var(--cizgi)}
table.ic-tablo{font-size:12px;margin:0;box-shadow:none;border:1px solid var(--cizgi);border-radius:var(--r-mini)}
table.ic-tablo th{font-size:11px;padding:8px 10px}
table.ic-tablo td{padding:6px 10px}
tr.uyari-satir{background:var(--uyari-bg,#fff8e1)}
.excel-kolon-secim{margin:8px 0}
.excel-kolon-secim summary{cursor:pointer;font-size:13px;color:var(--gri)}
.kolon-checkler{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 0}
.turuncu{color:#b33f00} /* UX 02.11 kontrast: #e65100 3,8:1 → aynı turuncunun koyusu 5,6:1 */
.yesil{color:#2e7d32;font-weight:600}
.durum-etiket{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}
.durum-imalat{background:#fff3e0;color:#e65100}
.durum-kalite{background:#e3f2fd;color:#1565c0}
.durum-kasa{background:#f3e5f5;color:#7b1fa2}
.durum-teslim{background:#e8f5e9;color:#2e7d32}

/* -- Ozet (rapor kutusu) gelişmiş -- */
.ozet{box-shadow:var(--kart-golge)}

/* -- Uyari blok gelişmiş -- */
.uyari-blok{box-shadow:var(--kart-golge);transition:box-shadow var(--transition-fast)}

/* -- Grid wrapper (tablo kaydir) -- */
.tablo-kaydir{border-radius:var(--r);overflow:hidden;border:1px solid var(--cizgi);
              box-shadow:var(--kart-golge)}
.tablo-kaydir table.grid{border:0;border-radius:0;box-shadow:none}

/* -- Katalog kart hover -- */
.katalog-kart{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}
.katalog-kart:hover{box-shadow:0 4px 14px rgba(0,0,0,.09);transform:translateY(-1px)}

/* -- Sayfalama sayfa numaraları -- */
.sayfalama span{background:var(--bordo);color:var(--metin-ters);padding:4px 12px;border-radius:var(--radius);
                font-weight:600;font-size:12px}

/* ===========================================================================
   RESPONSIVE YENIDEN TASARIM
   =========================================================================== */

/* Tablet: 768-1024 */
@media(max-width:1024px) and (min-width:769px){
  .yan{width:220px}
  main{padding:20px}
}

/* Tablet ve mobil: sidebar toggle */
@media(max-width:768px){
  .hamburger{display:flex;align-items:center}
  .yan{position:fixed;left:-260px;top:0;bottom:0;width:252px;z-index:100;
       transition:left .25s ease;overflow-y:auto}
  .yan.acik{left:0}
  .yan-overlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.4)}
  .yan-overlay.acik{display:block}
  .calisma-alani{width:100%}
  .ust-cubuk{height:50px;padding:0 14px}
  main{padding:14px}
  .kutular{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .kutu strong{font-size:22px}
  .is-akisi{grid-template-columns:repeat(2,1fr)}
  .uyari-bloklar{grid-template-columns:1fr}
  .ozet{flex-direction:column;gap:10px}
  .filtreler{gap:6px}
  .form-bolum{grid-template-columns:1fr;padding:12px 14px 14px}
  .baslik-satir{gap:6px}
  h1{font-size:18px}
  .ust-ekmek{display:none}
  .ust-sag .kullanici-bilgi{display:none}
}

/* Mobil küçük */
@media(max-width:480px){
  .kutular{grid-template-columns:1fr}
  .is-akisi{grid-template-columns:1fr}
  .sevkiyat-kimlik{grid-template-columns:1fr}
  .ust-sag .cikis-btn{padding:4px 8px;font-size:11px}
}

/* ---- Finans: fatura & hesap ---- */
.etiket{display:inline-block;padding:2px 10px;border-radius:var(--r);font-size:11.5px;font-weight:600;letter-spacing:.02em;text-decoration:none}
.etiket-yesil{background:var(--basari-bg);color:var(--basari);border:1px solid var(--basari-cizgi)}
.etiket-kirmizi{background:#fde8ec;color:#8d1f3c;border:1px solid #f2b8c6}   /* tur 126 risk */
.etiket-sari{background:var(--uyari-bg);color:var(--uyari);border:1px solid var(--uyari-cizgi)}
.tehlike-renk{color:var(--tehlike)}
.basari-renk{color:var(--basari)}

.kart-grup{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}
.kart-grup.yatay{flex-direction:row}
.kart{background:var(--beyaz);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--kart-golge);flex:1;min-width:220px}
.kart.kucuk{min-width:160px;flex:0 1 auto}
.kart-baslik{font-size:12px;color:var(--gri);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:6px}
.kart-deger{font-size:22px;font-weight:700}

.detay-tablo{width:100%;border-collapse:collapse}
.detay-tablo th{text-align:left;padding:5px 12px 5px 0;color:var(--gri);font-weight:500;width:140px;font-size:13px}
.detay-tablo td{padding:5px 0}

.islem-panel{margin-bottom:18px;background:var(--beyaz);border-radius:var(--radius);box-shadow:var(--kart-golge);overflow:hidden}
.islem-panel>summary{padding:10px 16px;cursor:pointer;font-weight:600;color:var(--bordo)}
.islem-panel>.form-satir{padding:0 16px 16px}

.form-satir{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.form-satir label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:500}
.form-satir input,.form-satir select{height:var(--input-h);padding:0 10px;border:1px solid var(--cizgi);border-radius:var(--radius);font-size:14px}
.form-satir button{height:var(--input-h);padding:0 18px;background:var(--bordo);color:var(--metin-ters);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer}

.hesap-grid .toplam-satir td{border-top:2px solid var(--murekkep);padding-top:8px}
a.etiket:hover{opacity:.85}

/* Ürün kayıt ekranı — mevcut kapak fotoğrafı önizleme */
.urun-kapak-onizleme{margin-bottom:18px;text-align:center}
.urun-kapak-onizleme img{max-width:320px;max-height:320px;border-radius:var(--radius);border:1px solid var(--cizgi);object-fit:contain;background:#f9f9f9}

/* ===========================================================================
   FOOTER — sayfa altı bilgi
   =========================================================================== */
.alt-bilgi{background:var(--beyaz);border-top:1px solid var(--cizgi);padding:14px 28px;
           text-align:center;font-size:11.5px;color:var(--gri);letter-spacing:.02em;
           flex-shrink:0}
.alt-bilgi a{color:var(--bordo);text-decoration:none}
.alt-bilgi a:hover{text-decoration:underline}

/* ===========================================================================
   SCROLLBAR İNCELTME — daha zarif scrollbar
   =========================================================================== */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--gri)}

/* tur 116: müşteri sipariş portalı */
.durum-portal{background:var(--uyari-zemin);color:var(--uyari-metin)}
.st-kart.k-portal{border-color:#f59e0b}
.portal-katalog .katalog-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.portal-katalog .katalog-kart{border:1px solid var(--kenar);border-radius:var(--r);padding:8px;background:var(--yuzey);display:flex;flex-direction:column;gap:4px}
.portal-katalog .kat-kart-resim{height:150px;display:flex;align-items:center;justify-content:center;background:var(--zemin);border-radius:var(--r-mini)}
.portal-katalog .kat-kart-resim img{max-height:150px;max-width:100%;object-fit:contain}
.portal-katalog .kat-kart-eylem{display:flex;gap:4px;align-items:center;margin-top:auto}
.portal-katalog .kat-kart-eylem input{width:4.5em}
.portal-katalog .katalog-taslak-bant{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:4px 0 8px;padding:6px 10px;background:#eef4fa;border-radius:var(--r-kucuk);font-size:.92em}   /* UX-portal-03/-09 */
.portal-katalog .sekmeler button{padding:6px 12px;border:1px solid var(--kenar-koyu);background:var(--yuzey);color:#0f4c75;border-radius:var(--r-kucuk);margin-right:6px}
.portal-katalog .sekmeler button.secili{background:#0f4c75;color:var(--metin-ters);border-color:#0f4c75}
.portal-taslak .kat-kucuk-resim img{height:48px;width:48px;object-fit:contain}
.portal-taslak .tablo-sar thead th{position:static}
.portal-taslak .tablo-sar{max-width:100%;overflow-x:auto} .portal-taslak{min-width:0}   /* tur 170B (K4): kalem tablosu 1280–1568 pencerede sayfayı yatay kaydırmaz, kendi içinde kayar */
.portal-taslak .kalem-notlar-ic{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.9em}
.portal-taslak .boy-satir{display:flex;gap:4px;align-items:center;flex-wrap:wrap;width:100%}
.portal-taslak .boy-satir .boy input{width:3.2em}
.portal-taslak .satir-ici{display:inline-flex;gap:4px;align-items:center}
/* UX-portal-07: taslak bölümü tek sütun (form ızgarası tabloyu sol yarıya sıkıştırıyordu); not sütunu kırpılmasın, düğmeler tablonun altında */
.portal-taslak .form-bolum.genis-bolum>.tablo-sar{width:100%}.portal-taslak .kalem-notlar{min-width:24em}.portal-taslak .kalem-notlar .satir-ici{flex-direction:row;font-size:12px}
.portal-taslak .form-dugmeler{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.portal-taslak .taslak-sil-onay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}   /* UX-portal-08 */
/* UX-portal-01: kaydet/kaldır model sütununda; kaydedilmemiş satır işaretli */
.portal-taslak .kalem-model{min-width:9em}.portal-taslak .kalem-eylem{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}
.portal-taslak tr.kalem-kirli td{background:var(--uyari-zemin)}.portal-taslak tr.kalem-kirli td:first-child{box-shadow:inset 3px 0 0 #d97706}
@media (max-width:700px){.portal-katalog .katalog-kartlar{grid-template-columns:repeat(2,1fr)}.portal-taslak table.grid{font-size:.85em}}
.firma-portal select[multiple]{min-height:9em;min-width:16em}

/* tur 117: müşteri portalı ayrı düzen */
/* UX-portal-05: telefonda sipariş/sevkiyat listesi kart görünümü — no + Detay üstte, durum tam satır, diğer alanlar etiketli; yatay kaydırma yok */
@media (max-width:600px){
.veri-tablosu:has(> table.portal-kart-tablo){overflow-x:visible}
table.grid.portal-kart-tablo{border:0;background:transparent}
table.portal-kart-tablo thead{display:none}
table.portal-kart-tablo,table.portal-kart-tablo tbody{display:block;width:100%}
table.portal-kart-tablo tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;border:1px solid var(--kenar);border-radius:var(--r);padding:8px 12px;margin-bottom:8px;background:var(--yuzey)}
table.portal-kart-tablo td{display:block;border:0;padding:1px 0;text-align:left;white-space:normal;background:transparent!important}
table.portal-kart-tablo td.sag{text-align:left}
table.portal-kart-tablo td[data-etiket]::before{content:attr(data-etiket) ": ";color:var(--metin-3);font-size:.85em;font-weight:400}
table.portal-kart-tablo td.kart-bos,table.portal-kart-tablo td.bos:empty{display:none}
table.portal-kart-tablo td.kart-bas{order:-3;flex:1 1 auto;font-size:1.05em}
table.portal-kart-tablo td.kart-detay{order:-3}
table.portal-kart-tablo td.kart-detay a{display:inline-block;padding:4px 10px;border:1px solid var(--kenar-koyu);border-radius:var(--r-kucuk)}
table.portal-kart-tablo td.kart-durum{order:-2;flex-basis:100%;font-weight:600}
table.portal-kart-tablo td.kart-ilerleme{order:-1}
}
.portal-duzen img.foto-yok{opacity:0}   /* UX-portal-10: eksik fotoğraf kırık simge göstermez */
.portal-duzen{min-height:100vh;background:#f4f6f9;display:flex;flex-direction:column}
.portal-ust{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:10px 16px;background:#0f2a44;color:var(--metin-ters)}
.portal-marka{color:var(--metin-ters);font-weight:700;letter-spacing:.08em;text-decoration:none}.portal-marka small{opacity:.7;font-weight:400;letter-spacing:0;margin-left:6px}
.portal-menu{display:flex;flex-wrap:wrap;gap:4px 14px}.portal-menu a{color:#dbe7f3;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.portal-menu a:hover{border-color:#8fc1e3;color:var(--metin-ters)}
.portal-sag{margin-left:auto;display:flex;gap:10px;align-items:center}.portal-dil a{color:#dbe7f3;margin-right:6px;font-size:.85em;text-decoration:none}.portal-dil a.secili{color:var(--metin-ters);font-weight:700;text-decoration:underline}
/* UX 08.11 (G-4): dil seçici POST formu — bağlantı görünümünde düğmeler */
.portal-dil{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.portal-dil-form{display:inline;margin:0}.portal-dil-etiket{margin-right:2px}
.portal-dil button{background:none!important;border:0!important;padding:2px!important;margin:0;color:inherit!important;font:inherit;font-size:.85em!important;font-weight:400!important;cursor:pointer;min-height:0!important;box-shadow:none!important;border-radius:0!important}.portal-dil button.secili{font-weight:700!important;text-decoration:underline}   /* tasarim.css .kabuk button[type=submit] kuralını ezer */
.portal-ust .portal-dil button{color:#dbe7f3!important}.portal-ust .portal-dil button.secili{color:var(--metin-ters)!important}
.portal-sag .cikis-btn{background:var(--yuzey);color:#0f2a44;border:0;border-radius:var(--r-mini);padding:4px 10px}
.portal-govde{flex:1;padding:16px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}
.portal-alt{padding:10px 16px;font-size:.8em;color:#667}
@media (max-width:700px){.portal-ust{padding:8px 12px}.portal-menu{width:100%;overflow-x:auto;white-space:nowrap}.portal-govde{padding:10px}}
.oc-panel .oc-kalem td{vertical-align:top}.oc-panel input.oc-adet{width:5em}

/* Tur 120 — Müşteri 360 */
.m360-ust{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:12px 16px;margin-bottom:12px}
.m360-kimlik h1{margin:0;font-size:1.4rem;display:inline}.m360-satir{margin:4px 0;font-size:.9rem}.m360-baglantilar{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}
.m360-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.m360-kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.m360-kart > span{font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.05em}.m360-kart strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.m360-kart small{color:var(--gri)}.m360-finans{border-color:#c7d2fe;background:#f5f7ff}
.m360-zc{list-style:none;margin:0 0 14px;padding:0;border-left:2px solid var(--cizgi)}.m360-olay{display:grid;grid-template-columns:120px 110px 1fr;gap:8px;padding:5px 10px;font-size:.88rem;align-items:baseline}.m360-olay time{color:var(--gri);font-variant-numeric:tabular-nums}.m360-tur{font-weight:600}.m360-olay small{grid-column:3;color:var(--gri)}
.m360-olay-siparis .m360-tur{color:#0f4c75}.m360-olay-sevk .m360-tur{color:#15803d}.m360-olay-fatura .m360-tur{color:var(--uyari-metin)}.m360-olay-kalite .m360-tur{color:#7c3aed}.m360-olay-not .m360-tur,.m360-olay-mesaj .m360-tur{color:#be185d}
.m360-sekmeler{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.m360-sekmeler button{padding:6px 12px;border:1px solid var(--kenar-koyu);background:var(--yuzey);color:#0f4c75;border-radius:var(--r-mini);cursor:pointer}.m360-sekmeler button.secili{background:#0f4c75;color:var(--metin-ters);border-color:#0f4c75}
.m360-sekmeler .m360-sekme-dis{padding:6px 10px;color:var(--metin-2);font-size:13px;align-self:center}.m360-sekmeler{position:sticky;top:0;z-index:5;background:var(--zemin,#f5f7fa);padding:6px 0;border-bottom:1px solid var(--kenar)}
.m360-gecmis{margin:4px 0 0 12px;padding:0 0 0 12px;font-size:.85rem}
@media (max-width:820px){.m360-olay{grid-template-columns:1fr;gap:2px}.m360-olay small{grid-column:1}.m360-kartlar{grid-template-columns:repeat(2,1fr)}.m360-ust{padding:10px}}
.ust-arama{display:flex;align-items:center}.ust-arama input{width:150px;padding:4px 8px;border:1px solid var(--kenar-koyu);border-radius:var(--r-mini);font-size:.85rem}
@media (max-width:820px){.ust-arama input{width:110px}}

/* Tur 121 — Aktiviteler (mobil öncelikli) */
.akt-form{display:flex;flex-direction:column;gap:10px;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:12px}
.akt-alan{display:flex;flex-direction:column;gap:4px}.akt-alan>span{font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.05em}.akt-alan input,.akt-alan textarea,.akt-alan select{font-size:1rem;padding:8px;border:1px solid var(--kenar-koyu);border-radius:var(--r-mini)}
.akt-turler{display:flex;flex-wrap:wrap;gap:6px}.akt-turler button{min-height:40px;padding:6px 12px}
.akt-etiketler{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.akt-cip{display:inline-block;border:1px solid var(--kenar-koyu);border-radius:14px;padding:2px 10px;font-size:.82rem;background:var(--yuzey)}.akt-cip.secili{background:#0f4c75;color:var(--metin-ters);border-color:#0f4c75}.akt-etiket-ekle{display:flex;gap:4px}.akt-etiket-ekle input{width:170px;padding:4px 8px}
.akt-sekmeler{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.akt-sekmeler button{padding:8px 14px;border:1px solid var(--kenar-koyu);background:var(--yuzey);color:#0f4c75;border-radius:var(--r-mini);cursor:pointer;min-height:40px}.akt-sekmeler button.secili{background:#0f4c75;color:var(--metin-ters);border-color:#0f4c75}
.akt-kartlar{display:flex;flex-direction:column;gap:8px}.akt-kart{display:flex;gap:10px;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:10px}.akt-kart.iptal{opacity:.6}.akt-kart.planli{border-left:4px solid #f59e0b}
.akt-kart-foto img{width:84px;height:84px;object-fit:contain;border-radius:var(--r-mini)}.akt-kart-govde{display:flex;flex-direction:column;gap:3px;font-size:.9rem;min-width:0}.akt-not{white-space:pre-wrap;color:var(--metin)}
.akt-fotolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.akt-foto{margin:0;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:6px}.akt-foto.form{border-color:#0f4c75}.akt-foto img{width:100%;height:140px;object-fit:contain;border-radius:4px}.akt-foto figcaption{display:flex;flex-direction:column;gap:2px;font-size:.8rem}
.btn.kucuk{padding:6px 10px;font-size:.85rem}
@media (max-width:820px){.akt-form .form-satir{flex-direction:column}.akt-form .form-satir label{width:100%}.akt-kart-foto img{width:64px;height:64px}.baslik-satir .btn.kucuk{min-height:40px}}

/* Tur 122 — Teklif hunisi */
.huni-sekmeler{display:flex;gap:6px}.huni-sekmeler button{padding:6px 12px;border:1px solid var(--kenar-koyu);background:var(--yuzey);color:#0f4c75;border-radius:var(--r-mini);cursor:pointer}.huni-sekmeler button.secili{background:#0f4c75;color:var(--metin-ters);border-color:#0f4c75}
.huni-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px}.huni-sutun{background:var(--yuzey-2);border-radius:var(--r-kucuk);padding:8px;min-height:200px}.huni-sutun h3{margin:0 0 8px;font-size:.95rem;display:flex;flex-direction:column}.huni-sutun h3 small{color:var(--gri);font-weight:normal}
.huni-kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-mini);padding:8px;margin-bottom:8px;font-size:.85rem;display:flex;flex-direction:column;gap:3px}.huni-kart-satir{color:var(--metin)}.huni-gun{font-weight:600}.huni-kart-eylem{display:flex;flex-wrap:wrap;gap:4px}
.huni-onay_bekliyor .huni-kart{border-left:4px solid #f59e0b}.huni-kayip .huni-kart{opacity:.75;border-left:4px solid #dc2626}.huni-siparis .huni-kart{border-left:4px solid #16a34a}.huni-uyuyan .huni-kart{border-left:4px solid #94a3b8}.huni-fiyat_gonderildi .huni-kart{border-left:4px solid #0ea5e9}
.huni-rozet-onay_bekliyor{background:var(--uyari-zemin)}.huni-rozet-kayip{background:var(--sorun-zemin)}.huni-rozet-siparis{background:var(--iyi-zemin)}.huni-rozet-uyuyan{background:var(--kenar)}
.huni-kayip{margin-top:10px}
@media (max-width:820px){.huni-kanban{grid-auto-columns:minmax(260px,85vw)}}

/* Tur 123 — Bugün / Görevler */
.bugun-bloklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.bugun-blok{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:10px 12px}.bugun-blok h2{margin:0 0 8px;font-size:1rem}
.bugun-liste{list-style:none;margin:0;padding:0}.bugun-satir{display:flex;gap:8px;align-items:center;padding:6px 4px;border-top:1px solid var(--yuzey-2);font-size:.9rem}.bugun-satir:focus{outline:2px solid #0f4c75;border-radius:4px}.bugun-satir.gecikti .bugun-etiket{background:var(--sorun-zemin);color:#991b1b}
.bugun-etiket{font-size:.72rem;background:var(--kenar);border-radius:var(--r);padding:1px 8px;white-space:nowrap}.bugun-govde{flex:1;min-width:0}.bugun-eylem{display:flex;gap:4px;white-space:nowrap}
.gorev-kontrol{list-style:none;margin:4px 0;padding:0;font-size:.85rem}.gorev-kontrol .tamam{text-decoration:line-through;color:var(--gri)}.gorev-yorum{margin-top:6px;border:1px dashed var(--kenar-koyu);border-radius:var(--r-mini);padding:6px}
tr[data-gorev-satir]:focus{outline:2px solid #0f4c75}.oncelik-rozet-acil{background:var(--sorun-zemin)}.oncelik-rozet-yuksek{background:var(--uyari-zemin)}.oncelik-rozet-dusuk{background:var(--kenar)}
kbd{background:var(--kenar);border-radius:3px;padding:0 4px;font-size:.8em}

/* Tur 124 — sohbet şeridi, akış, mobil alt sekme */
.konusma-mesaj.ic-not{background:#fff7ed;border-left:3px solid #f59e0b}.konusma-mesaj.geri{opacity:.6}.konusma-geri{font-style:italic;color:var(--gri)}.konusma-alinti{border-left:3px solid var(--kenar-koyu);padding:2px 8px;margin:4px 0;color:var(--metin-2);font-size:.85rem;background:var(--zemin)}
.konusma-tepkiler{display:inline-flex;gap:4px}.konusma-tepki{border:1px solid var(--kenar);background:var(--yuzey);border-radius:var(--r);padding:0 7px;font-size:.8rem;cursor:pointer}.konusma-tepki.secili{background:#dbeafe;border-color:#93c5fd}
.konusma-bahs{color:#0f4c75;font-weight:600}.konusma-oneri{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.konusma-okuyanlar{list-style:none;margin:2px 0 0 8px;padding:0}.konusma-duzenle{display:flex;flex-direction:column;gap:4px}.konusma-duzenle textarea{width:100%}
.akis{display:grid;grid-template-columns:230px 1fr;gap:14px}.akis-kanallar{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:10px;align-self:start}.akis-kanallar h4{margin:8px 0 4px;font-size:.75rem;color:var(--gri);text-transform:uppercase}
.akis-kanal{display:block;width:100%;text-align:left;border:0;background:transparent;padding:5px 8px;border-radius:var(--r-mini);cursor:pointer;color:#0f4c75}.akis-kanal.secili{background:#0f4c75;color:var(--metin-ters)}.akis-kanal.abone{font-weight:600}.akis-yeni{display:flex;gap:4px;margin-top:8px}.akis-yeni input{flex:1;min-width:0}
.akis-olaylar{list-style:none;margin:0;padding:0;border-left:2px solid var(--cizgi)}.akis-olay{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:6px 10px;font-size:.9rem}.akis-olay time{color:var(--gri)}.akis-konusma{margin-top:6px}
.alt-sekme{display:none}
@media (max-width:820px){.akis{grid-template-columns:minmax(0,1fr)}.akis-kanallar{display:flex;flex-wrap:wrap;gap:4px}.akis-kanallar h2,.akis-kanallar h4{display:none}.akis-kanal{width:auto;border:1px solid var(--kenar-koyu)}
  .alt-sekme{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--beyaz);border-top:1px solid var(--cizgi);z-index:50;justify-content:space-around;padding:4px 0 env(safe-area-inset-bottom)}.alt-sekme a{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:#0f4c75;text-decoration:none;padding:2px 10px}
  main{padding-bottom:64px}}

/* Tur 125 — atölye iş emri listesi, kullanıcılar */
.atl-bar{background:var(--kenar);border-radius:4px;height:8px;overflow:hidden}.atl-bar div{background:#16a34a;height:100%}.atl-durum-iade{background:var(--sorun-zemin)}.atl-durum-tamam{background:var(--iyi-zemin)}.atl-durum-kismi{background:var(--uyari-zemin)}.atl-durum-uretimde{background:#dbeafe}
.atl-tablo td{vertical-align:middle}.kul-davet-sonuc{font-family:monospace;font-size:.78rem;white-space:pre-wrap}

/* Tur 132 İŞ 1: BPM'den alınan siparişte ürün kartı bağlı olmayan kalem */
tr.bagsiz-kalem td { background: #fde8e8; }
tr.bagsiz-kalem td:first-child { box-shadow: inset 4px 0 0 #c0392b; }

/* ── tur 145: marka oranı rozetleri / bandı / planlama ─────────────────────── */
.marka-rozet{display:inline-block;padding:1px 7px;border-radius:var(--r);font-size:11px;font-weight:700;background:var(--iyi-zemin);color:var(--iyi-metin);font-variant-numeric:tabular-nums}
.marka-rozet.asildi{background:var(--sorun-zemin);color:var(--sorun-metin)}
.marka-rozet.yaklasik{background:var(--yuzey-2);color:var(--metin-2);font-weight:600}
.marka-bant{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 12px;margin:6px 0 10px;border:1px solid var(--cizgi);border-left:4px solid var(--iyi-metin);border-radius:var(--r-kucuk);background:var(--zemin);font-size:.85rem}
.marka-bant.asildi{border-left-color:var(--sorun-metin)}
.marka-bant .marka-yuzde{font-size:1.1rem;font-weight:800}
.marka-bant.asildi .marka-yuzde,.marka-bant .marka-esik{color:var(--sorun-metin);font-weight:700}
.marka-ad{display:inline-block;padding:1px 7px;border-radius:var(--r);background:#eef2ff;color:#312e81;font-size:11px;font-weight:600}
.marka-ad.izinsiz{background:var(--sorun-zemin);color:var(--sorun-metin);text-decoration:line-through}
.marka-yaklasik{color:#8a6d00;background:var(--uyari-zemin);padding:1px 7px;border-radius:var(--r);font-size:11px}
.sp-yerlesim{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.sp-sol{min-width:0}
.sp-arac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.sp-arac select,.sp-arac input{min-height:34px}
.sp-tablo-kap{max-height:70vh;overflow:auto;border:1px solid var(--cizgi);border-radius:var(--r-kucuk)}
.sp-tablo{font-size:.82rem}
.sp-tablo tr.secili{background:#eef6ff}
.sp-tablo tr.soluk{opacity:.5}
.sp-kaynak{display:inline-block;padding:1px 6px;border-radius:var(--r-mini);font-size:10px;font-weight:700;background:#e2f0f4;color:var(--birincil)}
.sp-kaynak-bpm_kasa,.sp-kaynak-excel_kasa,.sp-kaynak-bpm_zincir{background:var(--uyari-zemin);color:#8a6d00}
.sp-kaynak-siparis_kalem{background:#eee;color:#555}
.sp-rozet{display:inline-block;padding:1px 7px;border-radius:var(--r);font-size:10px;font-weight:700}
.sp-rozet.yesil{background:var(--iyi-zemin);color:var(--iyi-metin)}.sp-rozet.sari{background:var(--uyari-zemin);color:#8a6d00}.sp-rozet.gri{background:#eee;color:#555}
.sp-sag{position:sticky;top:12px;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px;background:var(--yuzey);display:flex;flex-direction:column;gap:8px}
.sp-sag h2{margin:0;font-size:1.05rem}.sp-sag h3{margin:8px 0 0;font-size:.95rem}
.sp-sag label{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--gri)}
.sp-ozet{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sp-ozet div{border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:6px 8px;display:flex;flex-direction:column}
.sp-ozet span{font-size:.72rem;color:var(--gri)}.sp-ozet strong{font-size:1.05rem}
.sp-yuzde{grid-column:1/-1}.sp-yuzde strong{font-size:1.8rem}.sp-yuzde.yesil{background:var(--iyi-zemin);border-color:#b7e0c0}.sp-yuzde.kirmizi{background:var(--sorun-zemin);border-color:var(--sorun-kenar);color:var(--sorun-metin)}
.sp-kirilim{display:flex;flex-wrap:wrap;gap:6px;margin:0;font-size:.8rem}
.sp-hedef{margin:0;padding:8px 10px;border-radius:var(--r-kucuk);background:var(--uyari-zemin);border:1px solid #F0DCA8;font-size:.85rem}.sp-hedef.yesil{background:var(--iyi-zemin);border-color:#b7e0c0}
.sp-oneri,.sp-dugmeler,.sp-takvim{display:flex;flex-wrap:wrap;gap:6px}
.sp-gonder{border:1px dashed var(--sorun-kenar);border-radius:var(--r-kucuk);padding:8px}
.sp-takvim-metin{white-space:pre-wrap;font-size:.8rem;background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r-kucuk);padding:8px;margin:0}
.sp-planlar{margin-top:14px}
@media (max-width:1100px){.sp-yerlesim{grid-template-columns:1fr}.sp-sag{position:static}}

/* Tur 147 — buyer portalı (mobil öncelikli; maket ALPHA-PANAMA v1) */
.buyer{max-width:720px;margin:0 auto;padding-bottom:120px}
.buyer-ust{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.buyer-sekmeler{display:flex;gap:4px;margin:8px 0;position:sticky;top:0;background:var(--beyaz,#fff);z-index:5;padding:4px 0}
.buyer-sekmeler button{flex:1;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r);padding:6px 4px;font-size:.78rem;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
.buyer-sekmeler button b{font-size:1.05rem}.buyer-sekmeler button.secili{background:var(--bordo,#8d1f3c);color:var(--metin-ters);border-color:var(--bordo,#8d1f3c)}
.buyer-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}
.buyer-kart{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;text-align:center;display:flex;flex-direction:column}.buyer-kart strong{font-size:1.1rem}.buyer-kart small{color:var(--gri);font-size:.72rem}
.buyer-kart.yesil{background:#f0fdf4;border-color:#bbf7d0}.buyer-kart.sari{background:var(--uyari-zemin);border-color:#fde68a}
.buyer-cipler{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;align-items:center}.buyer-cipler button{border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-hap);padding:4px 10px;font-size:.8rem;cursor:pointer}.buyer-cipler button.secili{background:#111;color:var(--metin-ters);border-color:#111}
.buyer-cipler input{padding:5px 8px;border:1px solid var(--cizgi);border-radius:var(--r-kucuk);min-width:140px}
.buyer-bolum{font-size:.78rem;letter-spacing:.04em;margin:12px 0 6px;padding:4px 8px;border-radius:var(--r-mini)}.buyer-bolum.yesil{background:var(--iyi-zemin);color:#166534}.buyer-bolum.sari{background:var(--uyari-zemin);color:var(--uyari-metin)}
.buyer-kalem,.buyer-urun{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;margin:6px 0;background:var(--yuzey)}
.buyer-kalem img,.buyer-urun img{width:56px;height:56px;object-fit:contain;border-radius:var(--r-kucuk)}.buyer-foto-yok{width:56px;height:56px;border-radius:var(--r-kucuk);background:var(--yuzey-2);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--gri);text-align:center}
.buyer-kalem.yesil{border-left:4px solid #16a34a}.buyer-kalem.sari{border-left:4px solid #f59e0b}
.buyer-urun{grid-template-columns:1fr;gap:6px}.buyer-urun.sepette{border-color:#16a34a;background:#f0fdf4}.buyer-urun-ust{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}
.buyer-uyari{background:var(--uyari-zemin);border:1px solid #f59e0b;border-radius:var(--r-kucuk);padding:8px;font-size:.85rem}.buyer-uyari-dugmeler{display:flex;gap:8px;margin-top:6px;justify-content:flex-end}
.buyer-boy .ipucu button{border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-hap);padding:2px 8px;font-size:.72rem;margin-left:4px;cursor:pointer}.buyer-boy .ipucu button.secili{background:#111;color:var(--metin-ters)}
.buyer-boy-izgara{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.buyer-boy-kutu{display:flex;flex-direction:column;align-items:center;font-size:.75rem}.buyer-boy-kutu input{width:3.4em;padding:4px;border:1px solid var(--cizgi);border-radius:var(--r-mini);text-align:center}
.buyer-olcu{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:.85rem}.buyer-olcu button{border:1px solid var(--cizgi);background:var(--yuzey);border-radius:var(--r-hap);padding:3px 9px;font-size:.78rem;cursor:pointer}.buyer-olcu button.secili{background:#111;color:var(--metin-ters)}.buyer-olcu input{padding:4px 6px;border:1px solid var(--cizgi);border-radius:var(--r-mini)}
.buyer-urun-alt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.buyer-urun-alt input{flex:1;min-width:120px;padding:5px 8px;border:1px solid var(--cizgi);border-radius:var(--r-kucuk)}
.buyer-sepet-cubuk{position:fixed;left:0;right:0;bottom:0;background:#111;color:var(--metin-ters);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:20;flex-wrap:wrap}
.buyer-sepet-cubuk small{color:var(--kenar-koyu)}.buyer-sepet-kalem{display:inline-block;margin:2px 8px 0 0}.buyer-sepet-kalem a{color:#fca5a5;margin-left:3px}.buyer-sepet-cubuk input{padding:5px 8px;border-radius:var(--r-kucuk);border:1px solid var(--metin-2);background:var(--metin);color:var(--metin-ters);min-width:160px}
.buyer-paket{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;margin:6px 0;background:var(--yuzey)}.buyer-paket-ust{cursor:pointer}.buyer-paket-kalemler{list-style:none;padding:6px 0 0;margin:0;font-size:.85rem}.buyer-paket-kalemler li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-top:1px dashed var(--cizgi)}
.buyer-istek{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;margin:6px 0;background:var(--yuzey)}.buyer-istek-kalemler{margin:4px 0;padding-left:16px;font-size:.85rem}.buyer-not{background:var(--zemin);border-radius:var(--r-kucuk);padding:6px 8px;font-size:.85rem;margin:4px 0}
@media (max-width:480px){.buyer-kartlar{gap:4px}.buyer-kart strong{font-size:.95rem}.buyer-sepet-cubuk{flex-direction:column;align-items:stretch}}

/* ---- Tur 150: yeni menü (8 alan), sekme şeritleri, Kontrol Merkezi, /bugun rol kartları ---- */
.yan a.marka { text-decoration: none; color: inherit; display: flex; }
.ust-kullanici .kisisel { font-size: .72rem; opacity: .8; margin-top: 2px; }
.ust-kullanici .kisisel a { color: inherit; display: inline-block; margin-right: .6rem; white-space: nowrap; }
.menu-satir { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .45rem; }
.menu-satir > a.alt { flex: 0 1 auto; }
.menu-satir a.alt-ek { font-size: .74rem; color: var(--yan-vurgu); opacity: .85; text-decoration: none; padding: 2px 0; }
.menu-satir a.alt-ek:hover, .menu-satir a.alt-ek.active { opacity: 1; text-decoration: underline; }
.menu-ayrac { font-size: .66rem; letter-spacing: .12em; opacity: .55; margin: .9rem .9rem .2rem; }
.sayfa-sekmeleri { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--cizgi); margin: 0 0 22px; padding-bottom: 8px; }
.sayfa-sekmeleri a { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; border: 1px solid transparent; border-radius: var(--r-kucuk);
  color: var(--gri); text-decoration: none; font-size: .9rem; margin-bottom: -1px; }
.sayfa-sekmeleri a:hover { color: var(--murekkep); background: var(--zemin); }
.sayfa-sekmeleri a.secili { color: var(--bordo); background: var(--secili-zemin); border-color: transparent; font-weight: 650; box-shadow: inset 0 -2px 0 var(--bordo); }
.kontrol-ortam { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; padding: .6rem .9rem; border: 1px solid var(--cizgi); border-radius: var(--radius); background: var(--beyaz); margin: 0 0 1rem; font-size: .9rem; }
.kontrol-ortam .kirmizi { color: var(--tehlike); }
.kontrol h2 { font-size: 1rem; margin: 1.2rem 0 .5rem; color: var(--gri); }
.kontrol-izgara, .rol-kartlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .6rem; }
.kontrol-kart, .rol-kart { display: flex; flex-direction: column; gap: .2rem; padding: .7rem .85rem; border: 1px solid var(--cizgi); border-radius: var(--radius);
  background: var(--beyaz); color: var(--murekkep); text-decoration: none; box-shadow: var(--kart-golge); min-height: 84px; }
.kontrol-kart:hover, .rol-kart:hover { border-color: var(--bordo); }
.kontrol-kart .kontrol-sayi, .rol-kart strong { font-size: 1.35rem; font-weight: 700; }
.kontrol-kart small, .rol-kart small { color: var(--gri); font-size: .78rem; }
.kontrol-kart.kirmizi, .rol-kart.kirmizi { border-color: var(--tehlike-cizgi); background: var(--tehlike-bg); }
.kontrol-kart.kirmizi .kontrol-sayi, .rol-kart.kirmizi strong { color: var(--tehlike); }
.rol-kart.bos { opacity: .7; border-style: dashed; }
.rol-kartlari { margin: 0 0 1.2rem; }
@media (max-width: 640px) { .kontrol-izgara, .rol-kartlari { grid-template-columns: 1fr 1fr; } }

/* ---- Tur 151: müşteri hesap sekmesi, Fix Masası, dekont paneli ---- */
.hesap-ust { display: flex; flex-wrap: wrap; gap: .4rem 1rem; align-items: center; margin: 0 0 .8rem; }
.hesap-kutular { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .6rem; margin: 0 0 1rem; }
.hesap-kutu { display: flex; flex-direction: column; gap: .15rem; padding: .7rem .85rem; border: 1px solid var(--cizgi); border-radius: var(--radius); background: var(--beyaz); box-shadow: var(--kart-golge); }
.hesap-kutu span { color: var(--gri); font-size: .8rem; }
.hesap-kutu strong { font-size: 1.3rem; font-weight: 700; color: var(--murekkep); }
.hesap-kutu small { color: var(--gri); font-size: .75rem; }
.hesap-kutu.eksi strong, td.eksi { color: var(--tehlike); }
/* Uçtan uca 03.11 (H-26): hesap kartındaki uzun rozet ("açılış mutabakatı yok: …") .kabuk .etiket'in nowrap'i yüzünden kartın dışına taşıyordu —
   kart içinde satıra kayar (metin ve renk aynı). Müşteri 360 hesap özetindeki aynı rozet de. */
.kabuk .hesap-kutu .etiket, .kabuk .etiket[data-m360-acilis-mutabakatsiz] { white-space: normal; overflow-wrap: anywhere; max-width: 100%; border-radius: var(--r-kucuk); line-height: 1.4; }
.hesap-tablo tr.acik-satir td, .fix-masasi tr.acik-satir td { background: var(--uyari-bg); }
.fix-onizleme { display: flex; flex-direction: column; gap: .45rem; padding: .6rem .8rem; border: 1px dashed var(--cizgi); border-radius: var(--radius); margin: .5rem 0; }
.dekont-paneli { border: 1px dashed var(--bordo); }

/* Tur 154 A2: düğmenin yanındaki mesaj (DugmeMesaji) — formun hemen altında, tam genişlik, okunur renk */
.dugme-mesaji{flex-basis:100%;width:100%;margin:6px 0 4px}
.dugme-mesaji p{margin:4px 0;padding:8px 12px;border-radius:var(--radius);font-size:13px;line-height:1.4}
.dugme-mesaji p.form-hata{background:var(--tehlike-bg);color:var(--tehlike);border:1px solid var(--tehlike-cizgi)}
.dugme-mesaji p.form-uyari{background:var(--uyari-bg);color:var(--uyari);border:1px solid var(--uyari-cizgi)}
.dugme-mesaji p.form-basari{background:var(--basari-bg);color:var(--basari);border:1px solid var(--basari-cizgi);padding-left:12px}
.dugme-mesaji p.form-basari::before{content:none}
/* Uçtan uca 03.11 (H-22): bilgi iletisi (olağan durum, ör. kısmi teslim) — hata kırmızısı ve uyarı turuncusu değil, mevcut mavi bilgi tonu */
.dugme-mesaji p.form-bilgi{background:var(--c-mavi-a,#edf4fa);color:var(--c-mavi,#346b95);border:1px solid var(--cizgi)}
ul.form-bilgi{margin:0 0 12px;padding:12px 14px 12px 40px;border-radius:var(--radius);font-size:13px;background:var(--c-mavi-a,#edf4fa);color:var(--c-mavi,#346b95);border:1px solid var(--cizgi)}

/* Tur 154 B4: sipariş formu bitiş kontrolü — etiket:değer çiftleri yan yana, hizalı */
.bitis-kontrol{border:1px solid var(--kutu-kenari,#dee2e6);border-radius:var(--r-kucuk);padding:10px 14px;margin:8px 0}
.bitis-kontrol .bk-baslik{display:block;margin-bottom:6px}
.bitis-kontrol .bk-ozet{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.bitis-kontrol .bk-oge{display:inline-flex;gap:6px;align-items:baseline;white-space:nowrap}
.bitis-kontrol .bk-oge>span{color:var(--metin-ikincil,#64748b);font-size:13px}
.bitis-kontrol .bk-oge>strong{font-variant-numeric:tabular-nums}
/* tur 155: açık sipariş özeti (müşteri › Siparişler) */
.acik-ozet{border:1px solid var(--cizgi,#ddd);border-radius:var(--r-kucuk);padding:10px 12px;margin:0 0 14px;background:var(--beyaz,#fff)}
.acik-ozet-ust{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.acik-ozet-ust h3{margin:0;font-size:1rem}.acik-ozet-ust h3 small{font-weight:400;margin-left:6px}
.acik-ayar-sec{display:flex;gap:4px}
.acik-ozet .etiket{margin-left:4px;font-size:10.5px;padding:1px 7px}
tr.acik-olu td{background:var(--uyari-zemin)}
.acik-foto{object-fit:contain;border-radius:3px;background:#f6f6f6}
.kapat-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.kapat-form p{flex-basis:100%;margin:0}.kapat-form label{flex:1 1 360px;display:flex;flex-direction:column}
/* Dalga 1 satış: mesaj hazırla / iletişim panelleri */
.mesaj-hazirla{margin:4px 0}.mesaj-hazirla>summary{cursor:pointer}.mesaj-hazirla-ic{display:flex;flex-direction:column;gap:6px;max-width:62rem}
.mesaj-hazirla textarea{width:100%;min-height:7.5rem;box-sizing:border-box}.mesaj-hazirla .satir-ici,.siparis-iletisim .satir-ici{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.siparis-iletisim{margin:6px 0 10px}.durum-raporlari tr.durum-geciken td:first-child{border-left:3px solid var(--sari,#e0a800)}.haftalik-pre{white-space:pre-wrap;margin:4px 0}
.acik-ekstre{margin-top:10px;padding-top:8px;border-top:1px dashed var(--cizgi,#ddd)}.acik-ekstre h4{margin:0 0 4px}
.acik-ekstre .satir-ici{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
td.nowrap{white-space:nowrap}
.acik-siparis-tablo td,.acik-siparis-tablo th{white-space:nowrap;padding-left:6px;padding-right:6px}.acik-siparis-tablo td:nth-child(2){white-space:normal;max-width:180px}
.acik-siparis-tablo td:first-child{white-space:normal;max-width:300px}
tr.acik-baslamamis td{background:#f5f3ff}
/* tur 159 (tasarım standardı §8): sorgu süresi sayacı ("NN ms") kullanıcıya gösterilmez — değer DOM'da kalır (ölçüm/teşhis) */
.sure{display:none !important}
/* tur 159: araç çubuğundaki aranabilir seçici tam genişlik koyu çubuk olmasın */
.filtreler .aranabilir-secim{flex:0 1 260px;min-width:200px}
.filtreler .aranabilir-secim .aranabilir-secim-deger{background:var(--yuzey) !important;color:var(--murekkep,#193247) !important;border:1px solid var(--cizgi,#cfd8e3) !important;font-weight:400 !important}
.kalite-gecikmis{color:var(--sorun-metin);font-weight:600}
/* tur 162 S7: Müşteri 360 › Satış ürün ızgarası */
.m360-urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 16px}
.m360-urun{display:flex;flex-direction:column;gap:3px;border:1px solid var(--kenar);border-radius:var(--r-kucuk);padding:6px;background:var(--yuzey);text-decoration:none;color:inherit;font-size:12px}
.m360-urun img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:var(--r-mini)}.m360-urun strong{font-size:12px;word-break:break-all}.m360-urun small{color:var(--metin-3);font-size:11px}
.m360-urun-yok{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--zemin);border:1px dashed var(--kenar-koyu);border-radius:var(--r-mini);color:#94a3b8;font-size:11px}
.bpm-belge{display:inline-block;padding:5px 12px;border:1px solid var(--birincil);border-radius:var(--r-kucuk);color:var(--birincil) !important;background:var(--yuzey) !important;text-decoration:none;font-size:13px;margin-left:6px}
/* tur 162 S8: fiyat geçmişi */
.fiyat-gecmis-btn{display:inline-block;margin-top:2px;padding:0 6px;font-size:11px;min-height:0;line-height:18px;background:var(--yuzey) !important;color:var(--birincil) !important;border:1px solid var(--kenar-koyu);border-radius:5px}
.fiyat-gecmis{position:absolute;z-index:20;background:var(--yuzey);border:1px solid var(--kenar-koyu);border-radius:var(--r-kucuk);padding:6px 8px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.12);white-space:nowrap}
/* tur 167: not yeniden üretim önizlemesi */
.sd-not-kaynak{display:block;margin:6px 0;font-size:.85rem}.sd-not-kaynak textarea{width:100%;max-width:900px;font-family:ui-monospace,monospace;font-size:12px}
.sd-not-tablo td{vertical-align:top;font-size:12.5px}.sd-not-eski{color:#94a3b8;text-decoration:line-through}

/* Tur 169: müşteri sayfası › ürün bazında durum */
.urun-durum { margin: 12px 0; border: 1px solid var(--cizgi, #d8dee4); border-radius: var(--r-kucuk); padding: 8px 12px; background: var(--yuzey); }
.urun-durum > summary { cursor: pointer; padding: 4px 0; }
.urun-durum-ust { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 8px 0; }
.urun-durum .rozet.kesin { background: #e6f4ea; color: #1e6b34; border-radius: 4px; padding: 1px 6px; font-size: .78rem; font-weight: 600; }
.urun-durum .rozet.tahmini { background: #fff4d6; color: #8a5a00; border-radius: 4px; padding: 1px 6px; font-size: .78rem; font-weight: 600; }
.urun-durum [role=tablist] button { margin-right: 6px; }
.urun-durum [role=tablist] button.aktif { font-weight: 700; border-bottom: 2px solid var(--vurgu, #1b6a8a); }

/* ===================================================================================================================
   Lotus çalışma alanı — tek renk, tipografi ve yüzey sözleşmesi.
   Yalnız iç düzen (.kabuk); müşteri portalı ve dışa aktarma şablonları kapsam dışıdır.
   Altın marka vurgusudur; yeşil / amber / kırmızı mevcut iş durumlarını korur.
   =================================================================================================================== */
.kabuk{
  --c-zemin:#f7f6f2; --c-panel:#fff; --c-cizgi:#e0e4e2; --c-cizgi2:#edf0ed; --c-metin:#172c3a; --c-ikincil:#5f6c72; --c-soluk:#7d898e;
  --c-ana:#246b63; --c-ana-koyu:#19564f; --c-ana-acik:#eaf3f0; --c-menu:#142c38; --c-menu2:#203e49; --c-menu-yazi:#d4dfdf; --c-menu-grup:#9aafb6; --c-altin:#b7934f;
  --c-yesil:#237249; --c-yesil-a:#edf7f0; --c-mavi:#346b95; --c-mavi-a:#edf4fa; --c-amber:#9b601b; --c-amber-a:#fff8e9; --c-gri:#5a666e; --c-gri-a:#f0f3f3;
  --c-mor:#725795; --c-mor-a:#f4f0f8; --c-kirmizi:#b13e3e; --c-kirmizi-a:#fdf0ef;
  /* tur 170B (K3): sayfa CSS'lerindeki sık griler + yazı ölçeği (8 basamak) — sayfalar sabit renk / px yazmaz */
  --c-cizgi-koyu:#c5cecb; --c-zemin-acik:#f5f7f5; --c-metin-2:#344b55; --c-metin-3:#50636b;
  --yazi-xs:11.5px; --yazi-s:12.5px; --yazi-m:13.5px; --yazi-govde:14px; --yazi-l:16px; --yazi-xl:20px; --yazi-2xl:24px; --yazi-3xl:30px;
  --bosluk-1:4px; --bosluk-2:8px; --bosluk-3:12px; --bosluk-4:16px; --bosluk-5:24px; --bosluk-6:32px;
  --panel-radius:12px; --odak-halka:0 0 0 3px rgba(36,107,99,.14);
  /* Tur 193: mevcut çalışma yüzeylerinin tonları merkezde; renk anlamı ve görünümü korunur. */
  --calisma-lacivert:#182c44;
  --calisma-petrol:#14675f;
  --calisma-metin:#334457;
  --calisma-soluk:#5b6878; /* UX 02.11 kontrast: #667384 → ≥ 4,5:1 */
  --calisma-cizgi:#e2e7e9;
  --calisma-zemin:#f7f9f9;
  --c-calisma-uyari:#8a5d19;
  --c-calisma-uyari-nokta:#bc842f;
  --c-calisma-hover:#f5f9f8;
  --c-calisma-yon:#7d9993;
  --c-kaynak-etiket:#55716a;
  --c-calisma-satir-cizgi:#edf0f1;
  --c-calisma-simge-zemin:#eef5f3;
  --c-calisma-dikkat:#906521;
  --c-calisma-dikkat-zemin:#fbf3e6;
  --c-calisma-ok:#7f9290;
  --c-calisma-eylem-hover:#f2f7f5;
  --c-calisma-simge-cizgi:#d7e2de;
  --c-calisma-simge-yuzey:#fafcfb;
  --c-calisma-eylem-ok:#78918b;
  --c-calisma-tablo-baslik:#f6f8f9;
  --c-calisma-tablo-etiket:#5b6878; /* UX 02.11 kontrast: #697786 4,3:1 → ≥ 4,5:1 */
  --c-calisma-satir-hover:#f6faf8;
  --c-teslim-durum:#4b6864;
  --c-teslim-gecikmis:#9f4141;
  --c-teslim-gecikmis-zemin:#fceeee;
  --c-teslim-yaklasan:#8c6422;
  --c-teslim-yaklasan-zemin:#fcf4e6;
  --c-calisma-dipnot-zemin:#fcfdfd;
  --c-calisma-ayrinti-hover:#f8faf9;
  --c-calisma-hedef:#b99a61;
  --c-karar-baglanti:#91651e;
  --c-kaynak-uyari:#9a5e23;
  --c-calisma-odak:#438b81;
  --c-golge-yuzey:#172c3a04;
  --c-golge-acilir:#172c3a20;
  --c-golge-plan:#172c3a07;
  --c-akis-filtre-zemin:#f7f8f6;
  --c-akis-filtre-cizgi:#e4e9e4;
  --c-akis-filtre-etiket:#52616a;
  --c-akis-baglam-zemin:#edf4f1;
  --c-akis-baglam-vurgu:#507c6b;
  --c-akis-baglam-metin:#344b41;
  --c-akis-yardimci:#66747c;
  --c-kasa-yuzey-cizgi:#dce4de;
  --c-kasa-isaret:#527867;
  --c-kasa-ozet:#5c6e65;
  --c-kasa-satir-cizgi:#e7ece8;
  --c-arsiv-cizgi:#dfe5df;
  --c-arsiv-zemin:#f3f5f1;
  --c-arsiv-metin:#617066;
  --c-musteri-eylem-hover:#f1f6f3;
  --c-calisma-baslik-zemin:#f1f4f2;
  --c-musteri-satir-hover:#f7f9f6;
  --c-plan-baglam-vurgu:#527a69;
  --c-plan-baglam-metin:#344c41;
  --c-plan-yuzey-cizgi:#dfe6e1;
  --c-plan-arac-zemin:#f7f8f5;
  --c-plan-tablo-cizgi:#e4e9e5;
  --c-plan-ozet-cizgi:#ccdcd2;
  --c-plan-etiket:#5b6d63;
  --c-plan-ozet-zemin:#f0f5f1;
  --c-detay-baslik-cizgi:#dde5e5;
  --c-detay-ikincil:#61717b;
  --c-detay-yuzey-cizgi:#dce5e6;
  --c-detay-kart-ayirici:#e3e9e8;
  --c-detay-bolum-metin:#35564f;
  --c-detay-bolum-hover:#eaf2ef;
  --c-detay-arac-zemin:#f4f7f5;
  --c-siparis-secili:#edf5f0;
  --c-ters-metin:#fff;
  /* eski değişkenler → C tokenları (sayfa sayfa renk yazılmaz) */
  --bordo:var(--c-ana); --murekkep:var(--c-metin); --gri:var(--c-ikincil); --cizgi:var(--c-cizgi); --zemin:var(--c-zemin); --beyaz:var(--c-panel);
  --yan-bg:var(--c-menu); --yan-aktif:var(--c-menu2); --yan-vurgu:var(--c-altin);
  --basari:var(--c-yesil); --basari-bg:var(--c-yesil-a); --basari-cizgi:#bbe5c9; --uyari:var(--c-amber); --uyari-bg:var(--c-amber-a); --uyari-cizgi:#f3d9a4;
  --tehlike:var(--c-kirmizi); --tehlike-bg:var(--c-kirmizi-a); --tehlike-cizgi:#f4c7c7;
  --input-h:38px; --radius:8px; --kart-golge:0 2px 8px rgba(23,44,58,.025); --kart-golge-hover:0 4px 14px rgba(23,44,58,.07);
  --marka-acik:#c2d3cf; --marka-degrade-1:var(--c-ana); --marka-degrade-2:var(--c-ana-koyu); --grup-etiket:var(--c-menu-grup); --odak-cizgi:var(--c-ana);
  --ikincil-kenar:var(--c-cizgi-koyu); --ikincil-zemin:var(--c-zemin-acik); --baslik-zemin:#f2f5f3; --satir-cizgi:var(--c-cizgi2); --satir-cift:#fbfcfa; --satir-hover:#f0f6f2; --sirali-bg:#eaf3ef;
  --secili-zemin:var(--c-ana-acik); --akis-num-bg:var(--c-ana-acik); --degrade-acik:var(--c-ana);
  font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif; color:var(--c-metin); background:var(--c-zemin);
}
body:has(.kabuk){background:#f7f6f2;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.kabuk :focus-visible{outline:2px solid var(--c-ana);outline-offset:3px}
.kabuk ::selection{color:var(--c-metin);background:#dbe9e1}
.kabuk .sag,.kabuk td.sag,.kabuk .sayac,.kabuk .num{font-variant-numeric:tabular-nums}
/* menü — 224 px lacivert; grup etiketi küçük büyük harf (tek istisna); aktif satır mavi dolu + altın sol çizgi */
.kabuk .yan{width:224px;background:var(--c-menu);padding-top:12px}
.kabuk .yan .marka{padding:6px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.kabuk .yan .marka-isaret{background:linear-gradient(140deg,#e2c271,#b08530);color:var(--c-menu)}
.kabuk .yan .grup{color:var(--c-menu-grup);font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:12px 16px 5px}
.kabuk .yan .menu-altlar a.alt,.kabuk .yan .tek{color:var(--c-menu-yazi);font-size:13px;padding:6px 12px 6px 18px;margin:0 8px;border-radius:var(--r-mini);position:relative;opacity:1}
.kabuk .yan .menu-altlar a.alt:hover,.kabuk .yan .tek:hover{background:var(--c-menu2);color:var(--metin-ters)}
.kabuk .yan .menu-altlar a.alt.active,.kabuk .yan .tek.active{background:var(--c-ana);color:var(--metin-ters)}
.kabuk .yan .menu-altlar a.alt.active::before,.kabuk .yan .tek.active::before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--c-altin)}
.kabuk .yan svg.mi{width:16px;height:16px;fill:none;stroke:#93a3bf;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kabuk .yan .active svg.mi{stroke:var(--metin-ters)}
.kabuk .ust-kullanici{border-bottom:1px solid rgba(255,255,255,.06)}
/* üst çubuk */
.kabuk .ust-cubuk{background:var(--yuzey);border-bottom:1px solid var(--c-cizgi);min-height:56px;box-shadow:none}
.kabuk .ust-ekmek,.kabuk .ust-ekmek a{color:var(--c-ikincil);font-size:12.5px;text-decoration:none}
.kabuk .ust-ekmek .aktif{color:var(--c-metin);font-weight:600}
/* başlıklar — BÜYÜK HARF yok (menü grup etiketi hariç) */
.kabuk h1{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--c-metin);text-transform:none}
.kabuk h2{font-size:17px;line-height:1.4;font-weight:650;color:var(--c-metin)}
.kabuk .baslik-satir{align-items:center;gap:12px;margin-bottom:20px}
.kabuk .sayac{font-size:12px;font-weight:600;color:var(--c-ikincil);background:var(--c-panel);border:1px solid var(--c-cizgi);border-radius:var(--r-hap);padding:3px 10px;white-space:nowrap}
.kabuk .form-bolum h2,.kabuk .alt-baslik,.kabuk .sevkiyat-finans h2{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--c-metin)}
.kabuk .alan-etiketi,.kabuk .ozet span,.kabuk .kutu .baslik,.kabuk .kart-baslik,.kabuk .akt-alan>span{text-transform:none;letter-spacing:0;font-size:12px;color:var(--c-ikincil)}
.kabuk .durum-etiket{text-transform:none}
/* tablo — sabit başlık, zebra, sağa yaslı sayı, büyük harf yok */
.kabuk .grid{font-size:13px;background:var(--c-panel);border-radius:var(--panel-radius);box-shadow:none}
.kabuk .grid th{background:var(--baslik-zemin);text-transform:none;letter-spacing:0;font-size:12px;font-weight:650;color:var(--c-metin-3);padding:11px 10px;border-bottom:1px solid var(--c-cizgi)}
.kabuk .grid td{padding:10px;border-bottom:1px solid var(--c-cizgi2);line-height:1.45}
.kabuk .grid tbody tr:nth-child(even){background:var(--satir-cift)}
.kabuk .grid tbody tr:hover{background:var(--satir-hover)}
/* İşlem kontrolleri: 38 px; tablo içi girişlerde veri yoğunluğu korunur. */
.kabuk button,.kabuk a.dugme-baglanti{min-height:36px;padding:0 14px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:600}
.kabuk button.ikincil,.kabuk a.dugme-baglanti.ikincil{background:var(--yuzey);color:var(--c-metin);border:1px solid var(--c-cizgi)}
.kabuk input:not([type=checkbox]):not([type=radio]):not([type=file]),.kabuk select,.kabuk textarea{min-height:var(--input-h);border:1px solid var(--c-cizgi-koyu);border-radius:var(--radius);background:var(--c-panel);color:var(--c-metin);font-family:inherit;line-height:1.4}
.kabuk input::placeholder,.kabuk textarea::placeholder{color:var(--c-soluk);opacity:1}
.kabuk input[type=checkbox],.kabuk input[type=radio]{accent-color:var(--c-ana)}
.kabuk .grid input:not([type=checkbox]):not([type=radio]),.kabuk .grid select{min-height:32px;border-radius:var(--r-mini)}
.kabuk .filtreler{gap:8px;flex-wrap:wrap;margin-bottom:16px}
.kabuk .filtreler input.arama{flex:1 1 280px;max-width:520px;padding-left:12px}
.kabuk .form-bolum{gap:16px 24px}
.kabuk .form-bolum label>span{font-size:12.5px;color:var(--c-metin-3)}
.kabuk .form-dugmeler button[type=submit],.kabuk button.birincil,.kabuk button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili){background:var(--c-ana);box-shadow:0 1px 2px rgba(23,44,58,.08)}
/* bağlantı: gövdede altı çizili değil, yalnız üzerine gelince */
.kabuk .calisma-alani a{text-decoration:none}
.kabuk .calisma-alani a:hover{text-decoration:underline}
.kabuk :where(main) a:where(:not([class])){color:var(--c-ana);text-underline-offset:3px}
.kabuk .yan a:hover,.kabuk a.dugme-baglanti:hover{text-decoration:none}
/* kutu/kart: gölge yok, ince çizgi, kutu içinde gri kutu yok */
.kabuk .form-bolum,.kabuk .kutu,.kabuk .m360-kart,.kabuk .kart{box-shadow:var(--kart-golge);border:1px solid var(--c-cizgi);border-radius:var(--panel-radius);background:var(--yuzey)}
/* durum rozetleri — sözlük (tur 158): KASADA/HAZIR yeşil · KALİTEDE mavi · ÜRETİMDE amber · ALINDI/BAŞLAMAMIŞ gri · İŞ EMRİ BEKLİYOR mor · GECİKMİŞ/ÖLÜ kırmızı · TAHMİNİ amber çerçeveli */
.kabuk .rozet,.kabuk .durum-rozeti{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:1px 7px;font-size:11.5px;font-weight:600;line-height:18px;white-space:nowrap}
.kabuk .rozet-hazir,.kabuk .rozet.kesin{background:var(--c-yesil-a);color:var(--c-yesil)}
.kabuk .rozet-kalite{background:var(--c-mavi-a);color:var(--c-mavi)}
.kabuk .rozet-uretim{background:var(--c-amber-a);color:var(--c-amber)}
.kabuk .rozet-alindi{background:var(--c-gri-a);color:var(--c-gri)}
.kabuk .rozet-isemri{background:var(--c-mor-a);color:var(--c-mor)}
.kabuk .rozet-gecikmis{background:var(--c-kirmizi-a);color:var(--c-kirmizi)}
.kabuk .rozet.tahmini,.kabuk .etiket-sari{background:var(--yuzey);color:var(--c-amber);border:1px solid #f3c77a}
/* ortam şeridi + rozetler (5a, 5b) */
.ortam-seridi{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:repeating-linear-gradient(45deg,#f59e0b 0 10px,#1f2937 10px 20px)}
.kabuk .ortam-rozeti{font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:5px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.kabuk .ortam-rozeti.test{background:var(--uyari-zemin);color:var(--uyari-metin)}
.kabuk .ortam-rozeti.canli{background:var(--c-yesil-a);color:var(--c-yesil)}
.kabuk .ortam-rozeti i,.kabuk .veri-saati i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.kabuk .veri-saati{font-size:11.5px;color:var(--c-ikincil);border:1px solid var(--c-cizgi);border-radius:5px;padding:3px 8px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kabuk .veri-saati i{background:var(--c-yesil)}
.kabuk .veri-saati.bayat{color:var(--c-amber);border-color:var(--uyari-kenar);background:var(--c-amber-a)}
.kabuk .veri-saati.bayat i{background:var(--c-amber)}
.kabuk .sistem-uyari-rozeti{font-size:11.5px;font-weight:600;color:var(--c-amber);background:var(--c-amber-a);border:1px solid var(--uyari-kenar);border-radius:5px;padding:3px 8px;text-decoration:none;white-space:nowrap}
/* global arama (⌘K) */
.kabuk .g-arama{position:relative;flex:1;max-width:520px}
.kabuk .g-arama input{width:100%;height:34px;background:var(--c-zemin);border:1px solid var(--c-cizgi);border-radius:var(--r-kucuk);padding:0 64px 0 32px;font-size:12.5px}
.kabuk .g-arama svg{position:absolute;left:10px;top:9px;width:16px;height:16px;stroke:var(--c-soluk);fill:none;stroke-width:1.8}
.kabuk .g-arama kbd{position:absolute;right:8px;top:8px;font:600 10.5px/1 inherit;border:1px solid var(--c-cizgi);border-bottom-width:2px;background:var(--yuzey);border-radius:4px;padding:2px 5px;color:var(--c-ikincil)}
.kabuk .g-sonuc{position:absolute;top:40px;left:0;right:0;background:var(--yuzey);border:1px solid var(--c-cizgi);border-radius:var(--r-kucuk);box-shadow:0 12px 32px rgba(15,23,42,.14);z-index:70;max-height:70vh;overflow:auto;padding:6px 0}
.kabuk .g-sonuc h4{margin:6px 12px 2px;font-size:11px;color:var(--c-ikincil);font-weight:600}
.kabuk .g-sonuc a{display:flex;align-items:center;gap:10px;padding:6px 12px;color:var(--c-metin);text-decoration:none}
.kabuk .g-sonuc a.secili,.kabuk .g-sonuc a:hover{background:var(--c-ana-acik)}
.kabuk .g-sonuc img{width:32px;height:32px;object-fit:contain;border:1px solid var(--c-cizgi2);border-radius:4px;background:var(--yuzey)}
.kabuk .g-sonuc small{color:var(--c-ikincil)}
.kabuk .g-sonuc .bos{padding:10px 12px;color:var(--c-ikincil)}
/* veri kontrolü bandı (5c) */
.kabuk .veri-kontrol{border:1px solid var(--c-cizgi);border-radius:var(--r-kucuk);background:var(--yuzey);margin:8px 0}
.kabuk .veri-kontrol summary{padding:8px 12px;cursor:pointer;font-weight:600}
.kabuk .veri-kontrol ul{list-style:none;margin:0;padding:0 12px 10px}
.kabuk .veri-kontrol li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-top:1px solid var(--c-cizgi2)}
.kabuk .veri-kontrol .tur{font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;flex:none}
.kabuk .veri-kontrol .tur.uyari{background:var(--c-amber-a);color:var(--c-amber)}
.kabuk .veri-kontrol .tur.bilgi{background:var(--c-mavi-a);color:var(--c-mavi)}
.kabuk .veri-kontrol .tur.tamam{background:var(--c-yesil-a);color:var(--c-yesil)}
@media (max-width:1366px){.kabuk .yan{width:208px}.kabuk .g-arama{max-width:360px}}
.kabuk .kutu-ikon:empty,.kabuk .menu-ikon:empty{display:none}
.kabuk .zil-ikon svg{display:block;color:var(--c-ikincil)}
.kabuk .yan .grup svg.mi{margin-right:2px}
/* detay çekmecesi (5f) — sağdan; içerik sayfadan */
.kabuk .cekmece-ort{position:fixed;inset:0;background:rgba(15,23,42,.18);z-index:69}
.kabuk .cekmece{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--yuzey);border-left:1px solid var(--c-cizgi);box-shadow:-8px 0 24px rgba(15,23,42,.10);z-index:70;display:flex;flex-direction:column;outline:none}
.kabuk .cekmece-ust{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--c-cizgi)}
.kabuk .cekmece-ust h2{margin:0;font-size:14px;flex:1;font-family:ui-monospace,monospace}
.kabuk .cekmece-govde{padding:12px 16px;overflow:auto}
.kabuk .cekmece-govde h3{font-size:12.5px;font-weight:600;margin:14px 0 4px;color:var(--c-ikincil)}
.kabuk .cekmece-foto{height:220px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-cizgi2);border-radius:var(--r-kucuk);background:var(--yuzey)}
.kabuk .cekmece-foto img{max-width:100%;max-height:210px;object-fit:contain}
.kabuk .cekmece-alan{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;margin:10px 0}
.kabuk .cekmece-alan dt{color:var(--c-ikincil);font-size:12px}.kabuk .cekmece-alan dd{margin:0}
.kabuk .cekmece .tur{font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px}
.kabuk .cekmece .tur.uyari{background:var(--c-amber-a);color:var(--c-amber)}.kabuk .cekmece .tur.bilgi{background:var(--c-mavi-a);color:var(--c-mavi)}
.kabuk ol.iz{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--c-cizgi)}
.kabuk ol.iz li{position:relative;padding:4px 0 8px 6px}
.kabuk ol.iz li::before{content:"";position:absolute;left:-20px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--yuzey);border:2px solid var(--c-ana)}
.kabuk .iz-kaynak{font-size:10.5px;font-weight:700;color:var(--c-ikincil);border:1px solid var(--c-cizgi);border-radius:4px;padding:0 4px}
.kabuk .baglanti-dugme{all:unset;cursor:pointer;color:var(--c-ana);font-family:ui-monospace,monospace}
.kabuk .baglanti-dugme:hover{text-decoration:underline}.kabuk .baglanti-dugme:focus-visible{outline:2px solid var(--c-ana)}
.kabuk tr.secili td{background:var(--c-ana-acik)}
/* ürün satırı fotoğrafı (KodFoto) — 46 px, tıklanınca büyük */
.kabuk img.kod-foto{width:46px;height:46px;object-fit:contain;border:1px solid var(--c-cizgi2);border-radius:4px;background:var(--yuzey);cursor:zoom-in;display:block}
.kabuk td.foto-hucre{width:54px;padding-top:4px;padding-bottom:4px}
.kabuk .kod-foto-sar{display:inline-flex;align-items:center;gap:8px}
/* VeriTablosu ekleri (5e) — tek satır yüksekliği sözleşmesi: YOĞUN 52 px + foto 44 · RAHAT 64 px + foto 56 */
.kabuk .vt-arac{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}
.kabuk .vt-arac label{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--c-ikincil)}
.kabuk table.yogun td{padding-top:6px;padding-bottom:6px}
.kabuk table.rahat td{padding-top:12px;padding-bottom:12px}
.kabuk table.yogun tbody tr[data-urun-durum-satir]{height:52px}.kabuk table.yogun img.kod-foto{width:44px;height:44px}
.kabuk table.rahat tbody tr[data-urun-durum-satir]{height:64px}.kabuk table.rahat img.kod-foto{width:56px;height:56px}
.kabuk tr.vt-ara td{background:var(--zemin);font-size:12px;color:var(--c-ikincil)}
.kabuk tr.vt-alt td{background:var(--yuzey-2);font-weight:600;border-top:1px solid var(--c-cizgi)}
.kabuk .vt-secim{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;background:var(--c-menu);color:var(--metin-ters);border-radius:var(--r-kucuk);padding:8px 12px;margin-top:6px;z-index:5}
/* İŞ 1 yasakları tek yerden (sayfa .razor.css kuralları dahil): BÜYÜK HARF başlık/etiket yok (menü grup etiketi .yan içinde, kapsam dışı) · gövdede altı çizili bağlantı yalnız hover */
.kabuk .calisma-alani :is(h1,h2,h3,h4,h5,h6,th,summary,legend,dt,.alan-etiketi,.kart-baslik,.alt-baslik,.durum-etiket,.kutu .baslik,.ozet span,.akt-alan>span,.m360-kart>span){text-transform:none !important;letter-spacing:normal !important}
.kabuk .calisma-alani a:not(:hover){text-decoration:none !important}
.kabuk .kaydir{overflow-x:auto;max-width:100%}
/* 4c: 1440 px ve altı — geniş tablo kendi kutusunda yatay kayar, sayfa kaymaz (1568'de değişiklik yok; dar ekranda sayfa düzeyi yapışkan başlık yerine kutu içi kaydırma) */
.kabuk .calisma-alani{min-width:0}
@media (max-width:1440px){.kabuk .calisma-alani :is(div,section,details,form,main,article):has(> table.grid){overflow-x:auto;max-width:100%}}
/* 5i: altın yalnız logo + aktif menü satırının sol çizgisi */
.kabuk .menu-satir a.alt-ek{color:var(--c-menu-grup)}.kabuk .yan a.alt.active::after{background:transparent}
/* bağımsız göz 170A düzeltmeleri */
.kabuk{--vurgu:var(--c-ana)}                                         /* sipariş adım şeridinde tamamlanan adım beyaz-beyaz kalıyordu (kontrast 1,09) */
.kabuk .g-arama{min-width:260px}
.kabuk .g-sonuc{width:min(560px,calc(100vw - 32px));right:auto;display:block;max-height:70vh;overflow:auto}   /* sonuçlar dar kutuda yan yana kesiliyordu */
.kabuk .g-sonuc > a{display:flex;width:auto}
.kabuk .veri-kontrol .tur::before,.kabuk .cekmece .tur::before,.kabuk .veri-kontrol .uyari::before{content:none}   /* eski .uyari::before ⚠ rozetin altına kayıyordu */
.kabuk .veri-kontrol .tur.uyari,.kabuk .cekmece .tur.uyari{position:static;padding:1px 6px}
.kabuk .ortam-rozeti,.kabuk .veri-saati,.kabuk .sistem-uyari-rozeti{white-space:nowrap;flex:none}
.kabuk .ust-ekmek{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* 4c (1366/1280): üst çubuk sağ tarafı sığmazsa ikinci satıra sarar — hiçbir öğe gizlenmez, sayfa yana kaymaz */
.kabuk .ust-sag{min-width:0}
.kabuk .ust-cubuk{flex-wrap:wrap;row-gap:6px;height:auto;padding-top:6px;padding-bottom:6px}   /* her genişlikte: yalnız sığmazsa sarar (1568'de uzun ekmek kırıntısı) */
.kabuk .ust-sag{flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;flex:1 1 auto}
.kabuk .ust-cubuk > div:first-child{min-width:0;flex:0 1 auto}
@media (max-width:1440px){.kabuk .g-arama{min-width:200px}}
/* bağımsız göz 170A: içeriğe atlama · menüde görünür odak · foto büyütmede model adı */
.icerige-atla{position:absolute;left:-9999px;top:4px;z-index:100;background:var(--yuzey);color:var(--c-ana);padding:6px 10px;border-radius:var(--r-mini)}
.icerige-atla:focus{left:8px}
/* UX 31.10 (ortak): "İçeriğe geç" sonrası odak main'e geçer (lotus.js); bütün içerik alanına çerçeve çizilmez — sonraki Tab ilk denetime gider. */
.kabuk main#icerik:focus-visible{outline:none}
.kabuk .yan :focus-visible{outline:2px solid var(--yuzey);outline-offset:-2px}
.kod-foto-ad{position:absolute;left:0;right:0;bottom:-28px;text-align:center;color:var(--metin-ters);font:600 13px/1.4 ui-monospace,monospace}
/* bağımsız göz 170A: eski menü ağaç çizgisi ve noktası yeni dolguda ilk harfin üstüne düşüyordu */
.kabuk .yan .alt:not(.active)::before,.kabuk .yan .alt::after{content:none}
.kabuk .onay-once-sonra{background:var(--c-ana-acik);border:1px solid #c7d6fb;border-radius:var(--r-mini);padding:6px 10px;margin:6px 0}
.kabuk button[data-onay-dugme]:disabled{opacity:.5;cursor:not-allowed}
/* tur 182: onay bekleyen sipariş — toplama girmez, ayrı satır (iç ekranlar) */
.onay-bekleyen{background:var(--uyari-bg);border:1px dashed var(--uyari-cizgi);color:var(--uyari);border-radius:var(--r-mini);padding:6px 10px;margin:8px 0;font-size:.92em}
.onay-bekleyen .onay-bekleyen-baslik small{display:block;opacity:.85}
.onay-bekleyen ul{margin:4px 0 0;padding-left:18px}
.onay-bekleyen.kompakt{padding:4px 8px;margin:4px 0}
.onay-bekleyen.kompakt .onay-bekleyen-baslik small{display:inline;margin-left:4px}
.siparis-onay{margin:8px 0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.siparis-akis .akis-adim.akis-bekliyor{border-style:dashed;color:#85520f} /* UX 02.11 kontrast: amber 4,49 → koyusu 5,7:1 */
/* tur 182 İŞ 2: patron sayfası sade ilk ekran (referans duzen-onerisi/LOTUS-ERP-patron-sade.html) */
.patron-sade{max-width:1240px}
.patron-sade .ps-ust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.patron-sade .ps-ust h1{font-size:28px;margin:0;line-height:1.25}
.patron-sade .ps-tarih{color:var(--gri);font-size:13.5px;margin-top:5px}
.patron-sade .ps-dugmeler{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.patron-sade .ps-ozet{font-size:15px;line-height:1.65;color:var(--c-metin-3,var(--gri));background:none;border:0;padding:0;margin:8px 0 20px;max-width:95ch}
.patron-sade .ps-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.patron-sade .ps-kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:17px 18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-width:0;box-shadow:var(--kart-golge);transition:border-color .15s ease,box-shadow .15s ease}
.patron-sade a.ps-kart:hover,.patron-sade .ps-kart[role=button]:hover,.patron-sade button.ps-kart:hover{border-color:var(--ikincil-kenar);box-shadow:var(--kart-golge-hover);text-decoration:none}
.patron-sade .ps-kart .l{font-size:12.5px;color:var(--gri);font-weight:600}
.patron-sade .ps-kart strong{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-.035em;margin:6px 0 2px;font-variant-numeric:tabular-nums;color:var(--murekkep);overflow-wrap:anywhere}
.patron-sade .ps-kart strong small{font-size:13px;color:var(--gri);font-weight:500;margin-left:5px}
.patron-sade .ps-kart .s{font-size:12.5px;color:var(--gri);line-height:1.45}
.patron-sade .ps-kart.hazir{border-left:3px solid var(--basari);box-shadow:var(--kart-golge)}
.patron-sade .ps-kutu{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;margin-bottom:16px}
.patron-sade .ps-kutu h2{font-size:16px;margin:0 0 12px;font-weight:650}
.patron-sade .ps-cubuk{display:flex;height:38px;border-radius:var(--r-kucuk);overflow:hidden;background:var(--c-zemin-acik,var(--zemin))}
.patron-sade .ps-cubuk div{display:flex;align-items:center;justify-content:center;color:var(--metin-ters);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden}
.patron-sade .k1{background:var(--c-gri,#637079)}.patron-sade .k2{background:var(--c-amber,#9b601b)}.patron-sade .k3{background:var(--c-mavi,#346b95)}.patron-sade .k4{background:var(--basari)}
.patron-sade .ps-lejant{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
.patron-sade .ps-lejant div{font-size:13.5px}.patron-sade .ps-lejant i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.patron-sade .ps-lejant b{display:inline;font-size:17px;font-variant-numeric:tabular-nums;margin:0 6px}
.patron-sade .ps-not{font-size:13px;color:var(--gri);margin:8px 0 0}
.patron-sade .ps-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.patron-sade .ps-dk{list-style:none;margin:0;padding:0}
.patron-sade .ps-dk li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--satir-cizgi);align-items:flex-start;font-size:13.5px}.patron-sade .ps-dk li:last-child{border:0;padding-bottom:0}
.patron-sade .ps-dk .ic{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}
.patron-sade .ps-dk .r{background:var(--tehlike-bg);color:var(--tehlike)}.patron-sade .ps-dk .a{background:var(--uyari-bg);color:var(--uyari)}
.patron-sade .ps-dk a{margin-left:auto;font-weight:600;white-space:nowrap;font-size:13px}
.patron-sade .ps-satir{display:grid;grid-template-columns:150px minmax(0,1fr) 80px;align-items:center;gap:10px;padding:5px 0}
.patron-sade .ps-satir a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.patron-sade .ps-iz{background:var(--c-zemin-acik,var(--zemin));border-radius:5px;height:14px;overflow:hidden}.patron-sade .ps-iz div{height:100%;background:var(--bordo);border-radius:5px}
.patron-sade .ps-satir strong{text-align:right;font-variant-numeric:tabular-nums}
.patron-sade .ps-ay{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}.patron-sade .ps-ay div b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.ps-ayrinti-baslik{font-size:1rem;margin:18px 0 8px;max-width:1240px}
details.ps-ayrinti{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:12px;max-width:1240px}
details.ps-ayrinti > summary{padding:13px 18px;cursor:pointer;font-weight:600;color:var(--murekkep)}
details.ps-ayrinti > summary:hover{background:var(--hover-hafif);border-radius:inherit}
details.ps-ayrinti > summary span{color:var(--gri);font-weight:400;margin-left:6px;font-size:13px}
details.ps-ayrinti[open]{padding:0 18px 14px}
details.ps-ayrinti[open] > summary{margin:0 -18px 8px;border-bottom:1px solid #eef1f6}
@media (max-width:900px){.patron-sade .ps-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.patron-sade .ps-iki{grid-template-columns:minmax(0,1fr)}.patron-sade .ps-lejant{grid-template-columns:repeat(2,minmax(0,1fr))}}
.onay-bekleyen.dikkat{background:#fef2f2;border-color:#fecaca;color:#991b1b}
/* tur 184 İŞ 5: Müşteri 360 marka oranı bandı sade */
.m360-marka{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:4px 0;font-size:14px}
.m360-marka .m360-marka-cumle{font-weight:600}
.m360-marka.asildi .m360-marka-cumle{color:var(--uyari-metin)}
.m360-marka .m360-marka-son3{display:inline-flex;gap:4px;align-items:center}.m360-marka .m360-marka-son3 small{color:var(--metin-3);margin-right:2px}
.m360-marka .m360-marka-izin{flex-basis:100%;font-size:13px;color:var(--metin-2)}
.mo-sade{background:var(--yuzey);border:1px solid #dde3ec;border-radius:var(--r);padding:10px 16px;margin:8px 0 12px;max-width:1240px}
.mo-sade .mo-cumle{font-size:16px;margin:0}.mo-sade.asildi .mo-cumle strong{color:var(--uyari-metin)}
.mo-sade .mo-asan{margin:6px 0 0;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}

/* Tur 183 İŞ 0: "Bir sorun bildir" düğmesi + penceresi; Kontrol Merkezi › Geri bildirim listesi */
.ust-sag .sorun-bildir-dugme{padding:7px 11px;font-size:12px;background:var(--uyari-bg);color:var(--uyari);border:1px solid var(--uyari-cizgi);border-radius:var(--r-kucuk);white-space:nowrap;cursor:pointer;min-height:0}
.ust-sag .sorun-bildir-dugme:hover{background:#ffefcc}
dialog.sorun-bildir{border:1px solid var(--cizgi);border-radius:var(--r);padding:20px 22px;width:min(520px,calc(100vw - 32px));box-shadow:0 18px 50px rgba(18,55,80,.25)}
dialog.sorun-bildir::backdrop{background:rgba(18,55,80,.35)}
dialog.sorun-bildir h2{margin:0 0 6px;font-size:18px}
dialog.sorun-bildir label{display:block;margin:12px 0 0;font-size:13px;font-weight:600;color:var(--murekkep)}
dialog.sorun-bildir textarea,dialog.sorun-bildir input[type=file]{display:block;width:100%;margin-top:5px;font-weight:400}
dialog.sorun-bildir .sorun-adres{word-break:break-all;font-size:11.5px;margin-top:10px}
dialog.sorun-bildir .sorun-sonuc:empty{display:none}
dialog.sorun-bildir .sorun-dugmeler{display:flex;gap:8px;margin-top:14px}
.geri-bildirim-listesi .gb-metin{max-width:380px;white-space:pre-wrap}
.geri-bildirim-listesi .gb-kucuk{max-width:120px;max-height:80px;border:1px solid var(--cizgi);border-radius:4px}
.geri-bildirim-listesi .gb-islem input{width:150px;margin-bottom:4px}
.geri-bildirim-listesi .gb-islem{min-width:200px}
.durum-rozet.gb-yeni{background:var(--uyari-bg);color:var(--uyari)} .durum-rozet.gb-duzeltildi{background:var(--basari-bg);color:var(--basari)} .durum-rozet.gb-reddedildi{background:#eef1f4;color:var(--gri)}
@media(max-width:650px){.ust-sag .sorun-bildir-dugme{padding:6px 8px;font-size:11px}}
/* Tur 183 İŞ 1e: portal katalog — bileklik/el zinciri satırda tek model, tam genişlik, tek foto */
.portal-katalog .katalog-kart.kat-kart--satir{grid-column:1/-1}
.portal-katalog .katalog-kart.kat-kart--satir .kat-kart-resim{height:170px}
.portal-katalog .katalog-kart.kat-kart--satir .kat-kart-resim img{max-height:170px;width:auto;max-width:100%}
/* Tur 183 İŞ 2–3: sade ilk ekran (SadeUst) — patron-sade görünümü her ekranda; kırmızı yalnız işlem gerektiren kartta */
.sade-ust{max-width:none}
.sade-ust .ps-kart.kirmizi{border-left:3px solid var(--tehlike);box-shadow:var(--kart-golge)}
.sade-ust .ps-kart.kirmizi strong{color:var(--tehlike)}
.sade-bayat{margin:8px 0 12px;padding:9px 12px;border-radius:var(--r-kucuk);background:var(--uyari-bg);border:1px solid var(--uyari-cizgi);color:var(--uyari);font-size:13px}
.sade-ayrinti-baslik{font-size:1rem;margin:18px 0 8px;color:var(--metin)}
details.ps-ayrinti > summary small{color:#5b6474;font-weight:400;margin-left:6px;font-size:13px}
/* Tur 183: "Bir sorun bildir" eklenince üst çubuk 1366'da tek satıra sığsın (öğe kaldırılmaz; zil yazısı simgeye iner, aralıklar daralır) */
@media(max-width:1500px){.ust-sag{gap:8px}.ust-sag .sorun-bildir-dugme{padding:6px 9px}.ust-sag .zil .zil-metin{display:none}}
@media(max-width:1500px){.ust-sag .kullanici-bilgi{display:none}}   /* tur 183: kullanıcı adı yan menünün üstünde de yazıyor — 1366'da üst çubuk tek satır */
/* Tur 183 pano çubuğu (patron-sade kova renkleri) */
.sade-ust .k-a{background:var(--c-mor,#725795)}.sade-ust .k-u{background:var(--c-amber,#9b601b)}.sade-ust .k-k{background:var(--c-mavi,#346b95)}.sade-ust .k-s{background:var(--basari)}
.sade-ust .ps-lejant i.k-a,.sade-ust .ps-lejant i.k-u,.sade-ust .ps-lejant i.k-k,.sade-ust .ps-lejant i.k-s{display:inline-block}
.sade-ust .ps-lejant [role=button]{cursor:pointer;border-radius:var(--r-mini);padding:2px 4px}.sade-ust .ps-lejant [role=button]:hover,.sade-ust .ps-lejant .secili{background:#eef4fb}
.sade-ust .ps-lejant strong{display:inline;font-size:17px;font-variant-numeric:tabular-nums;margin:0 6px}
.sade-ust .ps-kart[role=button]{cursor:pointer}.sade-ust .ps-kart.secili{border-color:var(--bordo);box-shadow:var(--odak-halka)}
.sade-ust .ps-kart small.s{font-size:12.5px;color:var(--gri)}
/* Tur 183 Müşteri 360 sade üst */
.m360-sade-ust{align-items:flex-start}.m360-sade-ust .m360-kimlik{min-width:0;flex:1}
.m360-diger{position:relative}.m360-diger>summary{list-style:none;cursor:pointer;padding:7px 12px;border:1px solid #c9d6df;border-radius:var(--r-kucuk);background:var(--yuzey);font-size:13px;font-weight:600;color:var(--metin)}
.m360-diger>summary::-webkit-details-marker{display:none}
.m360-diger[open]>.m360-baglantilar{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:var(--yuzey);border:1px solid #dde3ec;border-radius:var(--r);padding:8px;box-shadow:0 10px 30px rgba(18,55,80,.15);display:flex;flex-direction:column;gap:4px;min-width:200px}
.m360-diger[open]>.m360-baglantilar a{padding:6px 10px;border-radius:var(--r-mini)}.m360-diger[open]>.m360-baglantilar a:hover{background:var(--yuzey-2)}
.sade-ust button.ps-kart{text-align:left;font:inherit;cursor:pointer;min-height:0;color:inherit}
.sade-ust .k-g{background:#94a3b8}.sade-ust .ps-lejant i.k-g{display:inline-block}
/* Tur 183 ürün kartı sade üst */
.urun-sade-foto{display:flex;gap:20px;align-items:center}
.urun-sade-foto img{width:260px;height:260px;object-fit:contain;background:var(--zemin);border:1px solid var(--kenar);border-radius:var(--r)}
.urun-sade-fotosuz{width:260px;height:260px;display:grid;place-items:center;background:var(--zemin);border:1px dashed var(--kenar-koyu);border-radius:var(--r);color:var(--metin-3)}
.urun-sade-kimlik{display:flex;flex-direction:column;gap:6px}.urun-sade-kimlik strong{font-size:20px}.urun-sade-kimlik span{color:var(--metin-2)}
@media(max-width:700px){.urun-sade-foto{flex-direction:column;align-items:flex-start}.urun-sade-foto img,.urun-sade-fotosuz{width:100%;height:auto;aspect-ratio:1}}

/* Tur 186: müşteri yanında satış (Katalog ?mod=satis) — tam ekran: sol menü, üst çubuk, ortam şeridi kapanır; içerik dolgusuz ve tam genişlik */
body:has([data-satis-modu]) .yan,body:has([data-satis-modu]) .ust-cubuk,body:has([data-satis-modu]) .yan-overlay,body:has([data-satis-modu]) .ortam-seridi,body:has([data-satis-modu]) .icerige-atla{display:none!important}
body:has([data-satis-modu]) main{padding:0!important;max-width:none!important;animation:none!important}
body:has([data-satis-modu]){background:#f3f5f9}
.kat-btn--satis{background:#0f2342;color:var(--metin-ters)!important;border-color:#0f2342;text-decoration:none;display:inline-flex;align-items:center}
.kat-btn--satis:hover{background:#1a3563}

/* Tur 170B — C+ ortak katman: sayfa başlığı · veri tablosu (kendi kutusunda kayar, başlık sabit) · boş ekran · durum rozeti (tek sözlük, TASARIM-STANDARDI §3) */
.kabuk .sayfa-basligi{display:contents}   /* sarmalayıcı kutu üretmez: mevcut başlık düzeni birebir; ortak stil buradan büyür */
.kabuk .veri-tablosu{max-width:100%;overflow-x:auto}
.kabuk .bos-ekran{display:flex;align-items:center;gap:14px;padding:22px 24px;border:1px solid var(--c-cizgi);border-radius:var(--r);color:var(--c-metin-3);background:var(--c-panel)}
.kabuk .bos-ekran-simge{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:var(--r);background:var(--c-zemin-acik);color:var(--c-ikincil)}
.kabuk .bos-ekran-simge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kabuk .bos-ekran-metin{display:flex;flex-direction:column;gap:4px;font-size:14px}
.kabuk .bos-ekran-ne{font-size:13px;color:var(--c-ikincil)}
.kabuk .bos-ekran--hata{border-style:solid;border-color:color-mix(in srgb,var(--c-kirmizi) 35%,transparent);color:var(--c-kirmizi);background:var(--c-kirmizi-a)}
.kabuk .bos-ekran--hata .bos-ekran-simge{background:var(--c-panel);color:var(--c-kirmizi)}
.kabuk .durum-rozeti{display:inline-block;font-size:var(--yazi-xs);font-weight:700;letter-spacing:.02em;border-radius:var(--r-mini);padding:2px 7px;white-space:nowrap}
.kabuk .durum-rozeti--mor{background:var(--c-mor-a);color:var(--c-mor)} .kabuk .durum-rozeti--amber{background:var(--c-amber-a);color:var(--c-amber)}
.kabuk .durum-rozeti--mavi{background:var(--c-mavi-a);color:var(--c-mavi)} .kabuk .durum-rozeti--yesil{background:var(--c-yesil-a);color:var(--c-yesil)}
.kabuk .durum-rozeti--gri{background:var(--c-gri-a);color:var(--c-gri)} .kabuk .durum-rozeti--kirmizi{background:var(--c-kirmizi-a);color:var(--c-kirmizi)}
.kabuk .durum-rozeti--sari{background:var(--c-amber-a);color:var(--c-amber)} .kabuk .durum-rozeti--turuncu{background:var(--c-amber-a);color:var(--c-amber)}

/* Tur 170B (K1): dinamik değer yalnız --dv değişkeniyle; özellik data-dv ile seçilir */
.kabuk [data-dv="width"]{width:var(--dv)} .kabuk [data-dv="height"]{height:var(--dv)}
/* Tur 170B (5g): onay kalıbı — tek görünüm */
.onay-kalibi{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--tehlike-cizgi);border-radius:var(--r-kucuk);background:var(--tehlike-bg);max-width:640px}
.onay-kalibi .onay-baslik{margin:0}.onay-kalibi .onay-fark{margin:0;font-variant-numeric:tabular-nums}.onay-kalibi .onay-fark-ad{color:var(--gri)}
.onay-kalibi .onay-gerekce{display:grid;gap:4px}.onay-kalibi textarea{width:100%;box-sizing:border-box}.onay-kalibi .onay-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.gizli-metin{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tur 189 T2: tablo başlığı kaydırınca sabit — VeriTablosu kutusu dikeyde de kendi içinde kayar (pencere yüksekliğine sığar), thead sticky kutunun üstüne yapışır;
   sayfa düzeyinde (kutusuz) tablolarda .grid th zaten sticky (satır 188). Yazdırmada sınır yok. */
.kabuk .veri-tablosu{overflow:auto;max-height:calc(100dvh - 132px);border:1px solid var(--c-cizgi);border-radius:var(--panel-radius);background:var(--c-panel);scrollbar-width:thin;scrollbar-color:var(--c-cizgi-koyu) transparent}
.kabuk .veri-tablosu:focus-visible{outline-offset:3px}
.kabuk .veri-tablosu > table.grid{margin:0;border:0;border-radius:0}
.kabuk .veri-tablosu table{overflow:clip !important}   /* overflow:hidden (köşe yuvarlama) sticky başlığı bozar; clip kaydırma kabı oluşturmaz (İş emri listesi) */
.kabuk .veri-tablosu table thead th{position:sticky;top:0;z-index:3;background:var(--baslik-zemin,#f3f4f6);box-shadow:0 1px 0 var(--cizgi,#e5e7eb)}
.kabuk .veri-tablosu table thead tr:nth-child(2) th{top:42px}
@media print{.kabuk .veri-tablosu{max-height:none;overflow:visible} .kabuk .veri-tablosu table thead th{position:static}}
/* Tur 189 B6: katalog etiket alanı içinde seçili çipler */
.kabuk .kat-alan-etiket{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.kabuk .kat-cip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-hap);background:var(--c-mavi-a,#e8f0fe);color:var(--c-mavi,#1d4ed8);font-size:var(--yazi-xs,12px);white-space:nowrap}
.kabuk .kat-cip-x{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}
/* Tur 189 T4: onay kalıbı onay kutusu */
.onay-kalibi .onay-kutu{display:flex;gap:6px;align-items:center;font-size:var(--yazi-s,13px)}

/* tur 191 1c: "veri tarihi" tek satırı (VeriTarihiSatiri) — pano / müşteri 360 / patron ilk satırı; 72 saat üstü amber */
.kabuk .veri-tarihi{margin:2px 0 6px;font-size:var(--yazi-s,12.5px);color:var(--c-ikincil)}
.kabuk .veri-tarihi.bayat{display:inline-block;padding:4px 10px;border-radius:var(--r-mini);background:var(--c-amber-a);border:1px solid var(--uyari-kenar);color:var(--c-amber);font-weight:600}

/* tur 191 T8: Ürün raporu süzgeci TEK ŞERİT — birincil alanlar tek satır, "Daha fazla süzgeç" aynı kutuda ikinci satır (Katalog tur 191 kalıbı) */
.urun-rapor-filtreleri{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 12px;margin-bottom:8px}   /* tur 192 K-191-6: sıralama + sayfa başı üst şeritte, 1568'de tek satır */
.urun-rapor-filtreleri>label,.urun-rapor-filtreleri>div,.urun-rapor-ikinci>label,.urun-rapor-ikinci>div{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--c-ikincil)}
.urun-rapor-filtreleri input,.urun-rapor-filtreleri select{display:inline-block;width:auto;margin-top:0;min-height:32px;padding:4px 8px;font-size:.82rem}
.urun-rapor-filtreleri input[type=text],.urun-rapor-filtreleri input:not([type]){width:150px}
.urun-rapor-filtreleri input[type=date]{width:136px}
.urun-rapor-filtreleri .aranabilir-secim{max-width:150px;min-width:120px;margin-top:0}
.urun-rapor-filtreleri>label,.urun-rapor-filtreleri>div{white-space:nowrap}
.urun-rapor-filtreleri select{max-width:none}   /* tur 192 göz: etiketi gizli seçicilerin seçili metni kesilmesin */
.urun-rapor-ikinci .aranabilir-secim{max-width:150px;min-width:120px}
.urun-rapor-filtreleri .aranabilir-secim-deger{min-height:32px;padding-top:3px;padding-bottom:3px}
.urun-rapor-filtreleri .ur-daha{margin-left:auto;text-decoration:none;white-space:nowrap}
.urun-rapor-ikinci{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-top:6px;border-top:1px dashed var(--c-cizgi)}
.urun-rapor-ikinci.kapali{display:none}

/* K-191-10 (göz 191): üst bant araması kırıntıya yapışıktı */
.kabuk .g-arama{margin-left:14px}

/* tur 192 2c: kotasyon tablosunda yatay cins fotoğrafı — .kabuk img.kod-foto 46px kuralını ezer; kırpma yok, kendi oranında */
.kabuk table.kf-tablo td.kod{white-space:normal;overflow-wrap:break-word;min-width:178px;max-width:200px}   /* tur 192 2c (göz): uzun VC kodları tireden kırılır → tablo 1568'de sığar, Son satış / Not görünür (scoped ::deep kuralı .grid td.kod nowrap'ı yenemedi) */
.kabuk img.kod-foto.kf-foto-yatay{width:220px;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0;padding:0;background:transparent}

/* Hareket tercihi ve dar ekranda okunurluk; veri ve eylemler gizlenmez. */
@media (max-width:640px){
  .kabuk h1,.patron-sade .ps-ust h1{font-size:24px}
  .kabuk .bos-ekran{padding:18px 16px;align-items:flex-start}
  .patron-sade .ps-kart strong{font-size:27px}
  .patron-sade .ps-dk li{flex-wrap:wrap}
  .patron-sade .ps-dk li>div{flex:1;min-width:180px}
  .patron-sade .ps-dk a{margin-left:32px}
}
/* UX 31.10 (ortak, azaltılmış hareket): eski blok (.kabuk .ps-kart / .kabuk .iskelet) sonra yüklenen tasarim.css ve kapsamlı (scoped) CSS'teki daha özgül
   seçicilere yeniliyordu → kart geçişi, sayfa iskeletleri, spinner ve panel kayması "hareketi azalt" açıkken de oynuyordu. Kullanıcı tercihi süs kurallarının
   üstünde olmalı: tek blok, !important. Animasyon/geçiş son karesinde anında biter (.01ms; animationend yine tetiklenir). Hover'da kalkan kartlar kalkmaz.
   Konumlama için kullanılan transform'lar (translateY(-50%) vb.) ve fotoğraf yakınlaştırmaları (scale) dokunulmaz. Yeni animasyon yok. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .kabuk .patron-sade a.ps-kart:hover,.kabuk .lotus-calisma .calisma-gosterge:hover,.is-akisi a:hover,.galeri .kart:hover,.kutu:hover,.ozet:hover,.uyari-blok:hover,
  .katalog-kart:hover,a.imza-sayi[data-imza]:hover,.kasa-link-kart:hover,a.rol-kart:hover,a.rol-kart:hover::after,.ut-ozet-kart:hover,.fatura-ozet-kart:hover,
  .galeri-kart:hover{transform:none!important}
}
@media print{
  .kabuk{background:var(--yuzey)}
  .kabuk h1,.patron-sade .ps-ust h1{font-size:15pt}
  .kabuk h2{font-size:12pt}
  .kabuk .veri-tablosu{border:0;border-radius:0}
  .kabuk .veri-tablosu table thead tr:nth-child(2) th{top:auto}
}

/* Dalga 1 patron — O-13 bayatlık rozeti · O-20 sabah şeridi + telefon kipi · O-14 karar kutusu · O-12 piyasa şeridi */
.tazelik-rozeti{float:right;margin:0 0 4px 8px;font-size:11px;font-weight:600;line-height:1.4;padding:1px 7px;border-radius:var(--r-hap);border:1px solid var(--cizgi);color:var(--gri);background:var(--beyaz);white-space:nowrap}
.tazelik-rozeti.tazelik-yesil{color:var(--basari);border-color:var(--basari-cizgi);background:var(--basari-bg)}
.tazelik-rozeti.tazelik-sari{color:var(--uyari);border-color:var(--uyari-cizgi);background:var(--uyari-bg)}
.tazelik-rozeti.tazelik-kirmizi,.tazelik-rozeti.tazelik-yok{color:var(--tehlike);border-color:var(--tehlike-cizgi);background:var(--tehlike-bg)}
:is(.ps-kart,.yonetim-ozet>a,.ozet>div):has(>.tazelik-kirmizi) strong{opacity:.45}
.sabah-seridi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 16px}
.sabah-seridi>.ipucu{grid-column:1/-1}
.sabah-seridi .ss-kutu{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px;min-width:0}
.sabah-seridi .ss-kutu.dikkat{border-left:3px solid var(--tehlike)}
.sabah-seridi .ss-baslik{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--gri);margin-bottom:6px}
.sabah-seridi .ss-baslik .tazelik-rozeti{float:none;margin:0}
.sabah-seridi .ss-satir{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:inherit;padding:2px 0}
.sabah-seridi .ss-satir span{min-width:90px;color:var(--gri);font-size:13px}
.sabah-seridi .ss-satir b{font-variant-numeric:tabular-nums;font-size:15px;color:var(--murekkep)}
.sabah-seridi .ss-satir.ana{flex-wrap:wrap}
.sabah-seridi .ss-satir.ana b{font-size:17px}
.sabah-seridi .ss-satir.ana small{flex-basis:100%}
.patron-sade .ps-kart>.tazelik-rozeti,.kabuk .patron-sade .ps-kart>.tazelik-rozeti,.yonetim-ozet>a>.tazelik-rozeti{float:none;align-self:start;justify-self:start;margin:0 0 6px}
.sabah-seridi .ss-satir small{color:var(--gri);font-size:12px}
.sabah-seridi .ss-liste{margin:4px 0 0;padding-left:18px;font-size:13px}
.sabah-seridi .ss-liste li{overflow-wrap:anywhere}
.sabah-seridi .ss-alt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:var(--gri)}
.sabah-seridi .ss-bilgi{font-weight:400;cursor:help}
.ps-telefon-dugme{display:none}
@media (max-width:640px){
  .patron-sade:not(.telefon-tum) .ps-telefon-gizli{display:none}
  .ps-telefon-dugme{display:block;width:100%;margin:8px 0 16px}
  body:has(.patron-sade:not(.telefon-tum)) :is(.ps-ayrinti,.ps-ayrinti-baslik){display:none}
  .sabah-seridi{grid-template-columns:minmax(0,1fr)}
}
.karar-kutusu{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;margin:0 0 16px}
.karar-kutusu .kk-ust{display:flex;justify-content:space-between;align-items:center;gap:8px}
.karar-kutusu h2{font-size:16px;margin:0 0 8px}
.karar-kutusu .kk-liste{list-style:none;margin:0;padding:0}
.karar-kutusu .kk-madde{border-top:1px solid var(--cizgi);padding:10px 0}
.karar-kutusu .kk-gun{font-size:12px;color:var(--gri);margin-left:6px}
.karar-kutusu .kk-gun.eski{color:var(--tehlike);font-weight:600}
.karar-kutusu .kk-sonuc,.karar-kutusu .kk-kaynak,.karar-kutusu .kk-dosya{font-size:13px;color:var(--gri);margin-top:4px}
.karar-kutusu .kk-secenekler{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0}
.karar-kutusu .kk-secenekler.salt{font-size:13px}
.karar-kutusu .kk-secenek{display:flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}
.karar-kutusu .kk-secenek.secili{font-weight:600}
.karar-kutusu .kk-eylem{display:flex;flex-wrap:wrap;gap:8px}
.karar-kutusu .kk-eylem input[type=text]{flex:1 1 220px;min-width:0}
.karar-kutusu .kk-alt{font-size:14px;margin:14px 0 4px}
.piyasa-seridi{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;font-size:13px;padding:8px 12px;margin:0 0 12px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--beyaz)}
.piyasa-seridi.bayat{border-color:var(--tehlike-cizgi)}
.piyasa-seridi .ps-parca b{margin-right:4px}
.piyasa-seridi .ps-parca small{color:var(--gri)}
.piyasa-seridi .ps-parca.kirmizi,.piyasa-seridi .ps-parca.kirmizi small{color:var(--tehlike);font-weight:600}
.piyasa-seridi .ps-parca.saat{color:var(--gri)}
.piyasa-seridi .ps-uyari{flex-basis:100%;color:var(--tehlike)}
/* ── Dalga 1 kalite paketi (O-40 açık iadeler + fiş, O-41 kalite kuyruğu, O-42 hızlı masa). Tablet: dokunma hedefi ≥ 44 px. ── */
/* kalite kuyruğu: kutu = .bolum-kutu, kovalar = .sayi-kutulari / a.sayi-kutu (ortak); yalnız alt şerit (hız, öncelikli) burada */
.kabuk a.sayi-kutu{color:inherit;text-decoration:none}.kabuk a.sayi-kutu:hover{border-color:var(--t-ana)}
.kk-kuyruk-alt{display:flex;flex-wrap:wrap;gap:12px 28px}
.kk-hiz-etiket{display:block;font-size:.8rem;color:var(--t-soluk,#5a666e);margin-bottom:4px}
.kk-hiz ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.kk-hiz li{display:flex;flex-direction:column;align-items:center;min-width:40px;padding:4px 6px;border:1px solid var(--t-cizgi-acik,#eef0ed);border-radius:var(--r-mini)}
.kk-hiz li small{font-size:.72rem;color:var(--t-soluk,#5a666e)}
.kk-oncelikli ul{margin:0;padding-left:18px}
.kk-oncelikli li{margin:2px 0}

.kalite-iade-baslik{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start}
.kalite-iade-baslik p{margin:4px 0 0;color:var(--t-metin-2,#3d4c55);max-width:70ch}
.kalite-iade-suzgec{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin:12px 0}
.kalite-iade-suzgec input:not([type=checkbox]){min-height:44px}
.kabuk main .kalite-iade a.dugme-baglanti,.kabuk main .kalite-iade .kalite-btn,.kalite-iade-suzgec .kalite-btn,.kalite-iade-eylem .kalite-btn,.kalite-iade-eylem .dugme-baglanti{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.kalite-iade-ozet{font-weight:600}
.kalite-iade-liste{display:flex;flex-direction:column;gap:10px}
.kalite-iade-kart{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start;padding:12px;border:1px solid var(--t-cizgi,#e4e6e3);border-left:5px solid var(--t-ana,#1f6359);border-radius:var(--t-r-k,7px);background:var(--t-panel,#fff)}
.kalite-iade-kart.gecikti{border-left-color:#b4233f;background:#fff7f8}
.kalite-iade-gun{display:flex;flex-direction:column;align-items:center}
.kalite-iade-gun strong{font-size:1.6rem;line-height:1}
.kalite-iade-kart.gecikti .kalite-iade-gun strong{color:#b4233f}
.kalite-iade-govde h2{font-size:1rem;margin:0 0 4px}
.kalite-iade-govde p{margin:2px 0}
.kalite-iade-neden span{color:var(--t-soluk,#5a666e)}
.kalite-iade-tarih{font-size:.88rem;color:var(--t-metin-2,#3d4c55)}
.kalite-iade-rozetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.kalite-iade-fotolar{display:flex;gap:6px;margin-top:6px}
.kalite-iade-fotolar img{object-fit:contain;border-radius:var(--r-mini)}
.kalite-iade-eylem{display:flex;flex-direction:column;gap:6px}
@media (max-width:700px){.kalite-iade-kart{grid-template-columns:48px 1fr}.kalite-iade-eylem{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}
.kalite-iade-foto{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.kalite-iade-foto img{object-fit:contain;border-radius:var(--r-mini)}
.kalite-foto-ekle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px dashed var(--t-cizgi-koyu,#cfd5d2);border-radius:var(--t-r-k,7px);cursor:pointer}
.kalite-foto-ekle input[type=file]{max-width:220px}

.kalite-fis{max-width:780px;margin:0 auto;padding:16px;background:var(--yuzey)}
.kalite-fis header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border-bottom:2px solid #000;padding-bottom:8px}
.kalite-fis h1{margin:0;font-size:1.4rem}
.kalite-fis-barkod{overflow-x:auto;max-width:100%}
.kalite-fis-tablo{width:100%;border-collapse:collapse;margin:12px 0}
.kalite-fis-tablo th,.kalite-fis-tablo td{border:1px solid #999;padding:6px 8px;text-align:left;vertical-align:top}
.kalite-fis-tablo th{background:#f3f3f3;width:16%}
.kalite-fis-neden{font-size:1.05rem;font-weight:600}
.kalite-fis-fotolar{display:flex;flex-wrap:wrap;gap:8px}
.kalite-fis-fotolar img{object-fit:contain;border:1px solid #ccc}
@media print{.yazdir-gizle{display:none!important}.kalite-fis{padding:0}}

.kalite-masa{max-width:1100px}
.kalite-masa-ust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start}
.kalite-masa-barkod{display:flex;flex-direction:column;gap:4px;margin:12px 0 2px;font-weight:600}
.kalite-masa-barkod input{min-height:56px;font-size:1.25rem;padding:0 14px;border:2px solid var(--t-ana,#1f6359);border-radius:var(--t-r,10px);width:100%;box-sizing:border-box}
.kalite-masa-ileti{font-size:1.02rem;margin:10px 0}
.kalite-masa-baglam{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:10px 12px;margin:12px 0;border-radius:var(--t-r-k,7px);background:var(--t-ana-acik,#e8f2ef)}
.kalite-masa-baglam strong{font-size:1.05rem}
.kabuk main .kalite-masa .kalite-btn,.kabuk main .kalite-masa a.dugme-baglanti,.kalite-masa .kalite-btn,.kalite-masa .dugme-baglanti{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px}
.kabuk main .kalite-masa .kalite-masa-buyuk,.kalite-masa .kalite-masa-buyuk{min-height:56px;font-size:1.05rem;width:100%;max-width:480px;margin:6px 0}
.kalite-masa-adim{margin:14px 0;padding:12px;border:1px solid var(--t-cizgi,#e4e6e3);border-radius:var(--t-r,10px);background:var(--t-panel,#fff)}
.kalite-masa-adim h2{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:1.05rem;margin:0 0 8px}
.kalite-masa-adim h2 small{font-weight:500;color:var(--t-soluk,#5a666e)}
.kalite-masa-tartim{display:flex;flex-direction:column;gap:8px}
.kalite-masa-tartim-satir{display:grid;grid-template-columns:minmax(120px,1fr) 120px 140px auto;gap:8px;align-items:end}
.kalite-masa-tartim-satir label{display:flex;flex-direction:column;font-size:.85rem}
.kalite-masa-tartim-satir input{min-height:48px;font-size:1.1rem;padding:0 10px}
.kalite-masa-tartim-satir input::placeholder{color:#9aa4aa}
.kalite-masa-satirlar{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.kalite-masa-satir{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--t-cizgi,#e4e6e3);border-radius:var(--t-r-k,7px)}
.kalite-masa-satir.vurgu{border:2px solid var(--t-ana,#1f6359);background:var(--t-ana-cok-acik,#f3f8f6)}
.kalite-masa-satir img{object-fit:contain;border-radius:var(--r-mini)}
.kalite-masa-foto-yok{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f1f2f0;border-radius:var(--r-mini);font-size:.75rem;color:var(--t-soluk,#5a666e)}
.kalite-masa-satir-bilgi{display:flex;flex-direction:column;gap:2px;min-width:0}
.kalite-masa-satir-bilgi strong{font-size:1.05rem;overflow-wrap:anywhere}
.kalite-masa-satir-eylem{display:flex;gap:8px;flex-wrap:wrap}
.kabuk main .kalite-masa .kalite-masa-satir-eylem .kalite-btn,.kabuk main .kalite-masa a.kalite-masa-sorun,.kalite-masa .kalite-masa-satir-eylem .kalite-btn,.kalite-masa .kalite-masa-sorun{min-height:56px;font-size:1.02rem}
.kabuk main .kalite-masa a.kalite-masa-sorun,.kalite-masa .kalite-masa-sorun{color:#8d1f3c;border-color:#f2b8c6}
.kalite-masa-toplu-onay{padding:10px;border:1px solid #f3c77a;background:#fff8e6;border-radius:var(--t-r-k,7px);margin:6px 0}
@media (max-width:700px){.kalite-masa-satir{grid-template-columns:56px 1fr}.kalite-masa-satir-eylem{grid-column:1/-1}.kalite-masa-satir-eylem>*{flex:1}.kalite-masa-tartim-satir{grid-template-columns:1fr 1fr}.kalite-masa-tartim-satir .kod{grid-column:1/-1}}
/* tasarim.css ".kabuk main input" (0-5-2) dokunma hedefini 38 px yapıyordu — kalite masası/pano kutuları kimlik ya da !important ile 44+ px */
#kalite-masa-barkod{min-height:56px;font-size:1.25rem;border:2px solid var(--t-ana,#1f6359)}
.kalite-masa-tartim-satir input,.kalite-iade-suzgec input:not([type=checkbox]){min-height:48px!important;font-size:1.05rem!important}
.kalite-masa-tartim-satir>*{min-width:0}.kalite-masa-tartim-satir input{width:100%;box-sizing:border-box}

/* Dalga 1 O-79: çapraz satış kartı (seçilebilir; seçili kart vurgulu) */
.m360-capraz{position:relative}.m360-capraz a{display:block;color:inherit;text-decoration:none}
.m360-capraz-sec{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--metin-2);cursor:pointer}
.m360-capraz.secili{border-color:#2f7d4f!important;box-shadow:0 0 0 2px rgba(47,125,79,.22)}
/* Dalga 1 kalite-2: O-67 sorun bildirimi (iç pano + portal bileşeni), O-40 atölye portalında iade fotoğrafı */
.sorun-pano .sekme-satiri{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.sorun-pano .sorun-yeni{margin:12px 0}
.sorun-pano .sorun-aciklama{display:flex;flex-direction:column;flex:1 1 320px;max-width:100%}
.sorun-pano .sorun-aciklama textarea,.sorun-pano .sorun-aciklama input{width:100%;min-height:44px}
.sorun-pano .kalite-iade-suzgec select{min-height:44px;max-width:100%}
.sorun-pano .kalite-iade-eylem.satir-ici{flex-direction:row;flex-wrap:wrap;align-items:flex-end}
.sorun-olaylar{margin:8px 0;padding-left:1.2em;font-size:.9rem}
.sorun-ayrinti{margin-top:8px;border-top:1px dashed var(--t-cizgi,#e4e6e3);padding-top:8px}
.portal-sorun-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0}
.portal-sorun-form label{display:flex;flex-direction:column;gap:4px}
.portal-sorun-form select,.portal-sorun-form input,.portal-sorun-form textarea{min-height:44px;max-width:100%}
.portal-sorun-genis{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.portal-sorun-liste{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:8px}
.portal-sorun-liste>li{border:1px solid var(--t-cizgi,#e4e6e3);border-radius:var(--r-kucuk);padding:8px 10px}
.portal-sorun-fotolar{display:flex;gap:6px;margin:4px 0}.portal-sorun-fotolar img,.atolye-iade-foto img{object-fit:contain;border-radius:var(--r-mini)}
.portal-sorun-adimlar{margin:4px 0;padding-left:1.2em;font-size:.85rem;color:var(--t-metin-2,#3d4c55)}
.atolye-iade-foto{display:flex;flex-direction:column;gap:4px;margin-top:4px}.atolye-iade-foto-sira{display:flex;flex-wrap:wrap;gap:6px}
.atolye-iade-neden{color:var(--t-metin-2,#3d4c55)}
/* regresyon 09.11 (390px tarama): düğme/süzgeç satırları tek satırda kalıp sayfayı yatay taşırıyordu (satışçı atama, defter kalitesi, ticari invoice, kaynak tablolar) */
@media (max-width:640px){
  .kabuk .form-dugmeler,.kabuk .tm-filtre,.kabuk .form-bolum h2{flex-wrap:wrap}
  .kabuk main select{max-width:100%}
  .kabuk .kontroller label{flex-wrap:wrap;min-width:0}
  .kabuk .filtreler label{min-width:0;max-width:100%}
  .kabuk .filtreler select{width:100%}
  .akis-olay-govde{overflow-wrap:anywhere;min-width:0}
  .kabuk main p code,.kabuk main li code{overflow-wrap:anywhere;word-break:break-word}
  .kabuk .form-bolum>*{min-width:0}
}
/* Dalga 1 O-61 (fiyat-2): OC "ne değişti" — eklenen yeşil, çıkarılan kırmızı (üstü çizili), değişen sarı; renk tek başına anlam taşımaz (satırda etiket var) */
.oc-panel .oc-fark-ozet{display:inline-block;margin-top:.25rem;font-weight:600}.oc-panel .oc-fark-ozet.var{color:var(--uyari)}
.oc-panel tr.oc-eklenen td{background:var(--basari-bg)}.oc-panel tr.oc-degisen td{background:var(--uyari-bg)}
.oc-panel tr.oc-cikan td{background:var(--tehlike-bg);text-decoration:line-through;color:var(--gri)}
.oc-panel .oc-fark-etiket{font-weight:600}.oc-panel .oc-onay-toplam{margin-left:.75rem;font-weight:600}
.oc-panel .form-dugmeler{flex-wrap:wrap}.oc-panel .oc-onay-toplam{margin-left:0;flex-basis:100%}.oc-panel{min-width:0;max-width:100%}
/* ── Ortak kalıplar (tasarım envanteri 09.11 — docs/TASARIM-DILI.md). Gece eklenen ekranların sayfa içi <style> blokları buraya
   toplandı; değerler yalnız tokenlardan. Yeni ekran bunları kullanır, kendi kopyasını yazmaz. ───────────────────────────────── */
/* Dar ekranda tablo satırı karta döner: <table class="grid dar-kart">, her td'de data-etiket="Sütun adı" */
@media (max-width:760px){
  table.grid.dar-kart thead{display:none}
  table.grid.dar-kart tr{display:block;border-bottom:1px solid var(--c-cizgi,var(--cizgi));padding:6px 0}
  table.grid.dar-kart td{display:flex;gap:var(--bosluk-2,8px);border:0;padding:2px 4px;text-align:left;align-items:center}
  table.grid.dar-kart td[data-etiket]::before{content:attr(data-etiket);min-width:96px;flex:none;color:var(--c-soluk,var(--gri));font-size:var(--yazi-xs,11.5px)}
}
/* Çerçeveli süzgeç / toplu işlem çubuğu: <div class="filtreler cerceveli"> */
.filtreler.cerceveli{padding:var(--bosluk-2,8px) var(--bosluk-3,12px);border:1px solid var(--c-cizgi,var(--cizgi));border-radius:var(--radius);background:var(--c-panel,var(--beyaz))}
/* Satır işareti: gecikmiş / acil satırın sol kenarı kırmızı (renk tek başına anlam taşımaz; hücrede yazısı var) */
.grid tr.gecikti td:first-child,.grid tr.satir-isaret td:first-child{box-shadow:inset 3px 0 0 var(--tehlike)}
/* Bölüm kutusu: sayfa içinde başlıklı alt bölüm (.form-bolum'un ızgarasız hali) */
.bolum-kutu{border:1px solid var(--c-cizgi,var(--cizgi));border-radius:var(--panel-radius,var(--radius));background:var(--c-panel,var(--beyaz));padding:var(--bosluk-3,12px) var(--bosluk-4,16px);min-width:0}
.bolum-kutu > h2:first-child,.bolum-kutu > h3:first-child{margin-top:0}
/* Dikey yığın: bölümler arası tek boşluk */
.yigin{display:grid;gap:var(--bosluk-4,16px);min-width:0}
/* Çip çubuğu (aşama): <ol class="cip-cubuk"><li class="gecti|simdi">…</li></ol> */
.cip-cubuk{list-style:none;display:flex;flex-wrap:wrap;gap:var(--bosluk-1,4px);padding:0;margin:0}
.cip-cubuk > li{padding:3px 9px;border-radius:var(--r-hap);background:var(--c-gri-a,var(--zemin));color:var(--c-metin-2,var(--murekkep));font-size:var(--yazi-xs,11.5px)}
.cip-cubuk > li.gecti{background:var(--c-yesil-a,var(--basari-bg));color:var(--c-yesil,var(--basari))}
.cip-cubuk > li.simdi{background:var(--c-ana,var(--bordo));color:var(--metin-ters);font-weight:650}
/* Alan satırı: etiketli alanlar yan yana, sarar; .genis esner */
.alan-satiri{display:flex;flex-wrap:wrap;gap:var(--bosluk-2,8px) var(--bosluk-3,12px);align-items:flex-end;min-width:0;margin:var(--bosluk-2,8px) 0}
.alan-satiri > .genis{flex:1 1 260px}
/* Etiketli alan: etiket üstte, alan altta (label > span + input) — .form-bolum label ile aynı düzen, ızgara dışında */
.alan-satiri > label:not(.satir-ici),label.alan{display:flex;flex-direction:column;gap:var(--bosluk-1,4px);min-width:0}
/* Tablo toplam satırı (tfoot kullanılamayan yerde): <tr class="toplam"> */
.grid tr.toplam td{border-top:2px solid var(--c-cizgi-koyu);font-weight:650}
/* Oran çubuğu (veri genişliği satır içi width:%, yalnız o): <span class="oran-cubugu iyi|kotu" style="width:40%"> */
.oran-hucre{min-width:8rem}
.oran-cubugu{display:inline-block;height:.6rem;border-radius:2px;background:var(--c-gri,var(--gri))}
.oran-cubugu.iyi{background:var(--basari)}.oran-cubugu.kotu{background:var(--tehlike)}
/* Tek kart sayfaları (BosLayout: giriş, şifre, iki adım) — .giris-kabuk > .giris-kutu; ek parçalar */
.giris-kutu input.kod-girdi{font-size:1.6em;letter-spacing:.3em;text-align:center}
.mono{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}
.giris-kutu .anahtar-metin{letter-spacing:.05em;word-break:break-all;user-select:all}
.qr-kutu{display:flex;justify-content:center;margin:var(--bosluk-3,12px) 0}.qr-kutu svg{width:220px;height:220px}
.kod-listesi{columns:2;padding-left:26px}
.giris-kutu details{margin-top:18px}.giris-kutu details > summary{cursor:pointer;color:var(--bordo)}
.giris-kutu label.onay{display:flex}
/* Telefon saha formu (BosLayout, fuar hızlı kayıt — çevrimdışı çalışır, JS sınıf değiştirir): .saha-formu */
.bos-duzen:has(.saha-formu){display:block;padding:0}
.saha-formu{max-width:560px;margin:0 auto;padding:8px 12px 40px;box-sizing:border-box;width:100%;overflow-x:hidden}
.saha-formu *,.saha-formu *::before,.saha-formu *::after{box-sizing:border-box}
.saha-formu .saha-ust{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--cizgi);position:sticky;top:0;background:var(--zemin);z-index:2}
.saha-formu .saha-ust strong{flex:1}
.saha-formu .saha-durum{font-size:12px;padding:2px 8px;border-radius:var(--r-hap);background:var(--basari-bg);color:var(--basari)}
.saha-formu .saha-durum.kopuk{background:var(--tehlike-bg);color:var(--tehlike)}
.saha-formu .saha-kuyruk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;padding:8px;border:1px solid var(--uyari-cizgi);border-radius:var(--radius);background:var(--uyari-bg)}
.saha-formu .saha-kuyruk[hidden]{display:none}
.saha-formu .saha-kuyruk span{flex:1 1 100%}
.saha-formu .saha-ileti{min-height:1.4em;margin:6px 0}
.saha-formu .saha-ileti.hata{color:var(--tehlike)}.saha-formu .saha-ileti.basari{color:var(--basari)}
.saha-formu form{display:flex;flex-direction:column;gap:10px}
.saha-formu form label{display:flex;flex-direction:column;gap:4px;font-size:14px}
.saha-formu form input,.saha-formu form select,.saha-formu form textarea{font-size:16px;padding:8px;min-height:40px;width:100%;min-width:0;max-width:100%}
.saha-formu .iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
@media (max-width:380px){.saha-formu .iki-sutun{grid-template-columns:1fr}}
.saha-formu .secim-cipleri{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}
.saha-formu .secim-cipleri legend{font-size:14px;margin-bottom:4px}
.saha-formu .secim-cipleri label{flex-direction:row}
.saha-formu .secim-cipleri input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.saha-formu .secim-cipleri span{display:inline-block;padding:9px 12px;border:1px solid var(--cizgi);border-radius:var(--r-hap);min-height:40px}
.saha-formu .secim-cipleri input:checked + span{background:var(--bordo);color:var(--metin-ters);border-color:var(--bordo)}
.saha-formu .secim-cipleri input:focus-visible + span{outline:2px solid var(--odak-cizgi)}
.saha-formu .saha-kaydet{font-size:17px;min-height:48px}
.saha-formu .saha-son{list-style:none;padding:0;font-size:14px}
.saha-formu .saha-son li{padding:6px 0;border-bottom:1px solid var(--cizgi)}
.saha-formu .saha-baslik{font-size:15px;margin-top:18px}
/* İş kartı (sayı + başlık + açıklama; tıklayınca ilgili ekran). Önce Bugun.razor.css'e kapalıydı, lojistik masası kopyasını yazmıştı.
   <a class="rol-kart [kirmizi|bos]"><span>Başlık</span><strong>12</strong><small>açıklama</small></a>
   İçinde ikinci bağlantı gerekiyorsa: <div class="rol-kart baglantili"><a class="rol-kart-ac" href>…</a> … <a class="rol-kart-ek" href>…</a></div> */
.kabuk .rol-kartlari{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1fr;gap:12px;margin:0 0 28px}
.kabuk .rol-kart{display:flex;flex-direction:column;gap:5px;min-height:132px;padding:16px 18px 15px;border:1px solid var(--t-cizgi);border-radius:var(--t-r-b);
  background:var(--t-panel);box-shadow:var(--t-golge-1);color:var(--t-metin);text-decoration:none;position:relative;overflow:hidden;
  transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}
.kabuk a.rol-kart:hover,.kabuk .rol-kart.baglantili:hover{border-color:var(--t-cizgi-koyu);box-shadow:var(--t-golge-2);transform:translateY(-1px);text-decoration:none}
.kabuk a.rol-kart::after,.kabuk .rol-kart.baglantili::after{content:"→";position:absolute;top:16px;right:18px;font-size:15px;color:var(--t-cok-soluk);transition:color .15s ease,transform .15s ease}
.kabuk a.rol-kart:hover::after,.kabuk .rol-kart.baglantili:hover::after{color:var(--t-ana);transform:translateX(2px)}
.kabuk .rol-kart strong{order:-1;font-size:30px;line-height:1.1;font-weight:720;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--t-metin);padding-right:24px}
.kabuk .rol-kart > span{font-size:13.5px;font-weight:620;line-height:1.38;color:var(--t-metin-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kabuk .rol-kart small{margin-top:auto;font-size:12px;line-height:1.45;color:var(--t-soluk);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kabuk .rol-kart .rol-kart-ac{color:inherit;text-decoration:none}
.kabuk .rol-kart .rol-kart-ac::before{content:"";position:absolute;inset:0;z-index:0}
.kabuk .rol-kart .rol-kart-ek{position:relative;z-index:1;font-size:12.5px;font-weight:600;color:var(--t-ana)}
.kabuk .rol-kart.kirmizi{border-color:var(--tehlike-cizgi);background:var(--t-panel)}
.kabuk .rol-kart.kirmizi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--tehlike)}
.kabuk .rol-kart.kirmizi strong{color:var(--tehlike)}
.kabuk .rol-kart.bos{opacity:1;border-style:dashed;background:var(--c-zemin-acik);box-shadow:none}
.kabuk .rol-kart.bos strong{color:var(--t-cok-soluk)}
.kabuk .bolum-ust{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:30px 0 12px}
.kabuk .bolum-ust h2{margin:0;font-size:16px}
.kabuk .bolum-ust > .dugme-baglanti{margin-left:auto}
@media (max-width:640px){
  .kabuk .rol-kartlari{grid-template-columns:1fr 1fr;gap:10px}
  .kabuk .rol-kart{min-height:118px;padding:14px 14px 13px}
  .kabuk .rol-kart strong{font-size:24px}
  .kabuk a.rol-kart::after,.kabuk .rol-kart.baglantili::after{top:14px;right:14px}
  .kabuk .bolum-ust > .dugme-baglanti{margin-left:0}
}
/* Uzun liste sayfayı uzatmasın: <VeriTablosu Sinif="sinirli"> — kendi içinde kayar, başlık sabit */
.kabuk .veri-tablosu.sinirli{max-height:min(60vh,520px)}
/* Yan yana onay kutusu etiketi: <label class="satir-ici"><input type=checkbox> metin</label> (13 bileşen kullanıyordu, yalnız yerel tanımlıydı) */
label.satir-ici{display:inline-flex;flex-direction:row;align-items:center;gap:6px}
/* İşaretsiz liste ve geniş metin alanı (satır içi style yerine) */
.liste-duz{list-style:none;padding-left:0}
textarea.genis-metin{width:100%;max-width:860px;font:inherit}
/* Ortalanmış başlık hücresi (gruplu sütun başlığı) */
.grid th.orta{text-align:center}
/* Sayı kartı ızgarası (KPI): <div class="sayi-kutulari"><div class="sayi-kutu"><span>Ad</span><strong>12</strong><small>…</small></div> — tasarim.css biçimler */
.sayi-kutu > small{font-size:var(--yazi-xs);color:var(--c-soluk)}
/* Mavi etiket (bilgi): 3 ekran kullanıyordu, tanımı yoktu */
.etiket-mavi{background:var(--durum-2-bg);color:var(--durum-2);border:1px solid var(--durum-2-cizgi)}
/* Sayfa içi sekme düğmeleri (sayfa-sekmeleri = ekranlar arası; bu = aynı ekranda görünüm seçimi): <nav class="ic-sekmeler"><button class="secili">…</button></nav> */
.ic-sekmeler{display:flex;flex-wrap:wrap;gap:var(--bosluk-1);margin:var(--bosluk-2) 0 var(--bosluk-3)}
.kabuk .ic-sekmeler button{background:var(--c-panel);color:var(--c-metin);border:1px solid var(--c-cizgi-koyu);min-height:34px;padding:0 var(--bosluk-3)}
.kabuk .ic-sekmeler button.secili{background:var(--c-ana);border-color:var(--c-ana-koyu);color:var(--metin-ters)}
/* Ağaç liste (referans zinciri, zaman çizelgesi): <ul class="agac-liste"> iç içe ul */
.agac-liste,.agac-liste ul{list-style:none;padding-left:18px;margin:0}
.agac-liste ul{border-left:1px dashed var(--c-cizgi)}
.agac-liste li{margin:var(--bosluk-1) 0}
/* Değer rengi: olumlu / olumsuz / dikkat */
.deger-iyi{color:var(--basari)}.deger-kotu{color:var(--tehlike)}.deger-dikkat{color:var(--uyari)}