/* RUST&RICH Üretim Takip — arayüz stilleri */

/* ---------- Yazı tipleri (IBM Plex, SIL OFL lisansı) ---------- */
@font-face { font-family: "Plex"; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plex"; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plex"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plex"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plex"; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plex"; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plex Dar"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-condensed-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plex Dar"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-condensed-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Plex Dar"; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-condensed-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Plex Dar"; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-condensed-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ---------- Tasarım değişkenleri ---------- */
:root {
    /* Lacivert kasket kumaşı */
    --lacivert:       #1c2430;
    --lacivert-2:     #263142;
    --lacivert-3:     #34415a;
    --lacivert-yazi:  #c9d1dc;
    --lacivert-soluk: #8492a6;

    /* Pas: markanın rengi */
    --pas:            #a3401d;
    --pas-koyu:       #85331a;
    --pas-acik:       #f5e6df;
    --pas-cizgi:      #d27a55;

    /* Atölye zemini */
    --zemin:          #eceef1;
    --yuzey:          #ffffff;
    --yuzey-2:        #f6f7f9;
    --cizgi:          #d6dbe2;
    --cizgi-koyu:     #b9c1cc;
    --yazi:           #1c2430;
    --yazi-2:         #4a5566;
    --soluk:          #6b7686;

    /* Durumlar */
    --sari:   #a87800; --sari-zemin:   #fbf0cf;
    --mavi:   #22599a; --mavi-zemin:   #e0ebf8;
    --yesil:  #24704a; --yesil-zemin:  #dcf0e4;
    --kirmizi:#b3261e; --kirmizi-zemin:#f9dfdc;

    --yazi-govde: "Plex", system-ui, -apple-system, "Segoe UI", sans-serif;
    --yazi-dar:   "Plex Dar", "Plex", system-ui, sans-serif;

    --r-kucuk: 5px;
    --r-orta:  8px;
    --r-buyuk: 12px;

    --kenar-genislik: 248px;
    --golge: 0 1px 2px rgba(28, 36, 48, .06), 0 2px 8px rgba(28, 36, 48, .04);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: var(--yazi-govde);
    font-size: 15px;
    line-height: 1.5;
    color: var(--yazi);
    background: var(--zemin);
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--yazi-dar); font-weight: 600; line-height: 1.2; margin: 0; letter-spacing: -.005em; }
p { margin: 0; }
a { color: var(--pas); }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--pas); outline-offset: 2px; }
.ikon { flex: none; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.soluk { color: var(--soluk); }
.kod { font-family: var(--yazi-dar); font-weight: 500; letter-spacing: .01em; }
.rakam { font-variant-numeric: tabular-nums; }
.sag { text-align: right; }

.atla { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--yuzey); padding: 8px 12px; border-radius: var(--r-kucuk); }
.atla:focus { left: 8px; }

/* ---------- Uygulama iskeleti ---------- */
.uygulama { display: flex; min-height: 100vh; min-height: 100dvh; }

.kenar {
    position: fixed; inset: 0 auto 0 0; z-index: 40;
    width: var(--kenar-genislik);
    display: flex; flex-direction: column;
    background: var(--lacivert);
    color: var(--lacivert-yazi);
    padding: 18px 12px 14px;
}
.kenar-ust { display: flex; align-items: center; justify-content: space-between; padding: 0 6px 18px; }
.marka { display: flex; align-items: center; gap: 11px; text-decoration: none; color: #fff; }
.marka-isaret {
    display: grid; place-items: center;
    width: 40px; height: 40px;
    color: #fff; background: var(--pas);
    border-radius: var(--r-kucuk);
}
.marka-isaret img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.marka-ad { display: flex; flex-direction: column; font-family: var(--yazi-dar); font-weight: 600; font-size: 17px; line-height: 1.15; letter-spacing: .03em; }
.marka-ad small { letter-spacing: 0; }
.marka-ad small { font-family: var(--yazi-govde); font-weight: 400; font-size: 12.5px; color: var(--lacivert-soluk); }
.kenar-kapat { display: none; }

.menu { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; border-top: 1px solid var(--lacivert-2); }
.menu-oge {
    position: relative;
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px;
    border-radius: var(--r-orta);
    color: var(--lacivert-yazi); text-decoration: none; font-weight: 500;
}
.menu-oge:hover { background: var(--lacivert-2); color: #fff; }
.menu-oge.aktif { background: var(--lacivert-2); color: #fff; }
/* Seçili menü: dikiş izi */
.menu-oge.aktif::before {
    content: ""; position: absolute; left: 3px; top: 9px; bottom: 9px;
    border-left: 2px dashed var(--pas-cizgi);
}
.menu-oge.aktif .ikon { color: var(--pas-cizgi); }

.kenar-alt { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--lacivert-2); display: flex; flex-direction: column; gap: 4px; }
.ben { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: var(--r-orta); text-decoration: none; color: inherit; }
.ben:hover, .ben.aktif { background: var(--lacivert-2); }
.avatar {
    display: grid; place-items: center; flex: none;
    width: 34px; height: 34px; border-radius: 50%;
    background: var(--lacivert-3); color: #fff;
    font-family: var(--yazi-dar); font-weight: 600; font-size: 13px;
}
.ben-bilgi { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.ben-bilgi strong { color: #fff; font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ben-bilgi small { color: var(--lacivert-soluk); font-size: 12.5px; }
.cikis-dugme {
    width: 100%; display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border: 0; border-radius: var(--r-orta);
    background: none; color: var(--lacivert-soluk); cursor: pointer; font-size: 14px;
}
.cikis-dugme:hover { background: var(--lacivert-2); color: #fff; }

.ana { flex: 1; min-width: 0; margin-left: var(--kenar-genislik); display: flex; flex-direction: column; }
.ust {
    position: sticky; top: 0; z-index: 20;
    display: flex; align-items: center; gap: 12px;
    min-height: 64px; padding: 12px 32px;
    /* Başlık ve düğmeler içerikle aynı genişlikte kalsın (geniş ekranda sağa kaçmasın) */
    padding-right: max(32px, calc(100% - 1248px));
    background: rgba(236, 238, 241, .92);
    backdrop-filter: saturate(1.4) blur(8px);
    border-bottom: 1px solid var(--cizgi);
}
.ust h1 { font-size: 22px; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ust-aksiyon { display: flex; gap: 8px; }
.menu-ac { display: none; }
.icerik { padding: 24px 32px 48px; display: flex; flex-direction: column; gap: 20px; max-width: 1280px; width: 100%; }

.perde { position: fixed; inset: 0; z-index: 35; background: rgba(15, 20, 28, .45); }

/* ---------- Düğmeler ---------- */
.dugme {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 40px; padding: 8px 16px;
    border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk);
    background: var(--yuzey); color: var(--yazi);
    font-weight: 500; font-size: 14.5px; text-decoration: none; white-space: nowrap;
    cursor: pointer; transition: background-color .12s, border-color .12s;
}
.dugme:hover { background: var(--yuzey-2); border-color: var(--soluk); }
.dugme-ana { background: var(--pas); border-color: var(--pas); color: #fff; }
.dugme-ana:hover { background: var(--pas-koyu); border-color: var(--pas-koyu); }
.dugme-kucuk { min-height: 32px; padding: 4px 10px; font-size: 13.5px; }
.dugme-genis { width: 100%; min-height: 46px; font-size: 15.5px; }
.menu-ac, .kenar-kapat {
    align-items: center; justify-content: center;
    width: 40px; height: 40px; border: 0; border-radius: var(--r-kucuk);
    background: none; cursor: pointer; color: inherit;
}

/* ---------- Bildirimler ---------- */
.bildirim {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 11px 14px; border-radius: var(--r-orta);
    border: 1px solid; font-size: 14.5px;
}
.bildirim > span { flex: 1; }
.bildirim .ikon { margin-top: 2px; }
.bildirim-basari { background: var(--yesil-zemin); border-color: #b5dcc4; color: #18533a; }
.bildirim-hata   { background: var(--kirmizi-zemin); border-color: #efbab4; color: #8a1d17; }
.bildirim-kapat { border: 0; background: none; color: inherit; opacity: .6; cursor: pointer; padding: 2px; }
.bildirim-kapat:hover { opacity: 1; }

/* ---------- Paneller ---------- */
.panel { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); box-shadow: var(--golge); }
.panel-dar { max-width: 760px; }
.panel-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--cizgi); }
.panel-bas h2 { font-size: 17px; }

/* ---------- Ana sayfa ---------- */
.karsilama h2 { font-size: 28px; }
.karsilama p { color: var(--soluk); margin-top: 2px; }

.ozet {
    display: grid; grid-template-columns: repeat(4, 1fr);
    background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); box-shadow: var(--golge);
}
.ozet-kalem { display: flex; flex-direction: column; gap: 2px; padding: 18px 22px; }
.ozet-kalem + .ozet-kalem { border-left: 1px dashed var(--cizgi-koyu); }
.ozet-sayi { font-family: var(--yazi-dar); font-weight: 600; font-size: 34px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ozet-ad { color: var(--soluk); font-size: 14px; }
.ozet-uyari .ozet-sayi { color: var(--kirmizi); }

/* ---------- Tablolar ---------- */
.tablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.tablo th {
    text-align: left; font-weight: 500; font-size: 13px; color: var(--soluk);
    padding: 10px 16px; background: var(--yuzey-2); border-bottom: 1px solid var(--cizgi);
}
.tablo td { padding: 12px 16px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo th.sag { text-align: right; }
.tablo tbody tr:hover td { background: #fafbfc; }
.tablo th:first-child { border-top-left-radius: var(--r-buyuk); }
.tablo th:last-child { border-top-right-radius: var(--r-buyuk); }
.pasif-satir td { color: var(--soluk); }
.pasif-satir strong { font-weight: 500; }

/* Durum etiketleri */
.durum {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 2px 10px 2px 8px; border-radius: 999px;
    font-size: 13px; font-weight: 500; white-space: nowrap;
}
.durum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.durum-yeni   { background: var(--sari-zemin);    color: var(--sari); }
.durum-uretim { background: var(--mavi-zemin);    color: var(--mavi); }
.durum-sevk   { background: var(--yesil-zemin);   color: var(--yesil); }
.durum-gecti  { background: var(--kirmizi-zemin); color: var(--kirmizi); }

.rol { display: inline-block; padding: 2px 9px; border-radius: var(--r-kucuk); font-size: 13px; background: var(--yuzey-2); border: 1px solid var(--cizgi); white-space: nowrap; }
.rol-yonetici { background: var(--pas-acik); border-color: #ecc9ba; color: var(--pas-koyu); }
.rol-ofis { background: var(--mavi-zemin); border-color: #bcd3ee; color: var(--mavi); }
.nokta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--soluk); }
.nokta::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cizgi-koyu); }
.nokta-acik { color: var(--yazi); }
.nokta-acik::before { background: #2f9e62; }

/* Boş durum */
.bos-durum { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 56px 24px; color: var(--soluk); }
.bos-durum h2 { color: var(--yazi); font-size: 22px; }
.bos-durum p { max-width: 46ch; }
.bos-durum .dugme { margin-top: 8px; }
.bos-durum-kucuk { padding: 36px 24px; }

/* ---------- Formlar ---------- */
.form { padding: 22px; display: flex; flex-direction: column; gap: 18px; }
.izgara { display: grid; gap: 16px; }
.izgara-2 { grid-template-columns: repeat(2, 1fr); }
.izgara-3 { grid-template-columns: repeat(3, 1fr); }

.alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; border: 0; padding: 0; margin: 0; }
.etiket { font-size: 13.5px; font-weight: 500; color: var(--yazi-2); padding: 0; }
.alan input, .alan select, .alan textarea {
    width: 100%; min-height: 42px; padding: 9px 12px;
    border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk);
    background: var(--yuzey); font-size: 15px;
    transition: border-color .12s, box-shadow .12s;
}
.alan input::placeholder { color: #9aa3b0; }
.alan input:hover, .alan select:hover { border-color: var(--soluk); }
.alan input:focus, .alan select:focus, .alan textarea:focus {
    outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15);
}
.alan:has(.alan-hata) input { border-color: var(--kirmizi); }
.alan-hata { color: var(--kirmizi); font-size: 13.5px; }

.onay { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 14.5px; }
.onay input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--pas); flex: none; }
.onay small { display: block; }

.secim-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.secim-kart { position: relative; cursor: pointer; }
.secim-kart input { position: absolute; opacity: 0; pointer-events: none; }
.secim-ic {
    display: flex; flex-direction: column; gap: 2px; height: 100%;
    padding: 11px 13px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-orta); background: var(--yuzey);
}
.secim-ic strong { font-weight: 500; }
.secim-ic small { color: var(--soluk); font-size: 13px; line-height: 1.35; }
.secim-kart:hover .secim-ic { border-color: var(--soluk); }
.secim-kart input:checked + .secim-ic { border-color: var(--pas); background: var(--pas-acik); box-shadow: inset 0 0 0 1px var(--pas); }
.secim-kart input:focus-visible + .secim-ic { outline: 2px solid var(--pas); outline-offset: 2px; }

.form-aksiyon { display: flex; justify-content: flex-end; gap: 10px; padding-top: 6px; border-top: 1px solid var(--cizgi); margin-top: 4px; padding-top: 18px; }

.bilgi-satir { display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 0; padding: 14px 16px; background: var(--yuzey-2); border-radius: var(--r-orta); }
.bilgi-satir dt { font-size: 13px; color: var(--soluk); }
.bilgi-satir dd { margin: 0; font-weight: 500; }

.sifre-kutu { position: relative; display: block; }
.sifre-kutu input { padding-right: 76px; }
.sifre-goster {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    border: 0; background: none; color: var(--pas); font-size: 13.5px; font-weight: 500;
    padding: 6px 8px; border-radius: var(--r-kucuk); cursor: pointer;
}
.sifre-goster:hover { background: var(--pas-acik); }

/* ---------- Giriş ekranı ---------- */
.yalin { background: var(--zemin); }
.giris-sahne { display: grid; grid-template-columns: minmax(340px, 5fr) 6fr; min-height: 100vh; min-height: 100dvh; }

.giris-vitrin {
    position: relative; overflow: hidden;
    background: var(--lacivert); color: #fff;
    display: flex; align-items: center; padding: 56px;
}
/* Kumaş dokusu: çok ince çapraz örgü */
.giris-vitrin::before {
    content: ""; position: absolute; inset: 0; opacity: .5;
    background:
        repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 6px),
        repeating-linear-gradient(-45deg, rgba(0,0,0,.08) 0 2px, transparent 2px 6px);
}
/* Kenar dikişi */
.giris-vitrin::after {
    content: ""; position: absolute; inset: 18px;
    border: 1.5px dashed rgba(210, 122, 85, .55); border-radius: 10px; pointer-events: none;
}
.vitrin-ic { position: relative; }
.vitrin-logo { width: 64px; height: 64px; margin-bottom: 22px; filter: brightness(0) invert(1); opacity: .95; }
.vitrin-marka { font-family: var(--yazi-dar); font-weight: 600; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: .02em; }
.vitrin-alt { font-size: 17px; color: var(--lacivert-yazi); margin-top: 10px; }

/* Üretim hattı: aşamalar bir dikiş çizgisiyle bağlı */
.hat { list-style: none; margin: 48px 0 0; padding: 0; position: relative; }
.hat::before {
    content: ""; position: absolute; left: 6px; top: 22px; bottom: 22px;
    border-left: 2px dashed var(--pas-cizgi);
}
.hat li { position: relative; display: flex; align-items: center; gap: 18px; padding: 9px 0; color: var(--lacivert-yazi); font-size: 16px; }
.hat li::before {
    content: ""; position: relative; z-index: 1; flex: none;
    width: 14px; height: 14px; border-radius: 50%;
    background: var(--lacivert); border: 2px solid var(--pas-cizgi);
}
.hat li:last-child { color: #fff; font-weight: 500; }
.hat li:last-child::before { background: var(--pas-cizgi); }

.giris-panel { display: flex; align-items: center; justify-content: center; padding: 40px 24px; }
.giris-kart { width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 16px; }
.giris-kart h1 { font-size: 30px; margin-bottom: 6px; }
.giris-mobil-marka { display: none; }
.giris-not { color: var(--soluk); font-size: 13.5px; text-align: center; }

/* ---------- Kurulum ---------- */
.kurulum { max-width: 760px; margin: 0 auto; padding: 48px 24px 64px; display: flex; flex-direction: column; gap: 20px; }
.kurulum-bas .vitrin-marka { display: flex; align-items: center; gap: 10px; font-size: 18px; color: var(--yazi); }
.kurulum-bas .logo { width: 28px; height: 28px; }
.kurulum-bas h1 { font-size: 34px; margin: 6px 0 8px; }
.kurulum-bas p:last-child { color: var(--yazi-2); }
.kurulum-form { display: flex; flex-direction: column; gap: 20px; }
.kurulum-form > .dugme { align-self: flex-start; min-height: 46px; padding-inline: 22px; }
.bolum { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); padding: 20px 22px 22px; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.bolum legend { float: left; width: 100%; font-family: var(--yazi-dar); font-weight: 600; font-size: 18px; padding: 0; }
.bolum-aciklama { color: var(--soluk); font-size: 14px; clear: both; margin-top: -8px; }

/* ---------- Ortak küçük parçalar ---------- */
.kucuk-yazi { font-size: 13.5px; }
.zorunlu { font-style: normal; color: var(--pas); }
.dugme-sade { border-color: transparent; background: none; }
.dugme-sade:hover { background: var(--yuzey-2); border-color: var(--cizgi); }
.dugme-sade-pas { border: 1px dashed var(--pas-cizgi); background: none; color: var(--pas); }
.dugme-sade-pas:hover { background: var(--pas-acik); border-color: var(--pas); }
.ikon-dugme {
    display: inline-grid; place-items: center; width: 34px; height: 34px;
    border: 0; border-radius: var(--r-kucuk); background: none; color: var(--soluk); cursor: pointer;
}
.ikon-dugme:hover { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.metin-dugme { border: 0; background: none; padding: 4px 0; cursor: pointer; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.tehlike { color: var(--kirmizi); }
.gecti-yazi { color: var(--kirmizi); font-weight: 500; }
.fazla-yazi { color: var(--mavi); }
.panel-bas a { font-size: 14px; }
.izgara-4 { grid-template-columns: repeat(4, 1fr); }
.genis-2 { grid-column: span 2; }
.genis-3 { grid-column: span 3; }
.alan textarea { min-height: 42px; resize: vertical; line-height: 1.45; }
.alan select { appearance: none; padding-right: 34px; background: var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236b7686' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center; }
.alan select:disabled { background-color: var(--yuzey-2); color: var(--soluk); }

.ekli-giris, .para-giris { display: flex; align-items: stretch; }
.ekli-giris input { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 0; }
.ekli-giris > span {
    display: flex; align-items: center; padding: 0 10px; white-space: nowrap;
    border: 1px solid var(--cizgi-koyu); border-left: 0; border-radius: 0 var(--r-kucuk) var(--r-kucuk) 0;
    background: var(--yuzey-2); color: var(--soluk); font-size: 13.5px;
}
.alan .para-giris input { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 0; text-align: right; font-variant-numeric: tabular-nums; }
.alan .para-giris select { width: auto; flex: none; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: var(--yuzey-2); font-size: 14px; }

/* ---------- Tanımlar ---------- */
.tanim-duzen { display: flex; flex-direction: column; gap: 16px; }
.sekmeler { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--cizgi); scrollbar-width: none; }
.sekme {
    padding: 10px 14px; white-space: nowrap; color: var(--yazi-2); text-decoration: none; font-weight: 500; font-size: 14.5px;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.sekme:hover { color: var(--yazi); }
.sekme.aktif { color: var(--pas); border-bottom: 2px dashed var(--pas); }
.tanim-icerik { display: grid; grid-template-columns: 320px 1fr; gap: 16px; align-items: start; }
.tanim-form { position: sticky; top: 84px; gap: 14px; }
.tanim-form h2 { font-size: 17px; }
.satir-aksiyon { white-space: nowrap; }
.satir-aksiyon form { display: inline; }
.secili-satir td { background: var(--pas-acik) !important; }
.tablo .rol { margin-left: 6px; vertical-align: 1px; }

/* ---------- Sipariş formu ---------- */
.siparis-form { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.siparis-ana { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.form-bolum { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 14px; }
.form-bolum h2 { font-size: 17px; }
.bolum-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

.varyant-tablo { width: 100%; border-collapse: separate; border-spacing: 0; }
.varyant-tablo th { text-align: left; font-weight: 500; font-size: 13px; color: var(--soluk); padding: 0 4px 6px; }
.varyant-tablo th.sag { text-align: right; }
.varyant-tablo td { padding: 3px 4px; }
.varyant-tablo td:first-child, .varyant-tablo th:first-child { padding-left: 0; }
.varyant-tablo input {
    width: 100%; min-height: 40px; padding: 8px 10px;
    border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); font-size: 14.5px;
}
.varyant-tablo input:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.varyant-tablo input.sag { text-align: right; font-variant-numeric: tabular-nums; }
.varyant-tablo td:nth-child(1) { width: 16%; }
.varyant-tablo td:nth-child(2) { width: 25%; }
.varyant-tablo td:nth-child(3) { width: 10%; }
.varyant-tablo td:nth-child(4) { width: 12%; }
.varyant-tablo td:nth-child(5) { width: 22%; }
.varyant-tablo .varyant-islem { width: 44px; text-align: center; white-space: nowrap; }
.varyant-satir.hatali input[data-adet] { border-color: var(--kirmizi); }
.varyant-hata td { color: var(--kirmizi); font-size: 13px; padding: 0 4px 6px; }
.kilit-not { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--soluk); }
.varyant-tablo tfoot td { padding-top: 12px; }
.toplam-hucre { white-space: nowrap; font-size: 15px; }
.toplam-hucre strong { font-family: var(--yazi-dar); font-size: 19px; margin-left: 6px; }

.siparis-yan { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 84px; }
.resim-kutu { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.resim-kutu h2, .ozet-kutu h2 { font-size: 15px; }
.resim-bas { display: flex; align-items: baseline; justify-content: space-between; }
.resim-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.resim-karo, .resim-ekle { position: relative; aspect-ratio: 1; border-radius: var(--r-orta); overflow: hidden; }
.resim-karo { border: 1px solid var(--cizgi); background: #fff; }
.resim-karo img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* İlk karo büyük: kapak gibi dursun */
.resim-izgara > .resim-karo:first-child { grid-column: span 2; grid-row: span 2; }
.kapak-sec {
    position: absolute; left: 5px; bottom: 5px; display: flex; align-items: center; cursor: pointer;
}
.kapak-sec input { position: absolute; opacity: 0; pointer-events: none; }
.kapak-sec span {
    padding: 1px 7px; border-radius: var(--r-kucuk); font-size: 11.5px; font-weight: 500;
    background: rgba(255,255,255,.92); color: var(--yazi-2); border: 1px solid var(--cizgi);
}
.kapak-sec input:checked + span { background: var(--pas); color: #fff; border-color: var(--pas); }
.kapak-sec input:focus-visible + span { outline: 2px solid var(--pas); outline-offset: 1px; }
.resim-karo:not(:hover) .kapak-sec input:not(:checked) + span { opacity: 0; }
@media (hover: none) { .resim-karo .kapak-sec input:not(:checked) + span { opacity: 1; } }
.karo-sil {
    position: absolute; right: 5px; top: 5px; display: grid; place-items: center;
    width: 26px; height: 26px; border-radius: 50%; border: 0; cursor: pointer;
    background: rgba(28,36,48,.7); color: #fff;
}
.karo-sil:hover { background: var(--kirmizi); }
.karo-sil input { position: absolute; opacity: 0; pointer-events: none; }
.silinecek img { opacity: .3; filter: grayscale(1); }
.silinecek .karo-sil { background: var(--yesil); }
.silinecek .kapak-sec { display: none; }
.silinecek-not, .yeni-not { display: none; position: absolute; left: 5px; top: 7px; font-size: 11.5px; font-weight: 600; }
.silinecek .silinecek-not { display: block; color: var(--kirmizi); }
.resim-karo.yeni .yeni-not { display: block; padding: 0 6px; border-radius: var(--r-kucuk); background: var(--mavi); color: #fff; }
.resim-ekle {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer;
    border: 1.5px dashed var(--cizgi-koyu); background: var(--yuzey-2); color: var(--pas); font-size: 13px; font-weight: 500; text-align: center;
}
.resim-ekle:hover { border-color: var(--pas); background: var(--pas-acik); }
.resim-ekle:focus-within { outline: 2px solid var(--pas); outline-offset: 2px; }
.resim-ekle input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.resim-ekle.yukleniyor { opacity: .5; pointer-events: none; }
.resim-ekle[hidden] { display: none; }
.resim-izgara > .resim-ekle:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }

.ozet-kutu { padding: 16px; }
.ozet-kutu dl { margin: 0 0 14px; display: grid; grid-template-columns: repeat(3, 1fr); }
.ozet-kutu dl div + div { border-left: 1px dashed var(--cizgi-koyu); padding-left: 12px; }
.ozet-kutu dt { font-size: 12.5px; color: var(--soluk); }
.ozet-kutu dd { margin: 0; font-family: var(--yazi-dar); font-weight: 600; font-size: 22px; }
.ozet-dugmeler { display: flex; flex-direction: column; gap: 8px; }
.sil-not { text-align: center; }

/* ---------- Sipariş listesi ---------- */
.filtre { display: flex; flex-direction: column; gap: 12px; }
.filtre-ust { display: flex; gap: 8px; flex-wrap: wrap; }
.filtre select, .arama input {
    min-height: 40px; padding: 8px 12px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background-color: var(--yuzey); font-size: 14.5px;
}
.filtre select { appearance: none; padding-right: 32px; background: var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236b7686' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center; max-width: 220px; }
.arama { position: relative; flex: 1 1 300px; display: flex; }
.arama .ikon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--soluk); }
.arama input { width: 100%; padding-left: 38px; }
.filtre select:focus, .arama input:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }

.durum-sekmeler { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.durum-sekme {
    display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
    padding: 6px 13px; border-radius: 999px; border: 1px solid var(--cizgi-koyu);
    color: var(--yazi-2); text-decoration: none; font-size: 14px; font-weight: 500; background: var(--yuzey);
}
.durum-sekme:hover { border-color: var(--soluk); color: var(--yazi); }
.durum-sekme.aktif { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.durum-sekme-yeni::before, .durum-sekme-uretimde::before, .durum-sekme-gecti::before, .durum-sekme-sevk_edildi::before {
    content: ""; width: 8px; height: 8px; border-radius: 50%;
}
.durum-sekme-yeni::before { background: #d9a21b; }
.durum-sekme-uretimde::before { background: var(--mavi); }
.durum-sekme-gecti::before { background: var(--kirmizi); }
.durum-sekme-sevk_edildi::before { background: #2f9e62; }

.liste-bilgi { display: flex; align-items: baseline; gap: 16px; font-size: 14.5px; color: var(--yazi-2); margin-bottom: -6px; }
.liste-bilgi a { font-size: 14px; }

.siparis-tablo td { padding: 12px 14px; vertical-align: top; }
.siparis-tablo th { padding: 10px 14px; }
.siparis-satir { cursor: pointer; }
.resim-sutun { width: 72px; padding-right: 0 !important; }
.kucuk-resim { width: 56px; height: 56px; border-radius: var(--r-orta); object-fit: cover; background: #fff; border: 1px solid var(--cizgi); display: block; }
.kucuk-resim-kap { position: relative; display: block; width: 56px; }
.resim-rozet {
    position: absolute; right: -5px; bottom: -5px; min-width: 20px; height: 20px; padding: 0 5px;
    display: grid; place-items: center; border-radius: 10px; border: 2px solid var(--yuzey);
    background: var(--lacivert); color: #fff; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums;
}
.kucuk-resim.bos { display: grid; place-items: center; color: var(--cizgi-koyu); background: var(--yuzey-2); }
.sip-no { white-space: nowrap; font-size: 15.5px; font-weight: 600; color: var(--yazi); text-decoration: none; }
.sip-no:hover { color: var(--pas); text-decoration: underline; }
.alt-satir { display: block; font-size: 13.5px; line-height: 1.4; margin-top: 2px; }
.model-hucre strong { font-weight: 500; }
.varyant-cipleri { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.varyant-cipleri li { display: flex; justify-content: space-between; gap: 12px; font-size: 13.5px; max-width: 240px; }
.varyant-cipleri li span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--yazi-2); }
.varyant-cipleri li b { font-weight: 500; }
.varyant-cipleri .fazla { color: var(--soluk); font-size: 13px; }
.adet-hucre { white-space: nowrap; }
.adet-buyuk { font-family: var(--yazi-dar); font-weight: 600; font-size: 18px; display: block; line-height: 1.2; }
.ilerleme { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; margin-top: 6px; font-size: 12.5px; }
.ilerleme-cubuk { display: block; width: 96px; height: 5px; border-radius: 3px; background: var(--yuzey-2); box-shadow: inset 0 0 0 1px var(--cizgi); overflow: hidden; }
.ilerleme-cubuk > span { display: block; height: 100%; background: var(--mavi); border-radius: 3px; }
.ilerleme-cubuk > span.tam { background: #2f9e62; }
.ilerleme-cubuk.buyuk { width: 100%; height: 8px; border-radius: 4px; }
.termin-hucre { white-space: nowrap; }
.fiyat-hucre { white-space: nowrap; }
.durum-hucre .etiketler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; max-width: 170px; }
.mini-etiket {
    display: inline-flex; align-items: center; gap: 3px; padding: 1px 7px;
    border: 1px solid var(--cizgi); border-radius: var(--r-kucuk); font-size: 12px; color: var(--yazi-2); background: var(--yuzey);
}
.mini-etiket.tamam { color: var(--yesil); border-color: #b5dcc4; background: var(--yesil-zemin); }
.grup-satir td { background: var(--yuzey-2) !important; padding: 8px 14px !important; border-bottom: 1px solid var(--cizgi); cursor: default; }
.grup-satir strong { margin-right: 10px; font-size: 15px; }
.grup-satir span { font-size: 13.5px; }

.sayfalama { display: flex; align-items: center; justify-content: center; gap: 14px; font-size: 14px; }

/* ---------- Sipariş detayı ---------- */
.geri { margin-bottom: -8px; font-size: 14px; }
.geri a { color: var(--yazi-2); text-decoration: none; }
.geri a::before { content: "‹ "; }
.geri a:hover { color: var(--pas); }
.detay-bas { display: grid; grid-template-columns: 280px 1fr; overflow: hidden; }
.detay-resim { background: #fff; border-right: 1px solid var(--cizgi); display: grid; place-items: center; min-height: 260px; }
.detay-resim { display: flex; flex-direction: column; align-items: stretch; justify-content: center; }
.galeri-ana { display: grid; place-items: center; flex: 1; min-height: 240px; padding: 8px; }
.galeri-ana img { display: block; width: 100%; max-height: 320px; object-fit: contain; }
.galeri-kucukler { display: flex; gap: 6px; padding: 8px; border-top: 1px solid var(--cizgi); overflow-x: auto; }
.galeri-kucuk { flex: none; width: 48px; height: 48px; padding: 0; border: 1px solid var(--cizgi); border-radius: var(--r-kucuk); overflow: hidden; background: #fff; cursor: pointer; }
.galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.galeri-kucuk.secili { border-color: var(--pas); box-shadow: 0 0 0 1px var(--pas); }
.detay-resim-bos { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--cizgi-koyu); font-size: 14px; }
.detay-ozet { padding: 22px 24px; display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.detay-baslik h2 { font-size: 28px; margin: 8px 0 2px; }
.detay-rakamlar { display: grid; grid-template-columns: repeat(3, auto) 1fr; gap: 28px; align-items: end; padding: 14px 0; border-top: 1px dashed var(--cizgi-koyu); border-bottom: 1px dashed var(--cizgi-koyu); }
.detay-rakamlar > div { display: flex; flex-direction: column; }
.detay-rakamlar .ozet-sayi { font-size: 30px; }
.detay-ilerleme { gap: 6px; font-size: 13.5px; min-width: 140px; }
.bilgi-izgara { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px 24px; }
.bilgi-izgara dt { font-size: 13px; color: var(--soluk); }
.bilgi-izgara dd { margin: 2px 0 0; font-weight: 500; }
.bilgi-izgara dd small { font-weight: 400; margin-left: 4px; }
.bilgi-izgara dd .ikon { color: var(--yesil); vertical-align: -2px; }

.detay-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.detay-yan { display: flex; flex-direction: column; gap: 16px; }
.form-sik { padding: 16px; gap: 12px; }
.form-sik h2 { font-size: 15px; }
.durum-secim { display: flex; flex-direction: column; gap: 6px; }
.durum-secim .secim-ic { padding: 8px 10px; }
.bilgi-liste { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.bilgi-liste div { display: flex; justify-content: space-between; gap: 12px; }
.bilgi-liste dt { color: var(--soluk); font-size: 14px; }
.bilgi-liste dd { margin: 0; }
.not-metni { white-space: normal; font-size: 14.5px; color: var(--yazi-2); }
.kayit-bilgi { font-size: 13px; padding: 0 4px; }
.varyant-detay tfoot td { padding: 12px 16px; border-top: 1px solid var(--cizgi); background: var(--yuzey-2); }
.varyant-detay tfoot td:first-child { border-bottom-left-radius: var(--r-buyuk); }
.varyant-detay tfoot td:last-child { border-bottom-right-radius: var(--r-buyuk); }

@media (max-width: 1180px) {
    .siparis-form, .detay-izgara { grid-template-columns: 1fr; }
    .siparis-yan { position: static; display: grid; grid-template-columns: 1fr 1fr; }
    .detay-yan { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
    .siparis-tablo .varyant-hucre { display: none; }
    .siparis-tablo th:nth-child(4) { display: none; }
}

/* ---------- Menü grupları ---------- */
.menu-baslik {
    display: block; padding: 16px 12px 4px; font-size: 11.5px; font-weight: 600; letter-spacing: .06em;
    color: var(--lacivert-soluk); font-family: var(--yazi-dar);
}
.bolum-baslik { font-size: 15px; color: var(--yazi-2); margin-bottom: -8px; }
.sekme-grup { align-self: center; padding: 0 4px 0 14px; font-size: 12px; font-weight: 600; color: var(--soluk); white-space: nowrap; }
.sekme-grup:first-child { padding-left: 0; }

/* ---------- Özet şeridi (link ve 5 sütun) ---------- */
.ozet-5 { grid-template-columns: repeat(5, 1fr); }
.ozet-link { text-decoration: none; color: inherit; }
.ozet-link:hover { background: var(--yuzey-2); }
.ozet-link:first-child:hover { border-radius: var(--r-buyuk) 0 0 var(--r-buyuk); }
.ozet-link:last-child:hover { border-radius: 0 var(--r-buyuk) var(--r-buyuk) 0; }
.stok-bilgi { margin-left: auto; font-size: 13.5px; }

/* ---------- RUST&RICH ürün listesi ---------- */
.rr-liste { display: flex; flex-direction: column; gap: 12px; }
.rr-model { overflow: hidden; }
.rr-model-bas { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); }
.rr-kapak { display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); background: #fff; overflow: hidden; color: var(--cizgi-koyu); }
.rr-kapak img { width: 100%; height: 100%; object-fit: cover; }
.rr-model-bilgi { min-width: 0; }
.rr-model-ad { font-weight: 600; font-size: 16px; color: var(--yazi); text-decoration: none; }
.rr-model-ad .kod { color: var(--pas); margin-right: 4px; }
.rr-model-ad:hover { text-decoration: underline; text-underline-offset: 3px; }
.rr-komp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60ch; }
.rr-model-rakam { display: flex; gap: 24px; margin: 0; }
.rr-model-rakam dt { font-size: 12.5px; color: var(--soluk); }
.rr-model-rakam dd { margin: 0; font-family: var(--yazi-dar); font-weight: 600; font-size: 17px; white-space: nowrap; }
.rr-varyantlar th { padding: 7px 14px; font-size: 12.5px; }
.rr-varyantlar td { padding: 8px 14px; font-size: 14px; }
.rr-varyantlar th:first-child, .rr-varyantlar th:last-child { border-radius: 0; }
.rr-renk { display: inline-flex; align-items: center; gap: 10px; vertical-align: middle; }
.rr-renk img, .rr-renk-bos { width: 34px; height: 34px; border-radius: var(--r-kucuk); object-fit: cover; border: 1px solid var(--cizgi); background: var(--yuzey-2); flex: none; }
.rr-renk > span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.rr-renk strong { font-weight: 500; }
.rr-renk small { font-size: 12px; }
.mini-etiket.limited { margin-left: 8px; color: var(--pas-koyu); background: var(--pas-acik); border-color: #ecc9ba; vertical-align: middle; }
.kopyala { border: 0; background: none; padding: 2px 4px; margin: -2px -4px; border-radius: var(--r-kucuk); font: inherit; color: inherit; cursor: copy; }
.kopyala:hover { background: var(--yuzey-2); }
.kopyala.kopyalandi { background: var(--yesil-zemin); color: var(--yesil); }
.indirim { color: var(--kirmizi); }
.stok { display: inline-block; min-width: 40px; padding: 1px 8px; border-radius: 999px; font-variant-numeric: tabular-nums; font-weight: 500; font-size: 13.5px; text-align: right; }
.stok-az { background: var(--sari-zemin); color: var(--sari); }
.stok-bitti { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.stok-yok { color: var(--soluk); font-weight: 400; font-size: 12.5px; }
/* Düz liste: her varyant bir satır, aynı modelin satırları bir arada */
.rr-duz { overflow: visible; }
.rr-duz-tablo { width: 100%; }
.rr-duz-tablo tbody.rr-grup + tbody.rr-grup tr:first-child td { border-top: 2px solid var(--cizgi-koyu); }
.rr-duz-tablo tbody.rr-grup-cift td { background: #f8f9fb; }
.rr-duz-tablo tbody tr:hover td { background: #f0f2f5; }
.rr-urun-ad { color: var(--yazi); text-decoration: none; font-weight: 500; }
.rr-urun-ad .kod { color: var(--pas); font-weight: 600; margin-right: 2px; }
.rr-urun-ad:hover { text-decoration: underline; text-underline-offset: 3px; }
.rr-duz-tablo .rr-renk small .mini-etiket { margin-left: 4px; }
.rr-duz-tablo td { padding-top: 5px; padding-bottom: 5px; }
.rr-duz-tablo td[data-etiket="Beden"], .rr-duz-tablo td[data-etiket="Barkod"], .rr-duz-tablo td[data-etiket="SKU"], .rr-duz-tablo td[data-etiket="Çıkış"] { white-space: nowrap; }
.rr-duz-tablo th, .rr-duz-tablo td { padding-left: 10px; padding-right: 10px; }
.rr-duz-tablo .rr-komp-sutun { font-size: 12.5px; color: var(--yazi-2); line-height: 1.35; }
.rr-duz-tablo td.rr-komp-sutun { min-width: 150px; max-width: 220px; }
.rr-duz-tablo td.rr-urun-sutun { min-width: 250px; }
/* Sıralanabilir başlıklar */
.sirali-baslik a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.sirali-baslik a:hover { color: var(--yazi); }
.sirali-baslik .sira-ok { font-size: 11px; opacity: .45; }
.sirali-baslik.aktif a { color: var(--pas); font-weight: 600; }
.sirali-baslik.aktif .sira-ok { opacity: 1; font-size: 12px; }
.rr-sirali tbody.rr-grup + tbody.rr-grup tr:first-child td { border-top: 0; }
.rr-sirali tbody.rr-grup-cift td { background: none; }
/* Fiyatın üzerine gelince B2B döviz fiyatları */
.ipucu { position: relative; display: inline-block; cursor: help; border-bottom: 1px dotted var(--cizgi-koyu); }
.ipucu::after {
    content: attr(data-ipucu); position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 20;
    white-space: pre; text-align: left; padding: 7px 10px; border-radius: var(--r-kucuk);
    background: #1c2430; color: #fff; font-size: 12.5px; font-weight: 500; line-height: 1.5; font-family: var(--yazi);
    box-shadow: 0 6px 18px rgba(20, 28, 40, .22); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .12s, transform .12s;
    pointer-events: none;
}
.ipucu:hover::after, .ipucu:focus::after { opacity: 1; visibility: visible; transform: none; }
.rr-duz-tablo td.rr-urun-sutun { padding-left: 8px; }
.rr-duz-tablo .rr-renk { gap: 12px; }
.rr-duz-tablo td.rr-urun-sutun { padding-top: 4px; padding-bottom: 4px; }
.rr-duz-tablo .rr-renk img, .rr-duz-tablo .rr-renk-bos { width: 72px; height: 88px; border-radius: var(--r-orta); background: #fff; object-fit: cover; }
.rr-duz-tablo .rr-renk-resim .resim-rozet { right: -5px; bottom: -5px; }
.rr-duz-tablo td[data-etiket="Fiyat"] > s, .rr-duz-tablo td[data-etiket="Fiyat"] > strong, .rr-duz-tablo .stok { white-space: nowrap; }
.rr-duz-tablo td[data-etiket="Fiyat"] { white-space: nowrap; }
.rr-duz-tablo td[data-etiket="Fiyat"] small { white-space: normal; }
.stok-sekme-tukendi::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--kirmizi); }
.stok-sekme-alarm::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #d99a12; }
.stok-sekme-stokta::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #2f9e62; }

/* ---------- RUST&RICH ürün formu ---------- */
.rr-form { display: flex; flex-direction: column; gap: 16px; }
.tablo-kaydir { overflow-x: auto; margin: 0 -4px; padding: 0 4px; }
.rr-varyant-tablo { width: 100%; min-width: 1060px; border-collapse: separate; border-spacing: 0; }
.rr-varyant-tablo th { text-align: left; font-weight: 500; font-size: 12.5px; color: var(--soluk); padding: 0 4px 6px; white-space: nowrap; }
.rr-varyant-tablo th.sag { text-align: right; }
.rr-varyant-tablo td { padding: 3px 4px; vertical-align: middle; }
.rr-varyant-tablo input, .rr-varyant-tablo select {
    width: 100%; min-height: 38px; padding: 7px 9px; font-size: 14px;
    border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background-color: var(--yuzey);
}
.rr-varyant-tablo select { appearance: none; padding-right: 26px; background: var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236b7686' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center; }
.rr-varyant-tablo input:focus, .rr-varyant-tablo select:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.rr-varyant-tablo input.sag { text-align: right; font-variant-numeric: tabular-nums; }
.rr-varyant-tablo { table-layout: fixed; }
.rr-varyant-tablo th:nth-child(1) { width: 17%; }
.rr-varyant-tablo th:nth-child(2) { width: 14%; }
.rr-varyant-tablo th:nth-child(3) { width: 168px; }
.rr-varyant-tablo th:nth-child(4) { width: 17%; }
.rr-varyant-tablo th:nth-child(5), .rr-varyant-tablo th:nth-child(6) { width: 9%; }
.rr-varyant-tablo th:nth-child(7) { width: 142px; }
.rr-varyant-tablo th:nth-child(8) { width: 44px; }
.rr-varyant-tablo th:nth-child(9) { width: 72px; }
.rr-varyant-tablo th:nth-child(10) { width: 78px; }
.rr-satir + .rr-satir > tr:first-child > td { border-top: 1px dashed var(--cizgi); padding-top: 6px; }
.barkod-giris { display: flex; align-items: stretch; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); overflow: hidden; font-variant-numeric: tabular-nums; }
.barkod-giris:focus-within { border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.barkod-onek, .barkod-kontrol { display: flex; align-items: center; padding: 0 2px 0 8px; color: var(--soluk); font-size: 13.5px; font-family: var(--yazi-dar); background: var(--yuzey-2); }
.barkod-kontrol { padding: 0 8px 0 2px; min-width: 16px; background: none; color: var(--yazi-2); }
.rr-varyant-tablo .barkod-giris input { border: 0; box-shadow: none; width: 44px; padding: 7px 2px; font-family: var(--yazi-dar); font-weight: 600; font-size: 14.5px; letter-spacing: .02em; text-align: center; min-width: 0; flex: none; }
.rr-varyant-tablo .barkod-giris input.cakisiyor { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.rr-satir.hatali > tr:first-child input, .rr-satir.hatali > tr:first-child select { border-color: #e2a29b; }
.orta { text-align: center; }
.kutu-etiket { display: inline-grid; place-items: center; width: 34px; height: 34px; cursor: pointer; }
.rr-varyant-tablo .kutu-etiket input { width: 18px; height: 18px; min-height: 0; accent-color: var(--pas); }
.rr-islem { white-space: nowrap; }
.ikon-dugme.sade:hover { background: var(--yuzey-2); color: var(--yazi); }
.ikon-dugme.dolu { color: var(--pas); }
.rr-detay td { padding-top: 0 !important; border-top: 0 !important; }
.rr-detay-ic { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; padding: 6px 10px 10px; margin: 0 0 4px; background: var(--yuzey-2); border-radius: var(--r-orta); }
.rr-detay-ic .etiket { font-size: 12.5px; }
.rr-toplu td { padding-top: 14px; border-top: 1px solid var(--cizgi); }
.rr-toplu td:first-child { display: flex; align-items: center; gap: 14px; }
.rr-toplu-not { margin-left: auto; white-space: nowrap; }
.rr-toplu input { background: var(--yuzey-2) !important; border-style: dashed !important; }

.rr-resimler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.rr-resim { position: relative; display: flex; flex-direction: column; gap: 6px; cursor: pointer; }
.rr-resim-kutu { display: grid; place-items: center; aspect-ratio: 1; border-radius: var(--r-orta); border: 1px solid var(--cizgi); background: #fff; overflow: hidden; }
.rr-resim-kutu img { width: 100%; height: 100%; object-fit: contain; }
.rr-resim:hover .rr-resim-kutu { border-color: var(--pas); }
.rr-resim.degisti .rr-resim-kutu { border: 2px solid var(--mavi); }
.rr-resim-bos { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--pas); font-size: 13px; font-weight: 500; }
.rr-resim-ad { font-size: 13.5px; }
.rr-resim-ad strong { font-weight: 500; }
.rr-resim input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.rr-resim:focus-within .rr-resim-kutu { outline: 2px solid var(--pas); outline-offset: 2px; }

.rr-kaydet {
    position: sticky; bottom: 0; z-index: 10; display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; margin: 0 -8px; background: rgba(236, 238, 241, .94); backdrop-filter: blur(8px); border-top: 1px solid var(--cizgi);
}
.bosluk { flex: 1; }

/* ---------- Stok yükleme ---------- */
.stok-duzen { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 16px; align-items: start; }
.stok-duzen h2 { font-size: 17px; display: flex; align-items: center; gap: 8px; }
.stok-sag { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.adimlar { margin: 0; padding-left: 20px; color: var(--yazi-2); font-size: 14.5px; display: flex; flex-direction: column; gap: 4px; }
.dosya-sec { position: relative; display: block; cursor: pointer; }
.dosya-sec input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.dosya-sec-ic { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 90px; padding: 16px; border: 1.5px dashed var(--cizgi-koyu); border-radius: var(--r-orta); background: var(--yuzey-2); color: var(--pas); font-weight: 500; text-align: center; }
.dosya-sec:hover .dosya-sec-ic { border-color: var(--pas); background: var(--pas-acik); }
.dosya-sec:focus-within .dosya-sec-ic { outline: 2px solid var(--pas); outline-offset: 2px; }
.stok-sonuc { border-color: #b5dcc4; }
.stok-sonuc h2 .ikon { color: var(--yesil); }
.stok-sonuc details { font-size: 14px; }
.stok-sonuc summary { cursor: pointer; color: var(--pas); }
.barkod-listesi { margin-top: 6px; word-break: break-all; color: var(--yazi-2); }
.eksik-liste { margin: 6px 0 0; padding-left: 18px; max-height: 240px; overflow: auto; }

@media (max-width: 1180px) {
    .stok-duzen { grid-template-columns: 1fr; }
    .rr-model-rakam { gap: 16px; }
}

/* ---------- Fotoğraf galerisi ---------- */
.rr-renk-resim { position: relative; padding: 0; border: 0; background: none; cursor: zoom-in; flex: none; border-radius: var(--r-kucuk); }
.rr-renk-resim .resim-rozet { right: -6px; bottom: -6px; min-width: 18px; height: 18px; font-size: 10.5px; }
.rr-galeri-ac { position: relative; z-index: 2; margin-left: 6px; font-size: 12.5px; color: var(--pas); }
.galeri-acik { overflow: hidden; }
.galeri-perde {
    position: fixed; inset: 0; z-index: 100; display: grid; grid-template-rows: auto 1fr auto; grid-template-columns: 56px 1fr 56px;
    background: rgba(15, 20, 28, .94); color: #fff;
}
.galeri-perde[hidden] { display: none; }
.galeri-ust { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding: 12px 16px; }
.galeri-baslik { font-family: var(--yazi-dar); font-weight: 600; font-size: 17px; }
.galeri-sayac { color: var(--lacivert-soluk); font-variant-numeric: tabular-nums; font-size: 14px; }
.galeri-kapat { margin-left: auto; width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.galeri-kapat:hover { background: rgba(255,255,255,.2); }
.galeri-buyuk { grid-column: 2; grid-row: 2; justify-self: center; align-self: center; max-width: 100%; max-height: calc(100dvh - 190px); object-fit: contain; border-radius: var(--r-orta); background: #fff; }
.galeri-ok { grid-row: 2; align-self: center; justify-self: center; width: 44px; height: 64px; border: 0; border-radius: var(--r-orta); background: rgba(255,255,255,.08); color: #fff; font-size: 34px; cursor: pointer; }
.galeri-ok:hover { background: rgba(255,255,255,.18); }
.galeri-ok.onceki { grid-column: 1; }
.galeri-ok.sonraki { grid-column: 3; }
.galeri-ok[hidden] { display: none; }
.galeri-seridi { grid-column: 1 / -1; display: flex; justify-content: center; gap: 8px; padding: 12px 16px 18px; overflow-x: auto; }
.galeri-seridi img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--r-kucuk); background: #fff; opacity: .55; cursor: pointer; border: 2px solid transparent; flex: none; }
.galeri-seridi img.secili { opacity: 1; border-color: var(--pas-cizgi); }
@media (max-width: 600px) {
    .galeri-perde { grid-template-columns: 0 1fr 0; }
    .galeri-ok { display: none; }
    .galeri-buyuk { max-height: calc(100dvh - 170px); border-radius: 0; }
    .galeri-seridi img { width: 52px; height: 52px; }
}
.aktarim-ilerleme { display: flex; flex-direction: column; gap: 6px; }

/* ---------- Stok sayımı ve okutma ---------- */
.ozet-3 { grid-template-columns: repeat(3, 1fr); }
.sayim-duzen { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 16px; align-items: start; }
.sayim-duzen > .sayim-okut { position: sticky; top: 84px; grid-row: span 2; }
.sayim-duzen > .sayim-bitir { grid-column: 2; }
.okuyucu { display: flex; flex-direction: column; gap: 10px; }
.okuyucu-kamera { width: 100%; border-radius: var(--r-orta); overflow: hidden; background: #000; min-height: 200px; }
.okuyucu-kamera { position: relative; }
.okuyucu-kamera video { width: 100% !important; display: block; max-height: 60vh; object-fit: cover; }
.okuyucu-hedef { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.okuyucu-hedef span { width: 78%; height: 34%; border: 2px solid rgba(255,255,255,.85); border-radius: 10px; box-shadow: 0 0 0 999px rgba(0,0,0,.28); position: relative; }
.okuyucu-hedef span::after { content: ""; position: absolute; left: 6%; right: 6%; top: 50%; height: 2px; background: #e0532a; box-shadow: 0 0 8px #e0532a; }
.okuyucu-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.okuyucu-dugmeler [hidden] + .okuyucu-ana, .okuyucu-dugmeler .okuyucu-ana:only-of-type { grid-column: 1 / -1; }
.okuyucu-ana { min-height: 52px; font-size: 15.5px; }
.okuyucu-ana.acik { background: var(--lacivert); border-color: var(--lacivert); }
.okuyucu-elle input { min-height: 46px; font-size: 16px; font-family: var(--yazi-dar); letter-spacing: .03em; }
.okuyucu-mesaj { padding: 10px 12px; border-radius: var(--r-orta); font-size: 14.5px; font-weight: 500; }
.okuyucu-mesaj.hata { background: var(--kirmizi-zemin); color: #8a1d17; }
.okuyucu-mesaj.basari { background: var(--yesil-zemin); color: #18533a; }
.segment { display: inline-flex; padding: 3px; border-radius: var(--r-orta); background: var(--yuzey-2); border: 1px solid var(--cizgi); }
.segment label { cursor: pointer; }
.segment input { position: absolute; opacity: 0; pointer-events: none; }
.segment span { display: block; padding: 5px 11px; border-radius: 6px; font-size: 13.5px; font-weight: 500; color: var(--yazi-2); white-space: nowrap; }
.segment input:checked + span { background: var(--yuzey); color: var(--yazi); box-shadow: 0 1px 2px rgba(28,36,48,.12); }
.segment input:focus-visible + span { outline: 2px solid var(--pas); }

.okunan { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--cizgi); border-radius: var(--r-orta); background: var(--yuzey-2); }
.okunan.vurgu { animation: okunan-vurgu .6s ease-out; }
@keyframes okunan-vurgu { from { box-shadow: 0 0 0 3px var(--pas-cizgi); background: var(--pas-acik); } to { box-shadow: 0 0 0 0 transparent; } }
.okunan-resim { width: 72px; height: 72px; object-fit: cover; border-radius: var(--r-kucuk); background: #fff; border: 1px solid var(--cizgi); }
.okunan-bilgi { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.okunan-bilgi strong { font-weight: 600; }
.okunan-adet { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.okunan-sayi { font-family: var(--yazi-dar); font-weight: 600; font-size: 34px; line-height: 1.05; }
.okunan-islem { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto auto; gap: 6px; }
.okunan-giris, .okut-giris, .okut-aciklama, .sayim-adet {
    min-height: 40px; padding: 7px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: var(--yuzey); font-size: 15px; width: 100%;
}
.okunan-giris:focus, .okut-giris:focus, .okut-aciklama:focus, .sayim-adet:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.sayim-adet { width: 76px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; min-height: 34px; }
.fark { display: inline-block; padding: 0 7px; border-radius: 999px; font-weight: 500; }
.fark-arti { background: var(--mavi-zemin); color: var(--mavi); }
.fark-eksi { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.sayim-tablo tr.yeni-satir td { animation: yeni-satir 1.2s ease-out; }
@keyframes yeni-satir { from { background: var(--pas-acik); } to { background: transparent; } }
.sayim-bitir h2 { font-size: 17px; }
.okut-kart { display: flex; flex-direction: column; gap: 10px; }
.okut-duzelt { display: grid; grid-template-columns: 1fr; gap: 8px; }
.okut-duzelt .segment { justify-self: start; }
.okut-giris { min-height: 52px; font-size: 22px; font-family: var(--yazi-dar); font-weight: 600; text-align: center; }
.okut-gecmis ul { margin: 4px 0 0; padding-left: 18px; }
@media (max-width: 1180px) {
    .sayim-duzen { grid-template-columns: 1fr; }
    .sayim-duzen > .sayim-okut { position: static; grid-row: auto; }
    .sayim-duzen > .sayim-bitir { grid-column: auto; }
}

/* ---------- Telefon ve tablet ---------- */
@media (max-width: 900px) {
    .kenar { transform: translateX(-100%); transition: transform .22s ease; width: min(300px, 84vw); box-shadow: 8px 0 32px rgba(0,0,0,.25); }
    .menu-acik .kenar { transform: none; }
    .kenar-kapat { display: inline-flex; color: var(--lacivert-yazi); }
    .menu-ac { display: inline-flex; margin-left: -8px; }
    .ana { margin-left: 0; }
    .ust { padding: 10px 16px; min-height: 58px; }
    .ust h1 { font-size: 19px; }
    .icerik { padding: 16px 16px 40px; gap: 16px; }

    .ozet { grid-template-columns: repeat(2, 1fr); }
    .ozet-kalem { padding: 14px 16px; }
    .ozet-kalem + .ozet-kalem { border-left: 0; }
    .ozet-kalem:nth-child(even) { border-left: 1px dashed var(--cizgi-koyu); }
    .ozet-kalem:nth-child(n+3) { border-top: 1px dashed var(--cizgi-koyu); }
    .ozet-sayi { font-size: 28px; }
    .karsilama h2 { font-size: 23px; }

    .izgara-2, .izgara-3 { grid-template-columns: 1fr; }
    .form { padding: 18px 16px; }

    .giris-sahne { grid-template-columns: 1fr; }
    .giris-vitrin { display: none; }
    .giris-panel { align-items: flex-start; padding-top: 0; }
    .giris-kart { padding-top: 0; }
    .giris-mobil-marka img { width: 32px; height: 32px; filter: brightness(0) invert(1); }
    .giris-mobil-marka {
        display: flex; align-items: center; gap: 12px; margin: 0 -24px 18px; padding: 28px 24px 22px;
        background: var(--lacivert); color: #fff;
        font-family: var(--yazi-dar); font-weight: 600; font-size: 28px; letter-spacing: .02em;
        border-bottom: 2px dashed var(--pas-cizgi);
    }

    /* Kart görünümlü tablolar */
    .tablo-kart thead { display: none; }
    .tablo-kart, .tablo-kart tbody, .tablo-kart tr, .tablo-kart td { display: block; }
    .tablo-kart tr { padding: 12px 16px; border-bottom: 1px solid var(--cizgi); display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; }
    .tablo-kart tbody tr:last-child { border-bottom: 0; }
    .tablo-kart td { padding: 0; border: 0; }
    .tablo-kart td:first-child { grid-column: 1; }
    .tablo-kart td:last-child { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .tablo-kart td[data-etiket="Son giriş"] { font-size: 13px; }
    .tablo-kart tbody tr:hover td { background: none; }


    .izgara-4 { grid-template-columns: 1fr 1fr; }
    .genis-3 { grid-column: span 2; }
    .tanim-icerik { grid-template-columns: 1fr; }
    .tanim-form { position: static; }
    .form-bolum { padding: 16px; }
    .siparis-yan { grid-template-columns: 1fr; }
    .resim-izgara { grid-template-columns: repeat(4, 1fr); }

    /* Varyant girişi: her satır bir kart */
    .varyant-tablo thead { display: none; }
    .varyant-tablo, .varyant-tablo tbody, .varyant-tablo tfoot { display: block; }
    .varyant-tablo tr.varyant-satir {
        display: grid; grid-template-columns: 1fr 1fr 40px; gap: 8px; align-items: end;
        padding: 12px; margin-bottom: 8px; border: 1px solid var(--cizgi); border-radius: var(--r-orta); background: var(--yuzey-2);
    }
    .varyant-tablo tr.varyant-satir td { display: block; width: auto !important; padding: 0; }
    .varyant-tablo tr.varyant-satir td::before { content: attr(data-etiket); display: block; font-size: 12.5px; color: var(--soluk); margin-bottom: 3px; }
    .varyant-tablo td[data-etiket="Model kodu"] { grid-column: 1 / 3; grid-row: 1; }
    .varyant-tablo .varyant-islem { grid-column: 3; grid-row: 1; align-self: start; }
    .varyant-tablo td[data-etiket="Renk"] { grid-column: 1 / 4; }
    .varyant-tablo td[data-etiket="Beden"] { grid-column: 1; }
    .varyant-tablo td[data-etiket="Adet"] { grid-column: 2 / 4; }
    .varyant-tablo td[data-etiket="Barkod"] { grid-column: 1 / 4; }
    .varyant-tablo tr.varyant-hata { display: block; margin: -4px 0 8px; }
    .varyant-tablo tr.varyant-hata td { display: block; }
    .varyant-tablo tfoot tr { display: flex; justify-content: space-between; align-items: center; }
    .varyant-tablo tfoot td { display: block; padding: 4px 0 0; }
    .varyant-tablo tfoot td:empty { display: none; }

    /* Sipariş listesi: kartlar */
    .filtre-ust select { flex: 1 1 45%; max-width: none; }
    .filtre-ust .dugme { flex: 1 1 100%; }
    .filtre-ust .dugme.yeni-urun, .filtre-ust .yeni-urun ~ .dugme, .filtre-ust .dugme:has(+ .yeni-urun) { flex: 1 1 40%; }
    .siparis-tablo thead { display: none; }
    .siparis-tablo, .siparis-tablo tbody { display: block; }
    .siparis-tablo tr.siparis-satir {
        display: grid; grid-template-columns: 56px 1fr auto; gap: 2px 12px;
        padding: 14px 16px; border-bottom: 1px solid var(--cizgi);
    }
    .siparis-tablo tr.siparis-satir td { display: block; padding: 0; border: 0; min-width: 0; }
    .siparis-tablo tr.siparis-satir td.varyant-hucre { display: none; }
    .siparis-tablo .sip-no { white-space: normal; }
    .siparis-tablo .resim-sutun { grid-row: 1 / span 3; width: auto; }
    .siparis-tablo .sip-hucre { grid-column: 2; }
    .siparis-tablo .durum-hucre { grid-column: 3; grid-row: 1 / span 2; text-align: right; }
    .siparis-tablo .durum-hucre .etiketler { justify-content: flex-end; max-width: 130px; margin-left: auto; }
    .siparis-tablo .model-hucre { grid-column: 2 / 4; }
    .siparis-tablo tr.siparis-satir td.adet-hucre { grid-column: 2 / 4; text-align: left; display: flex; align-items: center; gap: 10px; margin-top: 8px; }
    .siparis-tablo .adet-hucre .ilerleme { margin: 0; flex: 1; flex-direction: row; align-items: center; gap: 8px; }
    .siparis-tablo .adet-hucre .ilerleme-cubuk { flex: 1; width: auto; }
    .siparis-tablo tr.siparis-satir td.termin-hucre { grid-column: 2 / 4; display: flex; gap: 8px; align-items: baseline; margin-top: 4px; font-size: 13.5px; }
    .siparis-tablo .termin-hucre .alt-satir { margin: 0; }
    .siparis-tablo .termin-hucre::before { content: "Termin"; color: var(--soluk); }
    .siparis-tablo .fiyat-hucre { grid-column: 2 / 4; text-align: left; font-size: 13.5px; color: var(--soluk); }
    .siparis-tablo .fiyat-hucre:empty { display: none; }
    .siparis-tablo tr.grup-satir { display: block; }
    .siparis-tablo tr.grup-satir td { display: block; }
    .siparis-tablo tbody tr:last-child { border-bottom: 0; }

    .detay-bas { grid-template-columns: 1fr; }
    .detay-resim { border-right: 0; border-bottom: 1px solid var(--cizgi); min-height: 0; }
    .galeri-ana { min-height: 0; }
    .galeri-ana img { max-height: 280px; }
    .detay-ozet { padding: 18px 16px; }
    .detay-baslik h2 { font-size: 23px; }
    .detay-rakamlar { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .detay-rakamlar .ozet-sayi { font-size: 24px; }
    .detay-ilerleme { grid-column: 1 / -1; }
    .bilgi-izgara { grid-template-columns: 1fr 1fr; gap: 12px 16px; }
    .varyant-detay.tablo-kart tr { grid-template-columns: repeat(3, 1fr); gap: 6px 12px; }
    .varyant-detay.tablo-kart td { grid-column: auto !important; grid-row: auto !important; text-align: left; }
    .varyant-detay.tablo-kart td::before { content: attr(data-etiket); display: block; font-size: 12px; color: var(--soluk); }
    .varyant-detay.tablo-kart td[data-etiket="Renk"] { grid-column: span 2 !important; }
    .varyant-detay tfoot { display: none; }

    .ozet-5 { grid-template-columns: repeat(2, 1fr); }
    .ozet-3 { grid-template-columns: 1fr 1fr; }
    .ozet-3 .ozet-kalem:nth-child(3) { grid-column: 1 / -1; border-left: 0; }
    .okunan { grid-template-columns: 60px minmax(0, 1fr) auto; }
    .okunan-resim { width: 60px; height: 60px; }
    .okunan-islem { grid-template-columns: auto 1fr 1fr; }
    .okunan-islem [data-o-yaz] { grid-column: 1 / -1; }
    .sayim-okut .bolum-bas { flex-direction: column; align-items: flex-start; }
    .ozet-5 .ozet-kalem:nth-child(5) { grid-column: 1 / -1; border-left: 0; }
    .stok-bilgi { margin-left: 0; flex-basis: 100%; }
    .liste-bilgi { flex-wrap: wrap; gap: 4px 16px; }
    .rr-model-bas { grid-template-columns: 48px minmax(0, 1fr); padding: 12px 14px; gap: 4px 12px; }
    .rr-kapak { width: 48px; height: 48px; grid-row: span 2; }
    .rr-model-rakam { grid-column: 2; gap: 14px; }
    .rr-model-rakam dd { font-size: 15px; }
    .rr-komp { display: none; }
    .rr-varyantlar thead { display: none; }
    .rr-varyantlar, .rr-varyantlar tbody { display: block; }
    .rr-varyantlar tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); }
    .rr-varyantlar tbody tr:last-child { border-bottom: 0; }
    .rr-varyantlar td { display: block; padding: 0; border: 0; font-size: 13.5px; }
    .rr-varyantlar td[data-etiket="Renk"], .rr-varyantlar td[data-etiket="Ürün"] { grid-column: 1; }
    .rr-duz-tablo, .rr-duz-tablo tbody { display: block; }
    .rr-duz-tablo tbody.rr-grup + tbody.rr-grup tr:first-child td { border-top: 0; }
    .rr-duz-tablo tbody.rr-grup + tbody.rr-grup tr:first-child { border-top: 2px solid var(--cizgi-koyu); }
    .rr-duz-tablo tbody td, .rr-duz-tablo tbody tr:hover td { background: none; }
    .rr-duz-tablo tbody.rr-grup-cift tr { background: #f8f9fb; }
    .rr-duz-tablo td[data-etiket="Fiyat"] { white-space: normal; text-align: right; }
    .rr-duz-tablo td[data-etiket="Beden"], .rr-duz-tablo td[data-etiket="Barkod"], .rr-duz-tablo td[data-etiket="SKU"], .rr-duz-tablo td[data-etiket="Kompozisyon"] { grid-column: 1 / -1; padding-left: 84px; }
    .rr-duz-tablo td.rr-urun-sutun { padding-left: 0; }
    .rr-varyantlar td[data-etiket="Stok"] { grid-column: 2; grid-row: 1; align-self: center; }
    .rr-varyantlar td[data-etiket="Beden"], .rr-varyantlar td[data-etiket="Barkod"], .rr-varyantlar td[data-etiket="SKU"] { grid-column: 1 / -1; padding-left: 44px; color: var(--yazi-2); }
    .rr-varyantlar td[data-etiket="Beden"]::before { content: "Beden "; color: var(--soluk); }
    .rr-varyantlar td[data-etiket="Fiyat"] { grid-column: 2; grid-row: 2; }
    .rr-varyantlar td[data-etiket="Çıkış"] { display: none; }
    .rr-varyantlar tbody tr:hover td { background: none; }

    .rr-varyant-tablo { min-width: 0; }
    .rr-varyant-tablo thead { display: none; }
    .rr-varyant-tablo, .rr-varyant-tablo tbody { display: block; }
    .rr-satir { margin-bottom: 10px; border: 1px solid var(--cizgi); border-radius: var(--r-orta); background: var(--yuzey-2); padding: 10px; }
    .rr-satir > tr:first-child { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .rr-satir > tr:first-child > td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; }
    .rr-satir > tr:first-child > td::before { content: attr(data-etiket); display: block; font-size: 12px; color: var(--soluk); margin-bottom: 2px; }
    .rr-satir td[data-etiket="SKU"], .rr-satir td[data-etiket="Barkod"] { grid-column: 1 / -1; }
    .rr-satir td[data-etiket="Stok"]:empty { display: none; }
    .rr-satir .rr-islem { grid-column: 1 / -1; text-align: right; }
    .rr-satir .rr-detay, .rr-satir .varyant-hata { display: block; }
    .rr-satir .rr-detay[hidden] { display: none; }
    .rr-satir .rr-detay td, .rr-satir .varyant-hata td { display: block; padding: 8px 0 0 !important; }
    .rr-detay-ic { grid-template-columns: 1fr; padding: 8px; background: var(--yuzey); }
    .barkod-giris input { flex: 1 !important; text-align: left !important; }
    .rr-toplu { display: block; }
    .rr-toplu tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .rr-toplu td { display: block; padding: 0 !important; border: 0 !important; }
    .rr-toplu td:first-child { grid-column: 1 / -1; flex-wrap: wrap; }
    .rr-toplu-not { margin-left: 0; flex-basis: 100%; }
    .rr-toplu td:last-child { grid-column: 1 / -1; }
    .rr-toplu td:last-child .dugme { width: 100%; }
    .rr-kaydet { margin: 0 -16px; padding: 10px 16px; flex-wrap: wrap; }
    .rr-kaydet .dugme { flex: 1; }
    .rr-kaydet .bosluk { display: none; }
    .ust-aksiyon .dugme span { display: none; }
    .ust-aksiyon .dugme { padding: 8px 10px; }
}
@media (max-width: 520px) {
    .tablo:not(.tablo-kart):not(.siparis-tablo) { display: block; overflow-x: auto; white-space: nowrap; }
    .form-aksiyon { flex-direction: column-reverse; }
    .form-aksiyon .dugme { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; }
}

/* ---------- RUST&RICH üretim emirleri ---------- */
.sekme-sayi { display: inline-block; min-width: 20px; padding: 0 6px; margin-left: 4px; border-radius: 999px; background: var(--yuzey-2); color: var(--yazi-2); font-size: 12px; font-weight: 600; text-align: center; }
.durum-sekme.aktif .sekme-sayi { background: rgba(255,255,255,.18); color: #fff; }
.bolum-baslik .sekme-sayi { vertical-align: 2px; }
.pas { color: var(--pas); }
.uretim-liste { display: flex; flex-direction: column; gap: 10px; }
.uretim-bolum { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
.bolum-baslik { font-size: 16px; font-weight: 600; }
.uretim-kart {
    display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center;
    padding: 12px 16px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk, 12px);
    color: var(--yazi); text-decoration: none; transition: border-color .12s, box-shadow .12s;
}
.uretim-kart:hover { border-color: var(--cizgi-koyu); box-shadow: 0 4px 14px rgba(20, 28, 40, .06); }
.uretim-kart.vurgu { border-left: 4px solid var(--pas); padding-left: 13px; }
.uretim-kapak { display: grid; place-items: center; width: 64px; height: 76px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); background: #fff; overflow: hidden; color: var(--cizgi-koyu); flex: none; }
.uretim-kapak img { width: 100%; height: 100%; object-fit: cover; }
.uretim-kapak.buyuk { width: 84px; height: 100px; }
.uretim-bilgi { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.uretim-ust { font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uretim-ust .kod { color: var(--pas); }
.uretim-no { font-family: var(--yazi-dar); font-weight: 600; color: var(--soluk); }
.uretim-durum { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.uretim-durum small { font-size: 12.5px; }

/* Aşama adımları */
.uretim-adimlar { display: flex; list-style: none; margin: 4px 0 0; padding: 0; gap: 4px; flex-wrap: wrap; }
.uretim-adimlar li { position: relative; padding: 2px 10px 2px 20px; border-radius: 999px; background: var(--yuzey-2); color: var(--soluk); font-size: 12.5px; font-weight: 500; }
.uretim-adimlar li::before { content: ""; position: absolute; left: 8px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--cizgi-koyu); }
.uretim-adimlar li.bitti { background: var(--yesil-zemin); color: var(--yesil); }
.uretim-adimlar li.bitti::before { background: var(--yesil); }
.uretim-adimlar li.simdi { background: var(--pas-acik); color: var(--pas-koyu); box-shadow: inset 0 0 0 1px #ecc9ba; }
.uretim-adimlar li.simdi::before { background: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .2); }

.uretim-bas { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 18px 20px; align-items: center; }
.uretim-bas h2 { font-size: 19px; }
.uretim-bas-bilgi p { margin-top: 4px; }
.uretim-not { padding: 6px 10px; border-radius: var(--r-kucuk); background: var(--sari-zemin); color: #6b4a00; font-size: 14px; display: inline-block; }
.uretim-adimlar-buyuk { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-top: 4px; }
.uretim-adimlar-buyuk li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 10px 28px; border-radius: var(--r-orta); font-size: 13px; }
.uretim-adimlar-buyuk li::before { left: 12px; top: 18px; margin-top: 0; width: 9px; height: 9px; }
.uretim-adimlar-buyuk li strong { font-size: 14.5px; }
.uretim-adimlar-buyuk li small { font-size: 12.5px; font-weight: 400; }
.uretim-adimlar-buyuk li a { margin-top: 2px; color: inherit; }

.uretim-gorev { flex-direction: column; align-items: flex-start; gap: 2px; background: var(--pas-acik); }
.uretim-tablo td, .uretim-tablo th { padding: 8px 12px; }
.uretim-tablo .rr-renk img, .uretim-tablo .rr-renk-bos { width: 44px; height: 52px; }
.uretim-tablo tfoot td { border-bottom: 0; background: var(--yuzey-2); }
.uretim-adet-sutun { background: #fdf6f3; }
.uretim-tablo th.uretim-adet-sutun { color: var(--pas-koyu); font-weight: 600; }
.adet-giris { width: 92px; min-height: 42px; padding: 6px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); font: 600 17px var(--yazi-dar); text-align: right; font-variant-numeric: tabular-nums; background: #fff; }
.adet-giris:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.fire { display: block; font-size: 12px; font-weight: 600; color: var(--kirmizi); }
.uretim-tamam-cubuk { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; position: sticky; bottom: 12px; z-index: 5; }
.uretim-tamam-dugme { min-height: 54px; padding: 0 24px; font-size: 16.5px; box-shadow: 0 8px 22px rgba(163, 64, 29, .28); }
.sil-form { margin-top: 18px; text-align: right; }

.whatsapp-bildir { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 18px; border-left: 4px solid #1f9d55; background: #f1faf4; }
.whatsapp-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.dugme-whatsapp { background: #1f9d55; border-color: #1f9d55; color: #fff; }
.dugme-whatsapp:hover { background: #187d44; border-color: #187d44; color: #fff; }
.whatsapp-ipucu { flex-basis: 100%; margin: 0; }

.uretim-model-sec { margin-bottom: 14px; }
.uretim-ara { display: flex; gap: 8px; }
.uretim-ara input { flex: 1; min-width: 0; }
.hepsine { display: inline-flex; align-items: center; gap: 6px; }
.hepsine input { width: 76px; min-height: 34px; padding: 4px 8px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); text-align: right; font: inherit; }

@media (max-width: 760px) {
    .uretim-kart { grid-template-columns: 52px minmax(0, 1fr); gap: 4px 12px; padding: 10px 12px; }
    .uretim-kapak { width: 52px; height: 62px; grid-row: span 2; }
    .uretim-durum { grid-column: 2; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; }
    .uretim-ust { white-space: normal; font-size: 15px; }
    .uretim-bas { padding: 14px; gap: 12px; }
    .uretim-kapak.buyuk { width: 64px; height: 76px; }
    .uretim-bas h2 { font-size: 17px; }
    .uretim-adimlar-buyuk { grid-template-columns: 1fr 1fr; }
    .uretim-tablo thead { display: none; }
    .uretim-tablo, .uretim-tablo tbody, .uretim-tablo tfoot { display: block; }
    .uretim-tablo tr { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 10px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
    .uretim-tablo td { display: block; padding: 0; border: 0; text-align: left !important; background: none; }
    .uretim-tablo td[data-etiket="Varyant"] { grid-column: 1 / -1; }
    .uretim-tablo td[data-etiket="SKU"] { grid-column: span 2; }
    .uretim-tablo td::before { content: attr(data-etiket); display: block; font-size: 11.5px; color: var(--soluk); font-weight: 500; }
    .uretim-tablo td[data-etiket="Varyant"]::before { display: none; }
    .uretim-tablo td.uretim-adet-sutun { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-radius: var(--r-orta); background: #fdf6f3; }
    .uretim-tablo td.uretim-adet-sutun::before { font-size: 14px; color: var(--pas-koyu); font-weight: 600; }
    .uretim-tablo td.uretim-adet-sutun .fire { order: 2; margin-left: auto; margin-right: 10px; }
    .uretim-tablo td.uretim-adet-sutun input { order: 3; }
    .adet-giris { width: 110px; min-height: 48px; font-size: 19px; }
    .uretim-tablo tfoot tr { grid-template-columns: 1fr auto; }
    .uretim-tablo tfoot td::before { display: none; }
    .uretim-tablo tfoot td:not(.uretim-adet-sutun):not(:first-child) { display: none; }
    .uretim-tablo tfoot td.uretim-adet-sutun { grid-column: auto; padding: 0; background: none; }
    .uretim-tamam-cubuk { bottom: 8px; }
    .uretim-tablo tfoot tr:not(:has(.uretim-adet-sutun)) { display: none; }
    .uretim-tamam-dugme { width: 100%; justify-content: center; }
    .panel-bas .hepsine { width: 100%; }
}
.ozet-1 { grid-template-columns: 1fr; max-width: 320px; }
.ozet + .bolum-baslik, .ozet-1 + .bolum-baslik { margin-top: 22px; }
/* Son bitirdikleriniz: tıklayınca açılır */
.uretim-acilir > summary {
    display: flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; user-select: none;
    padding: 12px 16px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); color: var(--yazi-2);
}
.uretim-acilir > summary::-webkit-details-marker { display: none; }
.uretim-acilir > summary:hover { border-color: var(--cizgi-koyu); color: var(--yazi); }
.uretim-acilir .acilir-ok { margin-left: auto; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; transition: transform .15s; }
.uretim-acilir[open] .acilir-ok { transform: rotate(-135deg); margin-top: 4px; }
.uretim-acilir[open] > summary { color: var(--yazi); }

/* Telefonda tablo başlığı yok: sıralama düğmeleri listenin üstünde */
.mobil-sirala { display: none; }
@media (max-width: 760px) {
    .mobil-sirala { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; font-size: 14px; }
    .mobil-sirala .sira-ok { opacity: .5; }
    .mobil-sirala .aktif .sira-ok { opacity: 1; }
}

/* Sekmeler + ana düğme aynı satırda */
.sekme-cubugu { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sekme-cubugu .durum-sekmeler { flex: 1; min-width: 0; }
@media (max-width: 760px) { .sekme-cubugu > .dugme { width: 100%; justify-content: center; } }

/* Model seçici açılır listesi */
.uretim-model-sec { position: relative; z-index: 6; }
.model-sonuc {
    list-style: none; margin: 6px 0 0; padding: 4px; max-height: min(60vh, 420px); overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: var(--yuzey); border: 1px solid var(--cizgi-koyu); border-radius: var(--r-orta); box-shadow: 0 12px 30px rgba(20, 28, 40, .16);
    position: absolute; left: 20px; right: 20px; top: calc(100% - 14px);
}
.model-sonuc a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: var(--r-kucuk); color: var(--yazi); text-decoration: none; min-height: 52px; }
.model-sonuc a:hover, .model-sonuc a.secili { background: var(--pas-acik); }
.model-sonuc img, .model-sonuc-bos { width: 40px; height: 46px; border-radius: 6px; object-fit: cover; border: 1px solid var(--cizgi); background: #fff; flex: none; }
.model-sonuc strong { color: var(--pas); font-weight: 600; margin-right: 2px; }
.model-sonuc small { display: block; color: var(--soluk); font-size: 12.5px; }
.model-sonuc-yok { padding: 12px; color: var(--soluk); }

/* Ürün sayfasında üretim emirleri */
.urun-uretim-bos { padding: 16px 20px; margin: 0; }
.urun-uretim-tablo td { vertical-align: middle; }
.uretim-adimlar-tarih { margin: 0; }
.uretim-adimlar-tarih small { font-weight: 400; opacity: .85; margin-left: 2px; }
.yesil-yazi { color: var(--yesil); }
@media (max-width: 760px) {
    .model-sonuc { left: 14px; right: 14px; }
    .urun-uretim-tablo thead { display: none; }
    .urun-uretim-tablo, .urun-uretim-tablo tbody { display: block; }
    .urun-uretim-tablo tr { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
    .urun-uretim-tablo td { display: block; padding: 0; border: 0; }
    .urun-uretim-tablo td[data-etiket="Aşamalar"] { grid-column: 1 / -1; }
    .urun-uretim-tablo .panel-bas { flex-wrap: wrap; }
}
.urun-uretimler .panel-bas h2 { white-space: nowrap; }

.okuyucu-cizim { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.okuyucu-hedef.okundu span { border-color: #22c55e; box-shadow: 0 0 0 999px rgba(0,0,0,.28), 0 0 0 4px rgba(34,197,94,.45); }
.okuyucu-hedef.okundu span::after { background: #22c55e; box-shadow: 0 0 8px #22c55e; }

/* Üretim emri oluşturma düğmeleri: yeşil */
.dugme-yesil { background: #1f8a4c; border-color: #1f8a4c; color: #fff; }
.dugme-yesil:hover { background: #18703d; border-color: #18703d; color: #fff; }
.dugme-yesil:focus-visible { outline: 3px solid rgba(31, 138, 76, .35); outline-offset: 2px; }

/* ---------- Ortak küçük eklemeler ---------- */
.durum-iptal { background: var(--yuzey-2); color: var(--soluk); text-decoration: line-through; }
.fire-yazi { color: var(--kirmizi); font-weight: 600; }
.bildirim-uyari { background: var(--sari-zemin); color: #6b4a00; border-color: #f0dca4; }
.dugme-blok { width: 100%; justify-content: center; }
.eksik-bildir { border-left-color: var(--sari); background: #fffaf0; }
.sevk-form { align-items: end; margin-top: 12px; }

/* ---------- B2B bayi portalı ---------- */
body.b2b { background: var(--zemin, #eceef1); min-height: 100vh; }
.b2b-ust { position: sticky; top: 0; z-index: 20; background: #1c2430; color: #fff; }
.b2b-ust-ic { max-width: 1240px; margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; gap: 22px; }
.b2b-marka { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font-weight: 700; letter-spacing: .02em; }
.b2b-marka img { border-radius: 8px; }
.b2b-marka > span:last-child { display: flex; flex-direction: column; line-height: 1.15; }
.b2b-marka small { font-weight: 400; font-size: 12px; opacity: .7; letter-spacing: 0; }
.b2b-menu { display: flex; gap: 4px; flex: 1; }
.b2b-menu a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 8px; color: rgba(255,255,255,.78); text-decoration: none; font-size: 14.5px; font-weight: 500; position: relative; }
.b2b-menu a:hover { background: rgba(255,255,255,.08); color: #fff; }
.b2b-menu a.aktif { background: rgba(255,255,255,.12); color: #fff; }
.sepet-sayi { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--pas); color: #fff; font-size: 11.5px; display: inline-grid; place-items: center; }
.b2b-sag { display: flex; align-items: center; gap: 12px; margin-left: auto; min-width: 0; }
.b2b-firma { font-size: 13.5px; opacity: .8; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b2b-dil { display: inline-flex; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; overflow: hidden; }
.b2b-dil a { padding: 4px 9px; font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.7); text-decoration: none; }
.b2b-dil a.aktif { background: #fff; color: #1c2430; }
.b2b-cikis { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; border: 0; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; }
.b2b-cikis:hover { background: rgba(255,255,255,.18); }
.b2b-icerik { max-width: 1240px; margin: 0 auto; padding: 22px 24px 60px; display: flex; flex-direction: column; gap: 16px; }
.b2b-baslik { font-size: 22px; }

/* giriş / başvuru */
.b2b-misafir .b2b-icerik { min-height: 100vh; justify-content: center; }
.b2b-giris { display: grid; place-items: center; }
.b2b-giris-kart { width: 100%; max-width: 420px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); box-shadow: 0 20px 50px rgba(20, 28, 40, .1); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.b2b-basvuru-kart { max-width: 720px; }
.b2b-giris-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--yazi); }
.b2b-giris-kart .b2b-dil { border-color: var(--cizgi-koyu); }
.b2b-giris-kart .b2b-dil a { color: var(--soluk); }
.b2b-giris-kart .b2b-dil a.aktif { background: #1c2430; color: #fff; }
.b2b-giris-kart h1 { font-size: 22px; }
.b2b-giris-alt { text-align: center; font-size: 14px; margin: 0; }

/* katalog */
.b2b-filtre { display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap; align-items: center; }
.b2b-filtre .arama { flex: 1 1 320px; }
.b2b-filtre select { width: auto; min-width: 180px; }
.b2b-onay { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; padding: 0 6px; cursor: pointer; }
.b2b-onay input { width: 18px; height: 18px; accent-color: var(--pas); }
.b2b-liste-bilgi { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 14px; }
.b2b-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.b2b-kart { display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); overflow: hidden; color: var(--yazi); text-decoration: none; transition: box-shadow .15s, transform .15s; }
.b2b-kart:hover { box-shadow: 0 10px 26px rgba(20, 28, 40, .1); transform: translateY(-2px); }
.b2b-kart-resim { position: relative; aspect-ratio: 4 / 5; background: #fff; display: grid; place-items: center; color: var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi); }
.b2b-kart-resim img { width: 100%; height: 100%; object-fit: cover; }
.b2b-kart-rozet { position: absolute; left: 10px; top: 10px; }
.b2b-kart-bilgi { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; }
.b2b-kart-bilgi .kod { font-size: 13px; font-weight: 600; }
.b2b-kart-bilgi strong { font-weight: 500; font-size: 14.5px; line-height: 1.3; }
.b2b-kart-alt { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; margin-top: 6px; }
.b2b-kart-alt b { font-family: var(--yazi-dar); font-size: 16px; }
.b2b-stok { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.b2b-stok-var { background: var(--yesil-zemin); color: var(--yesil); }
.b2b-stok-az { background: var(--sari-zemin); color: #8a5a00; }
.b2b-stok-yok { background: var(--yuzey-2); color: var(--soluk); }

/* ürün */
.b2b-urun { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px; align-items: start; }
.b2b-galeri { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 10px; }
.b2b-galeri-buyuk { aspect-ratio: 4 / 5; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); overflow: hidden; display: grid; place-items: center; color: var(--cizgi-koyu); }
.b2b-galeri-buyuk img { width: 100%; height: 100%; object-fit: contain; }
.b2b-galeri-kucuk { display: flex; gap: 6px; flex-wrap: wrap; }
.b2b-galeri-kucuk button { width: 58px; height: 70px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #fff; cursor: pointer; }
.b2b-galeri-kucuk button.secili { border-color: var(--pas); }
.b2b-galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.b2b-urun-bilgi { display: flex; flex-direction: column; gap: 8px; }
.b2b-urun-kod { font-weight: 600; margin: 0; }
.b2b-urun-bilgi h1 { font-size: 24px; }
.b2b-komp { font-size: 14px; margin: 0; }
.b2b-siparis-form { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); overflow: hidden; margin-top: 6px; }
.b2b-varyant-tablo td, .b2b-varyant-tablo th { padding: 8px 12px; }
.b2b-varyant-tablo .rr-renk img, .b2b-varyant-tablo .rr-renk-bos { width: 42px; height: 50px; }
.b2b-renk-resim { padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 6px; }
.b2b-tukendi td { color: var(--soluk); }
.b2b-tukendi img { opacity: .55; }
.b2b-ekle-cubuk { position: sticky; bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; background: var(--yuzey); border-top: 1px solid var(--cizgi); }
.b2b-ekle-cubuk strong { font-family: var(--yazi-dar); font-size: 18px; }

/* sepet */
.b2b-sepet { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.b2b-sepet-alt { padding: 10px 14px; border-top: 1px solid var(--cizgi); display: flex; justify-content: flex-end; }
.b2b-ozet { padding: 16px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 76px; }
.b2b-tutarlar { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.b2b-tutarlar div { display: flex; justify-content: space-between; gap: 10px; font-size: 14.5px; }
.b2b-tutarlar dd { margin: 0; font-family: var(--yazi-dar); }
.b2b-genel { padding-top: 8px; border-top: 1px solid var(--cizgi); font-size: 17px !important; font-weight: 600; }
.b2b-gonder { min-height: 50px; font-size: 16px; }
.b2b-siparis-bas { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
.b2b-kargo { display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; border-radius: var(--r-orta); background: var(--mavi-zemin); color: var(--mavi); font-size: 14px; }
.b2b-dipnot { padding: 0 14px 12px; margin: 8px 0 0; }
.b2b-not { padding: 14px 18px; font-size: 14px; }

@media (max-width: 900px) {
    .b2b-urun, .b2b-sepet { grid-template-columns: 1fr; }
    .b2b-galeri, .b2b-ozet { position: static; }
}
@media (max-width: 760px) {
    .b2b-ust-ic { padding: 8px 14px; gap: 10px; flex-wrap: wrap; }
    .b2b-marka small, .b2b-firma { display: none; }
    .b2b-menu { order: 3; flex-basis: 100%; justify-content: space-between; }
    .b2b-menu a { flex: 1; justify-content: center; padding: 7px 6px; font-size: 13.5px; }
    .b2b-icerik { padding: 14px 14px 50px; }
    .b2b-izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .b2b-kart-alt { flex-direction: column; gap: 0; }
    .b2b-filtre select { flex: 1; min-width: 0; }
    .b2b-varyant-tablo thead { display: none; }
    .b2b-varyant-tablo, .b2b-varyant-tablo tbody, .b2b-varyant-tablo tfoot { display: block; }
    .b2b-varyant-tablo tr { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; padding: 10px 12px; border-bottom: 1px solid var(--cizgi); align-items: center; }
    .b2b-varyant-tablo td { display: block; padding: 0; border: 0; text-align: left !important; }
    .b2b-varyant-tablo td:first-child { grid-column: 1 / -1; }
    .b2b-varyant-tablo td[data-etiket]:not([data-etiket=""])::before { content: attr(data-etiket); display: block; font-size: 11.5px; color: var(--soluk); }
    .b2b-varyant-tablo .adet-giris { width: 100px; min-height: 46px; font-size: 18px; }
    .b2b-sepet-tablo td:last-child { grid-column: 2; grid-row: 1; }
    .b2b-sepet-tablo tfoot tr { grid-template-columns: 1fr auto; }
}
.b2b-isaret { width: 34px; height: 34px; flex: none; }
.b2b-isaret img { width: 22px; height: 22px; }
@media (max-width: 760px) { .b2b-varyant-tablo td:first-child::before { display: none !important; } }

/* Ortak fiyatlar */
.fiyat-aciklama { margin: 0; max-width: 90ch; }
.fiyat-tablo td { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
.fiyat-grup strong { font-family: var(--yazi-dar); font-size: 19px; }
.fiyat-modeller summary { cursor: pointer; font-size: 14px; color: var(--yazi-2); }
.fiyat-modeller p { margin: 6px 0 0; max-width: 46ch; line-height: 1.45; }
.fiyat-giris { width: 128px; margin-left: auto; }
.fiyat-giris input { min-height: 38px; }
.fiyat-giris.degisti input { border-color: var(--pas); background: #fdf6f3; font-weight: 600; }
.fiyat-yeni-sutun { background: #fbfbf6; }
.fiyat-degisen { align-self: center; font-weight: 600; color: var(--pas-koyu); }
@media (max-width: 760px) {
    .fiyat-tablo thead { display: none; }
    .fiyat-tablo, .fiyat-tablo tbody { display: block; }
    .fiyat-tablo tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
    .fiyat-tablo td { display: block; padding: 0; border: 0; text-align: left !important; background: none; }
    .fiyat-tablo td::before { content: attr(data-etiket); display: block; font-size: 11.5px; color: var(--soluk); margin-bottom: 2px; }
    .fiyat-giris { width: 100%; margin: 0; }
}
.fiyat-giris input { width: 100%; min-width: 0; padding: 7px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk) 0 0 var(--r-kucuk); font: 500 15px var(--yazi-dar); text-align: right; background: #fff; font-variant-numeric: tabular-nums; }
.fiyat-giris input:focus { outline: none; border-color: var(--pas); box-shadow: 0 0 0 3px rgba(163, 64, 29, .15); }
.fiyat-giris input::placeholder { color: var(--soluk); font-weight: 400; font-family: var(--yazi); font-size: 13px; }
[data-fiyat-form] .panel { margin-bottom: 4px; }
.b2b-kart-renk { font-size: 13.5px; color: var(--yazi-2); }
.b2b-secili-renk td { background: #fdf6f3; }
/* Logo: arka plansız, sadece beyaz işaret */
.marka-isaret { background: none; }
.marka-isaret img { width: 32px; height: 32px; }
.b2b-isaret img { width: 28px; height: 28px; }
/* Açık zeminde (bayi giriş kartı) logo koyu görünsün */
.b2b-giris-kart .marka-isaret img { filter: brightness(0); opacity: .85; }

/* B2B teslimat adresleri */
.b2b-adres-ipucu { display: flex; gap: 8px; align-items: flex-start; margin: 4px 0 0; padding: 9px 12px; border-radius: var(--r-orta); background: var(--mavi-zemin); color: var(--mavi); font-size: 14px; }
.b2b-adres-sutun { min-width: 92px; }
.b2b-varyant-tablo th.b2b-adres-sutun { color: var(--mavi); font-weight: 600; white-space: nowrap; max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.b2b-cok-adres .adet-giris { width: 76px; }
.b2b-satir-toplam strong { font-family: var(--yazi-dar); font-size: 16px; }
.b2b-sepet-gruplar { display: flex; flex-direction: column; gap: 12px; }
.b2b-sepet-gruplar .b2b-sepet-alt { border: 0; padding: 0; justify-content: space-between; }
.b2b-adres-bas { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.b2b-adres-bas > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.b2b-adres-bas small { font-size: 13px; }
.b2b-adres-ikon { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: var(--mavi-zemin); color: var(--mavi); flex: none; }
.b2b-adres-toplam { margin-left: auto; font-size: 14px; font-weight: 600; white-space: nowrap; }
.b2b-tasi { min-height: 34px; padding: 4px 8px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-kucuk); background: #fff; font: inherit; font-size: 13.5px; max-width: 150px; }
.b2b-adres-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.b2b-adres-kart { display: flex; flex-direction: column; }
.b2b-adres-kart.varsayilan { border-color: #bcd3ee; }
.b2b-adres-kart .b2b-adres-bas { border-bottom: 0; padding-bottom: 4px; }
.b2b-adres-metin { margin: 0; padding: 0 14px 12px 56px; font-size: 14px; flex: 1; }
.b2b-adres-aksiyon { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 10px 14px; border-top: 1px solid var(--cizgi); }
.b2b-adres-form h2 { font-size: 17px; }
.b2b-siparis-toplam { display: flex; justify-content: space-between; padding: 12px 16px; font-size: 15px; }
.b2b-siparis-toplam strong { font-family: var(--yazi-dar); font-size: 18px; }
.b2b-kargo-kucuk { margin-left: auto; padding: 4px 10px; font-size: 13px; }
.uretim-tablo .adres-satir td { background: var(--yuzey-2); padding: 0; }
.uretim-tablo .adres-satir .b2b-adres-bas { border: 0; padding: 8px 12px; }
.sevk-satir { align-items: end; padding: 10px 0; border-bottom: 1px dashed var(--cizgi); }
.sevk-satir .alan > strong { font-size: 15px; }
@media (max-width: 760px) {
    .b2b-cok-adres .b2b-varyant-tablo tr { grid-template-columns: repeat(2, 1fr); }
    .b2b-cok-adres .b2b-varyant-tablo td.b2b-adres-sutun { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px; border-radius: var(--r-orta); background: var(--mavi-zemin); }
    .b2b-cok-adres .b2b-varyant-tablo td.b2b-adres-sutun::before { color: var(--mavi); font-weight: 600; font-size: 13px; margin: 0; }
    .b2b-cok-adres .adet-giris { width: 80px; min-height: 42px; }
    .b2b-adres-bas { flex-wrap: wrap; }
    .b2b-adres-toplam, .b2b-kargo-kucuk { margin-left: 42px; }
    .b2b-adres-metin { padding-left: 14px; }
}

/* Çok adresli bayide ürün sayfası: tablo için daha geniş alan */
.b2b-urun-genis { grid-template-columns: minmax(240px, 3fr) minmax(0, 9fr); }
.b2b-siparis-form { overflow-x: auto; }
.b2b-varyant-tablo td[data-etiket] { white-space: nowrap; }
.b2b-varyant-tablo td:first-child { white-space: normal; min-width: 170px; }
@media (max-width: 760px) {
    .b2b-cok-adres .b2b-varyant-tablo td.b2b-adres-sutun { grid-column: 1 / -1; }
    .b2b-menu { gap: 2px; }
    .b2b-menu a { gap: 4px; padding: 7px 4px; font-size: 13px; }
    .b2b-menu a .ikon { display: none; }
    .b2b-siparis-form { overflow-x: visible; }
    .b2b-varyant-tablo td[data-etiket] { white-space: normal; }
}
@media (max-width: 900px) { .b2b-urun-genis { grid-template-columns: 1fr; } }

/* Panel: adres sütunlu sipariş tablosu */
.adres-seritleri { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.adres-serit { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; }
.adres-serit .b2b-adres-ikon { width: 26px; height: 26px; }
.adres-serit > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.adres-serit small { font-size: 12.5px; line-height: 1.35; }
.adres-kargo { color: var(--mavi); font-weight: 600; }
.matris-tablo th.adres-sutun { color: var(--mavi); white-space: nowrap; }
.matris-tablo td.adres-sutun { min-width: 86px; }
.matris-tablo .adet-giris { width: 76px; }
.istenen { display: block; font-size: 11.5px; color: var(--soluk); margin-top: 2px; }
.yazdir-dugmeler { display: inline-flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 760px) {
    .matris-tablo td.adres-sutun { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
}
.matris-tablo td.rakam, .matris-tablo th { white-space: nowrap; }
.matris-tablo td[data-etiket="Ürün"] { min-width: 230px; }
.matris-tablo td[data-etiket="Beden"] { white-space: nowrap; }
.adres-serit.bos { opacity: .55; }
.b2b-sepet-tablo tfoot td { background: var(--yuzey-2); padding: 9px 12px; }
.b2b-sepet-tablo.b2b-cok-adres .adet-giris { width: 70px; }
@media (max-width: 760px) {
    .b2b-sepet-tablo.b2b-cok-adres td.b2b-adres-sutun { grid-column: 1 / -1; }
    .b2b-sepet-tablo tfoot { display: none !important; }
}
/* Çok adresli sepette tablo tam genişlik, özet altta sağda */
.b2b-sepet:has(.b2b-cok-adres) { grid-template-columns: 1fr; }
.b2b-sepet:has(.b2b-cok-adres) .b2b-ozet { position: static; width: 100%; max-width: 440px; margin-left: auto; }

/* Bayi siparişi hazırlama (barkodla) */
.hazirla { display: flex; flex-direction: column; gap: 12px; }
.hazirla-bas { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 14px 18px; flex-wrap: wrap; }
.hazirla-bas h2 { font-size: 18px; }
.hazirla-bas p { margin: 2px 0 0; }
.hazirla-genel { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 180px; }
.hazirla-genel strong { font-family: var(--yazi-dar); font-size: 22px; }
.hazirla-cubuk { display: block; width: 100%; min-width: 140px; height: 8px; border-radius: 4px; background: var(--yuzey-2); overflow: hidden; }
.hazirla-cubuk span { display: block; height: 100%; background: #22a35a; border-radius: 4px; transition: width .2s; }
.hazirla-adresler { display: flex; gap: 8px; flex-wrap: wrap; }
.hazirla-adres { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 14px; border: 1px solid var(--cizgi-koyu); border-radius: var(--r-orta); background: var(--yuzey); cursor: pointer; font: inherit; color: var(--yazi); min-width: 120px; }
.hazirla-adres small { color: var(--soluk); font-size: 13px; }
.hazirla-adres.aktif { background: #1c2430; border-color: #1c2430; color: #fff; }
.hazirla-adres.aktif small { color: rgba(255,255,255,.7); }
.hazirla-adres.tamam { border-color: #22a35a; }
.hazirla-adres.tamam small::after { content: " ✓"; color: #22a35a; font-weight: 700; }
.hazirla-govde { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px; align-items: start; }
.hazirla-sol { padding: 14px; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 76px; }
.hazirla-adres-kart { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--r-orta); background: var(--mavi-zemin); }
.hazirla-adres-kart > span:last-child { display: flex; flex-direction: column; }
.hazirla-adres-kart strong { font-size: 17px; }
.hazirla-sonuc { padding: 14px; border-radius: var(--r-orta); font-size: 16px; font-weight: 600; line-height: 1.35; }
.hazirla-sonuc.basari { background: #dcf5e6; color: #11663a; }
.hazirla-sonuc.hata { background: #fde2e0; color: #8a1d17; animation: titre .35s; }
.hazirla-sonuc.bilgi { background: var(--yuzey-2); color: var(--yazi-2); }
@keyframes titre { 0%, 100% { transform: none; } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
.hazirla-liste { overflow: hidden; }
.hazirla-satir { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); }
.hazirla-satir:last-child { border-bottom: 0; }
.hazirla-resim { width: 64px; height: 76px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); overflow: hidden; background: #fff; }
.hazirla-resim img { width: 100%; height: 100%; object-fit: cover; }
.hazirla-bilgi { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hazirla-ozellik { display: flex; gap: 6px; flex-wrap: wrap; }
.hazirla-ozellik b { padding: 2px 10px; border-radius: 6px; background: #1c2430; color: #fff; font-size: 14px; font-weight: 600; }
.hazirla-sayac { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.hazirla-sayac strong { font-family: var(--yazi-dar); font-size: 22px; white-space: nowrap; }
.hazirla-dugmeler { display: flex; gap: 6px; }
.hazirla-satir.tamam { background: #effaf3; }
.hazirla-satir.tamam .hazirla-sayac strong { color: #11663a; }
.hazirla-satir.tamam .hazirla-sayac strong::before { content: "✓ "; }
.hazirla-satir.parla { animation: parla 1s; }
.hazirla-satir.uyar { animation: uyar 1s; }
@keyframes parla { 0% { background: #a8e8c1; } 100% { background: inherit; } }
@keyframes uyar { 0% { background: #f8c4bf; } 100% { background: inherit; } }
.hazirla-eksik { margin-right: auto; align-self: center; }
.hazirla-kart .uretim-durum form { margin: 0; }
.hazirlik-durum { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--cizgi); }
.hazirlik-durum .dugme { margin-left: auto; }
@media (max-width: 900px) {
    .hazirla-govde { grid-template-columns: 1fr; }
    .hazirla-sol { position: static; }
}
@media (max-width: 760px) {
    .hazirla-satir { grid-template-columns: 52px minmax(0, 1fr); padding: 10px 12px; }
    .hazirla-resim { width: 52px; height: 62px; }
    .hazirla-sayac { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
    .hazirla-adres { flex: 1 1 40%; }
    .hazirla-genel { align-items: stretch; width: 100%; }
}
.uretim-tamam-dugme:disabled { opacity: .45; box-shadow: none; cursor: not-allowed; }

/* Bayi siparişi hazırlama listesi */
.hz-bolum { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.hz-kart { display: grid; grid-template-columns: minmax(200px, 1.3fr) minmax(0, 2fr) minmax(210px, auto); gap: 18px; align-items: center; padding: 16px 20px; border-left: 4px solid var(--cizgi-koyu); }
.hz-kart.hz-bekliyor { border-left-color: var(--sari); }
.hz-kart.hz-devam { border-left-color: var(--pas); }
.hz-kart.hz-hazir { border-left-color: #22a35a; }
.hz-firma { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hz-firma h3 { font-size: 18px; line-height: 1.25; }
.hz-no { font-family: var(--yazi-dar); font-weight: 600; font-size: 13px; color: var(--pas); letter-spacing: .02em; }
.hz-bilgi { display: grid; grid-template-columns: repeat(4, auto); gap: 6px 22px; margin: 0; justify-content: start; }
.hz-bilgi dt { font-size: 12px; color: var(--soluk); }
.hz-bilgi dd { margin: 0; font-weight: 600; font-size: 15px; }
.hz-bilgi dd small { font-weight: 400; color: var(--soluk); }
.hz-bilgi .hz-adres dd { font-weight: 500; font-size: 14px; max-width: 260px; }
.hz-durum { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.hz-durum .durum { align-self: flex-start; }
.hz-durum form { margin: 0; }
.hz-dugme { width: 100%; justify-content: center; min-height: 44px; }
.hz-ilerleme { display: flex; justify-content: space-between; font-size: 14px; }
@media (max-width: 1000px) {
    .hz-kart { grid-template-columns: 1fr; gap: 12px; }
    .hz-bilgi { grid-template-columns: repeat(2, 1fr); }
}

/* Menü uzun olunca kendi içinde kaysın (telefonda ve kısa ekranlarda) */
.kenar { height: 100vh; height: 100dvh; }
.menu { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--lacivert-2) transparent; margin-right: -6px; padding-right: 6px; }
.kenar-alt { flex: none; }
.menu-acik { overflow: hidden; }

/* Bayi fiyatı: liste fiyatı üstü çizili, yanında iskontolu fiyat */
.b2b-fiyat { display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.b2b-fiyat s { color: var(--soluk); font-size: 13.5px; font-family: var(--yazi-dar); text-decoration-thickness: 1.5px; }
.b2b-fiyat b { color: var(--kirmizi); font-family: var(--yazi-dar); font-size: 17px; }
.b2b-fiyat-sag { justify-content: flex-end; }
.b2b-fiyat-sag b { font-size: 15px; }
.b2b-kart-iskonto { position: absolute; right: 10px; top: 10px; padding: 4px 9px; border-radius: 999px; background: var(--kirmizi); color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 2px 6px rgba(180, 30, 20, .3); }
.b2b-kart-iskonto::before { content: "−"; }

/* Kamerada okunan barkod etiketi */
.okuyucu-sonuc { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 3; padding: 10px 12px; border-radius: 10px; font-weight: 600; font-size: 15px; text-align: center; color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.okuyucu-sonuc.iyi { background: rgba(22,128,61,.94); }
.okuyucu-sonuc.kotu { background: rgba(185,28,28,.94); }
@media (max-width: 700px) { .okuyucu-kamera video { max-height: 46vh; } }