/* =================================================================
   Yönetim paneli — Pirinç
   Sitenin renkleri: koyu taş zemin, pirinç vurgu. Tek dosya, tek sistem.
   ================================================================= */
:root{
  --z:#0f0e0c;        /* sayfa zemini */
  --z2:#151412;       /* kenar çubuğu */
  --kart:#1b1916;     /* kart */
  --kart2:#23201c;    /* girdi, tablo başlığı */
  --kart3:#2b2722;    /* üzerine gelince */
  --ciz:#302b25;      /* çizgi */
  --ciz2:#40392f;     /* belirgin çizgi */
  --yazi:#efe9df;
  --yazi2:#b9b0a2;
  --soluk:#857c6f;
  --pirinc:#b99757;
  --pirinc2:#d9bf86;
  --pirinc-z:rgba(185,151,87,.13);
  --iyi:#7cc59a; --iyi-z:rgba(124,197,154,.12);
  --kotu:#e47b80; --kotu-z:rgba(228,123,128,.12);
  --bilgi:#8fb3e0;
  --r:14px; --r2:10px;
  --golge:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px -12px rgba(0,0,0,.6);
  --gec:.18s ease;
  --yan:268px;
  --serif:"Bodoni Moda",Georgia,serif;
  --sans:"Jost","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--z);color:var(--yazi);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;line-height:1.25;font-weight:500}
input,select,textarea,button{font:inherit;color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(185,151,87,.35)}
:focus-visible{outline:2px solid var(--pirinc);outline-offset:2px}
.ik{flex-shrink:0;display:block}
.gizli-yazi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.soluk{color:var(--soluk)}
.tek-satir{white-space:nowrap}
.sag{text-align:right}
.mini{font-size:.8rem}
.mini-not{font-size:.84rem;margin:0}
.zorunlu{color:var(--pirinc)}

/* ----------------------------------------------------------------
   KENAR ÇUBUĞU
   ---------------------------------------------------------------- */
.yan{
  position:fixed;inset:0 auto 0 0;width:var(--yan);z-index:60;
  background:var(--z2);border-right:1px solid var(--ciz);
  display:flex;flex-direction:column;
}
.marka{display:flex;align-items:center;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--ciz)}
.marka-im{width:34px;height:34px;border-radius:9px}
.marka-ad{font-family:var(--serif);font-size:1.12rem;line-height:1.15;display:flex;flex-direction:column}
.marka-ad small{font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin-top:4px}

.yan-gezinme{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--ciz2) transparent}
.yan-grup{
  display:flex;align-items:center;justify-content:space-between;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);
  font-weight:600;padding:13px 10px 5px;
}
.yan-gezinme a{
  display:flex;align-items:center;gap:11px;padding:6.5px 10px;border-radius:9px;
  color:var(--yazi2);font-size:.89rem;transition:background var(--gec),color var(--gec);position:relative;
}
.yan-gezinme a .ik{width:17px;height:17px;opacity:.75}
.yan-gezinme a:hover{background:var(--kart);color:var(--yazi)}
.yan-gezinme a.secili{background:var(--pirinc-z);color:var(--pirinc2)}
.yan-gezinme a.secili .ik{opacity:1}
.yan-gezinme a.secili::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--pirinc)}
.yan-ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sayi-rozet{background:var(--pirinc);color:#17130c;font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 6px}

.yan-acilir summary{list-style:none;cursor:pointer;border-radius:8px}
.yan-acilir summary::-webkit-details-marker{display:none}
.yan-acilir summary:hover{color:var(--yazi2)}
.yan-acilir summary .ik{width:14px;height:14px;transition:transform var(--gec)}
.yan-acilir[open] summary .ik{transform:rotate(90deg)}

.yan-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid var(--ciz)}
.yan-kisi{display:flex;align-items:center;gap:10px;font-size:.88rem;min-width:0;flex:1;padding:6px 8px;margin:-6px -8px;border-radius:10px;transition:var(--gec)}
.yan-kisi:hover,.yan-kisi.secili{background:var(--kart)}
.yan-kisi.secili .avatar{border-color:var(--pirinc)}
.yan-kisi-ad{display:flex;flex-direction:column;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yan-kisi-ad small{font-size:.72rem;color:var(--soluk)}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--kart2);border:1px solid var(--ciz2);color:var(--pirinc2);font-size:.82rem;font-weight:600;flex-shrink:0}
.yan-cikis{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--soluk);transition:var(--gec)}
.yan-cikis:hover{background:var(--kotu-z);color:var(--kotu)}

/* ----------------------------------------------------------------
   KABUK + ÜST ÇUBUK
   ---------------------------------------------------------------- */
.kabuk{margin-left:var(--yan);min-width:0;min-height:100vh;display:flex;flex-direction:column}
.ust{
  position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;
  min-height:60px;padding:0 clamp(16px,3vw,40px);
  background:rgba(15,14,12,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ciz);
}
.menu-dugme{display:none;background:none;border:0;padding:8px;margin-left:-8px;border-radius:8px;cursor:pointer;color:var(--yazi)}
.menu-dugme .ik{width:22px;height:22px}
.kirinti{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--soluk);min-width:0;flex:1;white-space:nowrap;overflow:hidden}
.kirinti a:hover{color:var(--yazi)}
.kirinti span:last-child{color:var(--yazi2);overflow:hidden;text-overflow:ellipsis}
.kirinti-ayrac{opacity:.5}
.ust-sag{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ust-rozet{font-size:.8rem;font-weight:500;color:#17130c;background:var(--pirinc);border-radius:999px;padding:4px 12px}

.govde{padding:30px clamp(16px,3vw,40px) 90px;width:100%;max-width:1680px;min-width:0}
.sayfa-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 24px;flex-wrap:wrap;margin-bottom:24px}
.sayfa-ust > div:first-child{min-width:0;flex:1 1 380px}
.sayfa-baslik{font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.15rem);letter-spacing:-.01em;line-height:1.15;overflow-wrap:anywhere}
.sayfa-aciklama{margin:8px 0 0;color:var(--yazi2);font-size:.93rem;max-width:760px}
.sayfa-aciklama em{color:var(--pirinc2);font-style:italic}
.sayfa-eylem{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.geri{display:inline-flex;align-items:center;gap:6px;color:var(--soluk);font-size:.86rem;margin-bottom:10px;transition:var(--gec)}
.geri .ik{width:15px;height:15px}
.geri:hover{color:var(--pirinc2)}

/* ----------------------------------------------------------------
   DÜĞMELER
   ---------------------------------------------------------------- */
.dg{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 17px;border-radius:10px;border:1px solid var(--ciz2);
  background:var(--kart2);color:var(--yazi);font-size:.9rem;font-weight:500;
  cursor:pointer;transition:background var(--gec),border-color var(--gec),color var(--gec),transform var(--gec);white-space:nowrap;
}
.dg .ik{width:16px;height:16px}
.dg:hover{background:var(--kart3);border-color:#4e4539}
.dg:active{transform:translateY(1px)}
.dg--ana{background:var(--pirinc);border-color:var(--pirinc);color:#17130c}
.dg--ana:hover{background:var(--pirinc2);border-color:var(--pirinc2)}
.dg--hayalet{background:transparent;border-color:var(--ciz2);color:var(--yazi2)}
.dg--hayalet:hover{background:var(--kart);color:var(--yazi)}
.dg--kucuk{min-height:34px;padding:0 13px;font-size:.84rem;border-radius:9px}
.dg--tehlike{background:transparent;color:var(--kotu);border-color:rgba(228,123,128,.35)}
.dg--tehlike:hover{background:var(--kotu-z);border-color:var(--kotu)}
.ik-dugme{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--yazi2);border:1px solid transparent;transition:var(--gec)}
.ik-dugme:hover{background:var(--kart2);border-color:var(--ciz2);color:var(--pirinc2)}
.ik-dugme .ik{width:16px;height:16px}

/* ----------------------------------------------------------------
   BİLDİRİM / UYARI
   ---------------------------------------------------------------- */
.bildirim{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--r2);margin-bottom:22px;font-size:.92rem;animation:bGir .35s ease both}
.bildirim .ik{width:18px;height:18px}
@keyframes bGir{from{opacity:0;transform:translateY(-6px)}}
.bildirim--iyi{background:var(--iyi-z);border:1px solid rgba(124,197,154,.35);color:#b5e3c7}
.bildirim--kotu{background:var(--kotu-z);border:1px solid rgba(228,123,128,.35);color:#f3b9bc}
.uyari-kart{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-radius:var(--r);margin-bottom:22px;font-size:.92rem;background:var(--pirinc-z);border:1px solid rgba(185,151,87,.32);line-height:1.55}
.uyari-kart > .ik{color:var(--pirinc2);margin-top:2px}
.uyari-kart--bilgi{background:var(--kart);border-color:var(--ciz);color:var(--yazi2)}
.uyari-kart a{color:var(--pirinc2);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.uyari-kart code{background:var(--z);padding:1px 6px;border-radius:4px;font-size:.85em}

/* ----------------------------------------------------------------
   KART + FORM
   ---------------------------------------------------------------- */
.kart{background:var(--kart);border:1px solid var(--ciz);border-radius:var(--r);padding:24px 26px 26px;margin-bottom:20px;box-shadow:var(--golge);scroll-margin-top:84px}
.kart-ust{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ciz)}
.kart-ust h2{font-size:1.06rem;font-weight:500;letter-spacing:.005em}
.kart-ust p{margin:6px 0 0;font-size:.86rem;color:var(--soluk);line-height:1.5}

.alan-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.alan-izgara--tek{grid-template-columns:1fr}
.alan{min-width:0}
.alan--tam,.alan--html,.alan--gorsel{grid-column:1/-1}
.alan-etiket{display:block;font-size:.86rem;font-weight:500;color:var(--yazi2);margin-bottom:7px}
.alan input[type=text],.alan input[type=number],.alan input[type=password],.alan input[type=search],
.alan input[type=datetime-local],.alan input[type=email],.alan select,.alan textarea{
  width:100%;min-height:44px;padding:10px 14px;border-radius:var(--r2);
  background:var(--kart2);border:1px solid var(--ciz2);color:var(--yazi);
  transition:border-color var(--gec),box-shadow var(--gec),background var(--gec);
}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:#4e4539}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--pirinc);box-shadow:0 0 0 3px rgba(185,151,87,.16);background:#26231e}
.alan input::placeholder,.alan textarea::placeholder{color:#6b6357}
.alan select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23b99757' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.alan textarea{resize:vertical;line-height:1.6;min-height:84px}
textarea.kod,.alan textarea.kod{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.86rem;line-height:1.7}
.kucuk-girdi{min-height:38px!important;font-size:.84rem;padding:8px 12px!important}
.ipucu{margin:7px 0 0;font-size:.82rem;color:var(--soluk);line-height:1.5}
.ipucu a{color:var(--pirinc2)}
.ipucu em{color:var(--pirinc2);font-style:normal}
.ipucu code{background:var(--z);padding:1px 5px;border-radius:4px}
.sayac{display:block;margin-top:6px;font-size:.78rem;color:var(--soluk);text-align:right}
.sayac.uzun{color:var(--kotu)}
.sayac.iyi{color:var(--iyi)}

/* aç/kapa anahtarı */
.anahtar{display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none;min-height:44px}
.anahtar input{position:absolute;opacity:0;width:1px;height:1px}
.anahtar-iz{position:relative;width:44px;height:25px;border-radius:13px;background:var(--kart3);border:1px solid var(--ciz2);transition:var(--gec);flex-shrink:0}
.anahtar-iz::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:var(--soluk);transition:var(--gec)}
.anahtar input:checked + .anahtar-iz{background:rgba(185,151,87,.3);border-color:var(--pirinc)}
.anahtar input:checked + .anahtar-iz::after{transform:translateX(19px);background:var(--pirinc2)}
.anahtar input:focus-visible + .anahtar-iz{outline:2px solid var(--pirinc);outline-offset:2px}
.anahtar-yazi::before{content:"Kapalı";font-size:.86rem;color:var(--soluk)}
.anahtar input:checked ~ .anahtar-yazi::before{content:"Açık";color:var(--pirinc2)}
.anahtar-etiket{font-size:.9rem;color:var(--yazi)}
.anahtar--satir{display:flex;min-height:auto;padding:4px 0}

/* gizli anahtar */
.gizli-alan{display:flex;gap:12px;align-items:center}
.gizli-alan input{flex:1}
.kucuk-onay{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--soluk);cursor:pointer;white-space:nowrap}
.kucuk-onay input{accent-color:var(--kotu)}

/* görsel */
.gorsel-alan{display:flex;gap:18px;align-items:flex-start}
.gorsel-alan--dikey{flex-direction:column;align-items:stretch;gap:12px}
.gorsel-kutu{width:180px;aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden;flex-shrink:0;background:var(--kart2) repeating-conic-gradient(#25221d 0 25%,#1f1c18 0 50%) 0 0/18px 18px;border:1px solid var(--ciz2);display:grid;place-items:center}
.gorsel-alan--dikey .gorsel-kutu{width:100%}
.gorsel-kutu img{width:100%;height:100%;object-fit:contain}
.gorsel-kutu--bos{background:var(--kart2);border-style:dashed;color:var(--soluk)}
.gorsel-kutu--bos .ik{width:28px;height:28px}
.gorsel-girdi{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.dosya-sec{display:flex;align-items:center;gap:12px;cursor:pointer;flex-wrap:wrap}
.dosya-sec input{position:absolute;opacity:0;width:1px;height:1px}
.dosya-sec input:focus-visible + .dg{outline:2px solid var(--pirinc);outline-offset:2px}
.dosya-ad{font-size:.82rem;color:var(--soluk);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dosya-ad.secildi{color:var(--pirinc2)}

/* HTML editörü */
.editor{border:1px solid var(--ciz2);border-radius:var(--r2);overflow:hidden;background:var(--kart2);transition:border-color var(--gec)}
.editor:focus-within{border-color:var(--pirinc);box-shadow:0 0 0 3px rgba(185,151,87,.16)}
.editor-arac{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding:8px;border-bottom:1px solid var(--ciz);background:var(--z2)}
.editor-arac button{min-height:32px;padding:0 11px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--yazi2);font-size:.82rem;cursor:pointer;transition:var(--gec)}
.editor-arac button:hover{background:var(--kart3);color:var(--pirinc2)}
.editor-ayrac{width:1px;height:18px;background:var(--ciz2);margin:0 4px}
.editor textarea{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:300px}
.editor-alt{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--ciz);background:var(--z2);font-size:.78rem;color:var(--soluk)}
.editor-alt .sayac{margin:0;text-align:left}

/* kayıt çubuğu (ekranın altında yapışık) */
.kaydet-cubuk{
  position:sticky;bottom:16px;z-index:30;margin-top:8px;
  display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;
  padding:12px 14px 12px 20px;border-radius:var(--r);
  background:rgba(27,25,22,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--ciz2);box-shadow:0 18px 40px -10px rgba(0,0,0,.7);
  grid-column:1/-1;
}
.kaydet-durum{margin-right:auto;font-size:.88rem;color:var(--soluk);display:flex;align-items:center;gap:9px}
.kaydet-durum::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--iyi)}
.kirli .kaydet-durum{color:var(--pirinc2)}
.kirli .kaydet-durum::before{background:var(--pirinc);box-shadow:0 0 0 4px rgba(185,151,87,.2)}
.kisayol{font-size:.76rem;color:var(--soluk);border:1px solid var(--ciz2);border-radius:6px;padding:2px 7px}

/* ----------------------------------------------------------------
   AYARLAR: sekme şeridi + bölüm dizini + arama
   ---------------------------------------------------------------- */
.ara-kutu{position:relative;display:flex;align-items:center;min-width:0}
.ara-kutu .ik{position:absolute;left:13px;width:16px;height:16px;color:var(--soluk);pointer-events:none}
.ara-kutu input{width:min(340px,100%);min-height:42px;padding:0 14px 0 39px;border-radius:var(--r2);background:var(--kart);border:1px solid var(--ciz2);transition:var(--gec)}
.ara-kutu input:focus{outline:0;border-color:var(--pirinc);box-shadow:0 0 0 3px rgba(185,151,87,.16)}
.sayfa-ust > .ara-kutu{flex:0 1 340px}
.sayfa-ust > .ara-kutu input{width:100%}

.sekme-serit{display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 22px;padding:5px;background:var(--z2);border:1px solid var(--ciz);border-radius:var(--r)}
.sekme-serit::-webkit-scrollbar{display:none}
.sekme-serit a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:.88rem;color:var(--yazi2);white-space:nowrap;transition:var(--gec);flex-shrink:0}
.sekme-serit a .ik{width:16px;height:16px;opacity:.7}
.sekme-serit a:hover{background:var(--kart);color:var(--yazi)}
.sekme-serit a.secili{background:var(--kart2);color:var(--pirinc2);box-shadow:0 0 0 1px var(--ciz2) inset}
.sekme-serit a.secili .ik{opacity:1}

.bolum-dizin{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 22px}
.bolum-dizin a{font-size:.82rem;padding:6px 12px;border-radius:999px;border:1px solid var(--ciz);color:var(--yazi2);transition:var(--gec)}
.bolum-dizin a:hover{border-color:var(--pirinc);color:var(--pirinc2)}

/* ----------------------------------------------------------------
   KAYIT DÜZENLEME: iki sütun
   ---------------------------------------------------------------- */
.kayit-izgara{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.kayit-izgara--tek{grid-template-columns:minmax(0,1fr)}
.kayit-ana,.kayit-yan{min-width:0}
.kayit-izgara > .kart{margin-bottom:0}

.kart--yan{padding:20px 20px 22px}
.kart--yan .kart-ust{margin-bottom:16px;padding-bottom:12px}
.kart--yan .alan-izgara{gap:16px}

.google-onizleme{display:flex;flex-direction:column;gap:3px;padding:14px 16px;margin-bottom:18px;border-radius:var(--r2);background:#fff;color:#202124;font-family:Arial,sans-serif}
.go-url{font-size:12px;color:#4d5156;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.go-baslik{font-size:17px;line-height:1.3;color:#1a0dab;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.go-aciklama{font-size:13px;line-height:1.5;color:#4d5156;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.tehlike-kutu{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding:18px 22px;border-radius:var(--r);border:1px solid rgba(228,123,128,.25);background:rgba(228,123,128,.04)}
.tehlike-kutu strong{font-weight:500;color:#f0b3b6}
.tehlike-kutu p{margin:3px 0 0;font-size:.85rem;color:var(--soluk)}

/* ----------------------------------------------------------------
   LİSTE: süzgeç, tablo, sayfalama
   ---------------------------------------------------------------- */
.suzgec-cubuk{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.suzgec-cubuk .ara-kutu{flex:1 1 260px;max-width:380px}
.suzgec-cubuk .ara-kutu input{width:100%}
.secim-kutu select{
  min-height:42px;padding:0 36px 0 14px;border-radius:var(--r2);background:var(--kart);border:1px solid var(--ciz2);
  appearance:none;-webkit-appearance:none;cursor:pointer;max-width:260px;font-size:.88rem;color:var(--yazi2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23b99757' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;
}
.secim-kutu.dolu select{border-color:var(--pirinc);color:var(--pirinc2);background-color:var(--pirinc-z)}
.secim-kutu select:focus{outline:0;border-color:var(--pirinc)}

.tablo-kutu{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--ciz);background:var(--kart);box-shadow:var(--golge)}
.tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.tablo th{text-align:left;padding:12px 16px;background:var(--z2);color:var(--soluk);font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ciz);white-space:nowrap}
.tablo td{padding:13px 16px;border-bottom:1px solid var(--ciz);vertical-align:middle;color:var(--yazi2)}
.tablo tr:last-child td{border-bottom:0}
.tablo tbody tr{transition:background var(--gec)}
.tablo tbody tr:hover{background:rgba(255,255,255,.018)}
.tablo .orta{text-align:center}
.tablo .ana-sutun{min-width:260px}
.satir-baslik{color:var(--yazi);font-weight:500;line-height:1.45}
.satir-baslik:hover{color:var(--pirinc2)}
.satir-eylem{white-space:nowrap}
.satir-eylem > *{vertical-align:middle;margin-left:4px}
.durum-nokta{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;white-space:nowrap}
.durum-nokta::before{content:"";width:7px;height:7px;border-radius:50%}
.durum-nokta.evet{color:var(--iyi)}.durum-nokta.evet::before{background:var(--iyi)}
.durum-nokta.hayir{color:var(--soluk)}.durum-nokta.hayir::before{background:var(--soluk)}
.etiket{display:inline-block;margin-left:8px;font-size:.7rem;padding:1px 8px;border-radius:999px;border:1px solid var(--ciz2);color:var(--soluk);vertical-align:middle}

.sayfalama{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:.88rem}
.sayfalama-dugmeler{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sayfa-no{min-width:36px;height:36px;padding:0 8px;display:grid;place-items:center;border-radius:9px;color:var(--yazi2);border:1px solid transparent;transition:var(--gec)}
.sayfa-no:hover{background:var(--kart);border-color:var(--ciz2)}
.sayfa-no.secili{background:var(--pirinc);color:#17130c;font-weight:600}

.bos{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--soluk);background:var(--kart);border:1px dashed var(--ciz2);border-radius:var(--r);padding:44px 22px;margin:0}
.bos > .ik{width:30px;height:30px;color:var(--pirinc)}
.bos p{margin:0}

/* ----------------------------------------------------------------
   PANO
   ---------------------------------------------------------------- */
.selam{font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.15}
.selam em{color:var(--pirinc2)}
.kutucuklar{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:30px}
.kutucuk{position:relative;background:var(--kart);border:1px solid var(--ciz);border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column;gap:4px;transition:var(--gec);box-shadow:var(--golge);overflow:hidden}
.kutucuk:hover{border-color:var(--ciz2);transform:translateY(-2px)}
.kutucuk .ik{width:20px;height:20px;color:var(--pirinc);margin-bottom:10px}
.kutucuk--vurgu{background:linear-gradient(140deg,rgba(185,151,87,.2),rgba(185,151,87,.05));border-color:rgba(185,151,87,.4)}
.kutucuk-sayi{font-family:var(--serif);font-size:2.3rem;line-height:1;letter-spacing:-.01em}
.kutucuk-ad{font-size:.86rem;color:var(--yazi2)}
.pano-izgara{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.kisayollar{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kisayol-kart{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:12px;background:var(--kart2);border:1px solid var(--ciz);transition:var(--gec);font-size:.9rem;min-width:0}
.kisayol-kart:hover{border-color:var(--pirinc);color:var(--pirinc2)}
.kisayol-kart .ik{width:18px;height:18px;color:var(--pirinc)}
.kisayol-kart span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yapilacak{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.yapilacak li a{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:10px;transition:var(--gec);font-size:.9rem;color:var(--yazi2)}
.yapilacak li a:hover{background:var(--kart2);color:var(--yazi)}
.yapilacak .ik{width:17px;height:17px;color:var(--pirinc);margin-top:3px}
.yapilacak strong{color:var(--yazi);font-weight:500}
.alt-baslik{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);font-weight:500;margin:30px 0 14px}

/* ----------------------------------------------------------------
   TALEPLER
   ---------------------------------------------------------------- */
.suzgec{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.suzgec a{padding:8px 15px;border-radius:999px;border:1px solid var(--ciz2);background:var(--kart);font-size:.87rem;color:var(--yazi2);transition:var(--gec);display:inline-flex;align-items:center;gap:8px}
.suzgec a:hover{color:var(--yazi);border-color:#4e4539}
.suzgec a.secili{background:var(--pirinc-z);border-color:var(--pirinc);color:var(--pirinc2)}
.suzgec .mini{background:rgba(255,255,255,.07);border-radius:8px;padding:0 7px;font-size:.76rem}

.talep-liste{display:flex;flex-direction:column;gap:12px}
.talep{background:var(--kart);border:1px solid var(--ciz);border-radius:var(--r);overflow:hidden;box-shadow:var(--golge)}
.talep[open]{border-color:var(--ciz2)}
.talep summary{padding:16px 20px;cursor:pointer;display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;list-style:none;min-width:0}
.talep summary::-webkit-details-marker{display:none}
.talep summary:hover{background:rgba(255,255,255,.015)}
.talep-ad{font-weight:500;color:var(--yazi);overflow-wrap:anywhere}
.talep-tel{color:var(--pirinc2);font-size:.9rem}
.talep-yer{color:var(--yazi2);font-size:.88rem}
.talep-tarih{margin-left:auto;color:var(--soluk);font-size:.84rem}
.durum{padding:3px 11px;border-radius:999px;font-size:.76rem;font-weight:500}
.durum--yeni{background:var(--pirinc-z);color:var(--pirinc2)}
.durum--yonlendirildi{background:rgba(143,179,224,.14);color:var(--bilgi)}
.durum--kazanildi{background:var(--iyi-z);color:var(--iyi)}
.durum--kaybedildi{background:rgba(255,255,255,.06);color:var(--soluk)}
.durum--spam{background:var(--kotu-z);color:var(--kotu)}
.talep-govde{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:6px 20px 22px;border-top:1px solid var(--ciz)}
.talep-govde .teklif-blok{grid-column:1/-1;grid-row:2}
.talep-bilgi dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:16px 0 0;font-size:.9rem}
.talep-bilgi dt{color:var(--soluk)}
.talep-bilgi dd{margin:0;overflow-wrap:anywhere}
.talep-mesaj{margin-top:14px;padding:12px 14px;background:var(--kart2);border-radius:10px;font-size:.9rem;color:var(--yazi2)}
.talep-eylem-hizli{display:flex;gap:8px;margin-top:16px}
.talep-foto{margin-top:14px}
.talep-foto-etiket{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);margin-bottom:7px}
.talep-foto img{max-width:320px;width:100%;border-radius:10px;border:1px solid var(--ciz)}
.talep-foto-yok{margin:14px 0 0;font-size:.85rem;color:var(--soluk);font-style:italic}
.talep-form{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.talep-form label,.iletisim-ac label{display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--yazi2)}
.talep-form select,.talep-form textarea,.iletisim-ac select{min-height:40px;padding:8px 12px;border-radius:9px;background:var(--kart2);border:1px solid var(--ciz2);font-size:.9rem}
.talep-form select:focus,.talep-form textarea:focus{outline:0;border-color:var(--pirinc)}

.teklif-blok{margin:6px 0 0;padding:16px;border-radius:12px;background:var(--z2);border:1px solid var(--ciz);overflow-x:auto}
.teklif-blok-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.teklif-blok h3{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);font-weight:500}
.teklif-tablo{width:100%;border-collapse:collapse;font-size:.87rem;min-width:520px}
.teklif-tablo th{text-align:left;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);font-weight:500;padding:0 12px 8px 0;border-bottom:1px solid var(--ciz)}
.teklif-tablo td{padding:11px 12px 11px 0;border-bottom:1px solid var(--ciz);vertical-align:middle}
.teklif-tablo tr:last-child td{border-bottom:0}
.teklif-tablo .sag{text-align:right;white-space:nowrap}
.teklif-tablo .sag .dg + .dg{margin-left:6px}
.teklif-tablo .secili-firma td{background:var(--pirinc-z)}
.rozet{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.68rem;font-weight:500;background:rgba(255,255,255,.05);border:1px solid var(--ciz2);color:var(--soluk)}
.rozet--iyi{background:var(--iyi-z);border-color:rgba(124,197,154,.4);color:var(--iyi)}
.dv{font-weight:500}
.dv--hazir,.dv--gonderildi{color:var(--soluk)}
.dv--goruldu{color:var(--pirinc2)}
.dv--teklif_verildi{color:var(--iyi)}
.dv--reddedildi{color:var(--kotu)}
.teklif-ozet{margin:14px 0 0;padding:11px 14px;border-radius:10px;background:var(--pirinc-z);border:1px solid rgba(185,151,87,.3);font-size:.9rem}
.teklif-detay{margin-top:10px;font-size:.87rem}
.teklif-detay summary{cursor:pointer;color:var(--pirinc2);font-weight:500;padding:4px 0}
.teklif-detay p{margin:6px 0;color:var(--yazi2);line-height:1.55}
.iletisim-ac{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--ciz)}
.iletisim-ac select{min-width:220px;max-width:100%}

/* ----------------------------------------------------------------
   GİRİŞ
   ---------------------------------------------------------------- */
.giris-sayfa{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:var(--z)}
.giris-gorsel{position:relative;overflow:hidden;background:#0a0908}
.giris-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9);animation:gKay 30s ease-in-out infinite alternate}
@keyframes gKay{from{transform:scale(1.04)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.giris-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--z)),linear-gradient(0deg,rgba(15,14,12,.85),transparent 45%)}
.giris-soz{position:absolute;left:clamp(28px,5vw,64px);bottom:clamp(28px,6vh,64px);right:30%;z-index:1}
.giris-soz span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pirinc2)}
.giris-soz p{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.2;margin:12px 0 0}
.giris-soz em{color:var(--pirinc2)}
.giris-yan{display:grid;place-items:center;padding:40px 24px}
.giris-kutu{width:min(100%,380px);display:flex;flex-direction:column;gap:16px;animation:bGir .5s ease both}
.giris-kutu .marka{padding:0 0 18px;margin-bottom:8px}
.giris-kutu h1{font-family:var(--serif);font-size:1.9rem}
.giris-kutu .alt{margin:-6px 0 6px;color:var(--soluk);font-size:.9rem}
.giris-kutu .alan input{min-height:48px}
.giris-kutu .dg{min-height:48px;margin-top:6px}
.giris-not{margin:8px 0 0;font-size:.78rem;color:var(--soluk);text-align:center}

/* ----------------------------------------------------------------
   ESKİ GÖRÜNÜMLERİN KULLANDIĞI KÜÇÜK SINIFLAR
   ---------------------------------------------------------------- */
.duzen-form{min-width:0}
.form-alt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.ayirac{display:inline-block;width:1px;height:20px;background:var(--ciz2);margin:0 4px;vertical-align:middle}
.isaret{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:.75rem}
.isaret.evet{background:var(--iyi-z);color:var(--iyi)}
.isaret.hayir{background:var(--kotu-z);color:var(--kotu)}
.hizli{display:flex;gap:10px;flex-wrap:wrap}
.form-eylem{display:flex;gap:11px;flex-wrap:wrap;align-items:center}
/* hesap formu: alanlar kartsız geliyor */
.duzen-form > .alan{max-width:640px;margin-bottom:18px}

/* ----------------------------------------------------------------
   DAR EKRAN
   ---------------------------------------------------------------- */
.ortu{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.ortu[hidden]{display:none}

@media(max-width:1280px){
  .kayit-izgara{grid-template-columns:minmax(0,1fr) 330px}
}
@media(max-width:1100px){
  .kayit-izgara{grid-template-columns:minmax(0,1fr)}
  .pano-izgara{grid-template-columns:1fr}
}
@media(max-width:1000px){
  .menu-dugme{display:grid;place-items:center}
  .yan{width:286px;transform:translateX(-100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:20px 0 50px rgba(0,0,0,.5)}
  .yan.acik{transform:none}
  .kabuk{margin-left:0}
  .giris-sayfa{grid-template-columns:1fr}
  .giris-gorsel{display:none}
}
@media(max-width:760px){
  .govde{padding:22px 16px 90px}
  .ust{padding:0 16px}
  .ust-sag .dg span{display:none}
  .ust-sag .dg{padding:0 10px}
  .ust-rozet{display:none}
  .sekme-serit{flex-wrap:nowrap}
  .sayfa-ust{align-items:stretch;flex-direction:column}
  .sayfa-ust > div:first-child{flex:none}
  .sayfa-ust > .ara-kutu{flex:none}
  .sayfa-eylem .dg{flex:1}
  .kart{padding:18px 16px 20px}
  .alan-izgara{grid-template-columns:1fr;gap:18px}
  .gorsel-alan{flex-direction:column;align-items:stretch}
  .gorsel-kutu{width:100%}
  .gizli-alan{flex-direction:column;align-items:stretch}
  .kaydet-cubuk{bottom:10px;padding:10px 10px 10px 14px}
  .kaydet-cubuk .kisayol,.kaydet-cubuk .dg--hayalet{display:none}
  .kaydet-durum{font-size:.8rem}
  .suzgec-cubuk .ara-kutu{max-width:none;flex-basis:100%}
  .secim-kutu{flex:1 1 140px}
  .secim-kutu select{max-width:none;width:100%}
  .tehlike-kutu .dg{width:100%}

  /* tablolar kart olur */
  .tablo-kutu{background:transparent;border:0;box-shadow:none;overflow:visible}
  .tablo thead{display:none}
  .tablo,.tablo tbody,.tablo tr,.tablo td{display:block;width:100%}
  .tablo tr{background:var(--kart);border:1px solid var(--ciz);border-radius:var(--r);margin-bottom:10px;padding:14px 16px}
  .tablo td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:16px;text-align:right}
  .tablo td::before{content:attr(data-etiket);color:var(--soluk);font-size:.8rem;text-align:left;flex-shrink:0}
  .tablo td.ana-sutun{display:block;text-align:left;padding:0 0 10px;margin-bottom:6px;border-bottom:1px solid var(--ciz);min-width:0}
  .tablo td.ana-sutun::before{display:none}
  .tablo td.satir-eylem{justify-content:flex-end;padding-top:12px}
  .tablo td.satir-eylem::before{display:none}
  .tablo .orta{text-align:right}
  .talep-govde{grid-template-columns:1fr}
  .talep-govde .teklif-blok{grid-row:auto}
  .talep-tarih{margin-left:0;width:100%}
  .kutucuklar{grid-template-columns:1fr 1fr;gap:10px}
  .kutucuk{padding:16px}
  .kutucuk-sayi{font-size:1.8rem}
  .kisayollar{grid-template-columns:1fr}
}
/* tablo içindeki iç tablolar (fiyat verisi) kartlaşmasın */
@media(max-width:760px){
  .teklif-detay .tablo,.teklif-detay .tablo tbody,.teklif-detay .tablo tr,.teklif-detay .tablo td{display:revert}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* =================================================================
   Şube Masası ekleri
   ================================================================= */
.marka-im--harf{display:grid;place-items:center;background:var(--pirinc);color:#17130c;font-family:var(--serif);font-size:1.15rem;font-weight:600}
.giris-tek{display:grid;place-items:center;min-height:100vh}
.giris-tek .giris-yan{width:100%}
.govde--genis{max-width:none;padding-bottom:24px}
.kutucuk-sayi--orta{font-size:1.65rem}
.eksi{color:var(--kotu)}.arti{color:var(--iyi)}
.yan-cikis{background:none;border:0;cursor:pointer}
.form-alt--ust{margin-top:18px}
.kart--dar{max-width:640px}
.alan-izgara--dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.alan input[type=date]{width:100%;min-height:44px;padding:10px 14px;border-radius:var(--r2);background:var(--kart2);border:1px solid var(--ciz2);color:var(--yazi)}
.tarih-alan{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;color:var(--yazi2)}
.tarih-alan input{min-height:42px;padding:0 12px;border-radius:var(--r2);background:var(--kart);border:1px solid var(--ciz2)}
.kucuk-sayi{width:96px;min-height:36px;padding:0 10px;border-radius:9px;background:var(--kart2);border:1px solid var(--ciz2);text-align:right}
.kucuk-sayi:focus{outline:0;border-color:var(--pirinc)}
.satir-form{display:flex;gap:6px;align-items:center}
.etiket--kotu{color:var(--kotu);border-color:rgba(228,123,128,.4)}
.stok-adet{color:var(--yazi);font-size:1rem}.stok-adet.az{color:var(--kotu)}
.durum--talep{background:var(--pirinc-z);color:var(--pirinc2)}
.durum--yolda{background:rgba(143,179,224,.14);color:var(--bilgi)}
.durum--tamam{background:var(--iyi-z);color:var(--iyi)}
.durum--red,.durum--iptal{background:rgba(255,255,255,.06);color:var(--soluk)}
.sayfa-baslik .durum{font-family:var(--sans);font-size:.78rem;vertical-align:middle;margin-left:8px}
.transfer-satir{margin:18px 0}
.transfer-satir tbody:empty::after{content:"Henüz ürün eklenmedi";display:block;padding:18px;color:var(--soluk);font-size:.9rem}

/* üst çubuk: şube + zil */
.sube-ad{font-size:.88rem;color:var(--pirinc2)}
.sube-sec select{min-height:36px;max-width:200px}
.zil{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:none;border:1px solid var(--ciz2);cursor:pointer;color:var(--yazi2)}
.zil:hover{color:var(--pirinc2)}
.zil .sayi-rozet{position:absolute;top:-7px;right:-7px}
.zil .sayi-rozet[hidden]{display:none}
.zil-kutu{position:absolute;right:clamp(16px,3vw,40px);top:56px;width:min(340px,calc(100vw - 32px));max-height:60vh;overflow:auto;padding:6px;background:var(--kart);border:1px solid var(--ciz2);border-radius:var(--r);box-shadow:0 18px 40px -10px rgba(0,0,0,.7)}
.zil-kutu a{display:block;padding:10px 12px;border-radius:9px;font-size:.9rem;color:var(--yazi2)}
.zil-kutu a:hover{background:var(--kart2);color:var(--yazi)}
.sonuc-yok{margin:0;padding:12px;color:var(--soluk);font-size:.88rem}

.tost{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;font-size:.92rem;box-shadow:0 18px 40px -10px rgba(0,0,0,.7);animation:bGir .25s ease both}
.tost[hidden]{display:none}
.tost--iyi{background:#23352b;color:#c8ecd6;border:1px solid rgba(124,197,154,.4)}
.tost--kotu{background:#3a2426;color:#f6c6c8;border:1px solid rgba(228,123,128,.5)}

/* ürün arama */
.islem-ara,.kasa-ara{position:relative;min-width:0}
.islem-ara .ara-kutu,.kasa-ara .ara-kutu{display:flex}
.islem-ara .ara-kutu input,.kasa-ara .ara-kutu input{width:100%;min-height:50px;padding:0 14px 0 44px;font-size:1.02rem;background:var(--kart2)}
.sonuc-kutu{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 6px);max-height:380px;overflow:auto;padding:6px;background:var(--kart);border:1px solid var(--ciz2);border-radius:var(--r);box-shadow:0 18px 40px -10px rgba(0,0,0,.75)}
.sonuc-kutu[hidden]{display:none}
.sonuc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 14px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:none;text-align:left;cursor:pointer}
.sonuc:hover,.sonuc.imlec{background:var(--kart3)}
.s-ad{min-width:0;font-size:.92rem;font-weight:500;overflow-wrap:anywhere}
.s-alt{grid-row:2;min-width:0;font-size:.78rem;color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-sag{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;font-size:.78rem;color:var(--soluk)}
.s-sag b{font-size:.92rem;font-weight:500;color:var(--pirinc2)}

/* stok işlem kartı */
.yon-sec{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.yon{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--ciz2);background:var(--kart2);color:var(--yazi2);cursor:pointer;font-weight:500;transition:var(--gec)}
.yon--giris.secili{background:var(--iyi-z);border-color:var(--iyi);color:var(--iyi)}
.yon--cikis.secili{background:var(--kotu-z);border-color:var(--kotu);color:var(--kotu)}
.yon--sayim.secili{background:var(--pirinc-z);border-color:var(--pirinc);color:var(--pirinc2)}
.islem-izgara{display:grid;grid-template-columns:minmax(0,2fr) 190px minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}
.islem-kaydet{min-height:50px}
.adet-kutu{display:flex;border:1px solid var(--ciz2);border-radius:var(--r2);overflow:hidden;background:var(--kart2)}
.adet-kutu button{display:grid;place-items:center;width:46px;min-height:48px;border:0;background:none;cursor:pointer;color:var(--pirinc2);font-size:1.1rem}
.adet-kutu button:hover{background:var(--kart3)}
.adet-kutu input{width:100%;min-width:0;border:0!important;min-height:48px!important;padding:0 4px!important;text-align:center;background:transparent!important;font-size:1.05rem;box-shadow:none!important}
.adet-kutu--kucuk button{width:32px;min-height:32px}
.adet-kutu--kucuk input{min-height:32px!important;width:52px;font-size:.9rem}
.alan[hidden]{display:none}
.secili-urun{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:14px;padding:11px 14px;border-radius:var(--r2);background:var(--pirinc-z);border:1px solid rgba(185,151,87,.3);font-size:.92rem}
.secili-urun[hidden]{display:none}
.hizli-oku{margin-top:12px}
.son-islem{list-style:none;margin:10px 0 0;padding:0;font-size:.86rem}
.son-islem li{padding:5px 0;border-top:1px solid var(--ciz);color:var(--yazi2);overflow-wrap:anywhere}

/* satış ekranı */
.kasa-ekran{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
.kasa-sol,.kasa-sag{min-width:0}
.kasa-sag{position:sticky;top:76px;display:flex;flex-direction:column;max-height:calc(100vh - 100px);background:var(--kart);border:1px solid var(--ciz);border-radius:var(--r);box-shadow:var(--golge)}
.sepet-ust{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--ciz)}
.sepet-ust h2{font-size:1.05rem}
.sepet-liste{flex:1;min-height:90px;overflow:auto;padding:4px 18px}
.sepet-bos{text-align:center;margin:26px 0}
.sepet-satir{padding:11px 0;border-bottom:1px solid var(--ciz)}
.sepet-satir:last-child{border-bottom:0}
.ss-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ss-ad{font-size:.9rem;font-weight:500;min-width:0;overflow-wrap:anywhere}
.ss-ust .ik-dugme{width:26px;height:26px;background:none;cursor:pointer;font-size:1.1rem}
.ss-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:.86rem}
.ss-alt b{font-weight:600}
.ss-uyari{margin:6px 0 0;font-size:.8rem;color:var(--kotu)}
.sepet-alt{padding:14px 18px 16px;border-top:1px solid var(--ciz);display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px 12px}
.sepet-alt .alan input{min-height:38px;padding:6px 10px}
.sepet-alt .alan-etiket{font-size:.78rem;margin-bottom:4px}
.toplamlar{grid-column:1/-1;margin:2px 0}
.toplamlar div{display:flex;justify-content:space-between;font-size:.88rem;color:var(--yazi2)}
.toplamlar dd{margin:0}
.toplamlar .genel{margin-top:4px;padding-top:6px;border-top:1px solid var(--ciz);font-size:1.3rem;color:var(--yazi);font-weight:500}
.toplamlar .genel dd{color:var(--pirinc2)}
.odeme-izgara{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.odeme-izgara .dg{min-height:50px;padding:0 6px;white-space:normal;line-height:1.15}
.dg:disabled{opacity:.45;cursor:not-allowed}
.hizli-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.hizli-urun{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:92px;padding:12px 14px;text-align:left;border-radius:12px;border:1px solid var(--ciz);background:var(--kart);cursor:pointer;min-width:0;transition:var(--gec)}
.hizli-urun:hover{border-color:var(--pirinc)}
.hu-ad{font-size:.86rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hu-alt{display:flex;justify-content:space-between;gap:8px;font-size:.78rem}
.hu-alt b{color:var(--pirinc2);font-weight:500;font-size:.88rem}

@media(max-width:1280px){.islem-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.islem-izgara .islem-ara{grid-column:1/-1}.alan-izgara--dort{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.kasa-ekran{grid-template-columns:minmax(0,1fr)}.kasa-sag{position:static;max-height:none}}
@media(max-width:760px){
  .islem-izgara,.alan-izgara--dort{grid-template-columns:minmax(0,1fr)}
  .islem-kaydet{width:100%}
  .yon{flex:1 1 30%;padding:0 8px;justify-content:center;font-size:.84rem}
  .sube-sec select{max-width:130px}
  .satir-form{justify-content:flex-end}
  .ust-sag{gap:6px}
}