:root {
    color-scheme: light;
    --zemin: #f3f5f7;
    --yuzey: #ffffff;
    --metin: #17212b;
    --ikincil-metin: #607080;
    --sinir: #d9e0e6;
    --koyu: #1d2a35;
    --vurgu: #087f5b;
    --vurgu-koyu: #066b4c;
    --hata: #b42318;
    --hata-zemin: #fff0ee;
    --uyari: #8a5a00;
    --uyari-zemin: #fff8e6;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--zemin);
    color: var(--metin);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

button,
input,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

.kimlik-sayfasi {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 20px;
}

.kimlik-paneli {
    width: min(420px, 100%);
    background: var(--yuzey);
    border: 1px solid var(--sinir);
    border-radius: 6px;
    padding: 32px;
    box-shadow: 0 12px 34px rgba(23, 33, 43, 0.08);
}

.kimlik-paneli.genis {
    width: min(620px, 100%);
}

.marka-alani,
.panel-marka {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

.marka-isareti {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 4px;
    background: var(--vurgu);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.kimlik-basligi {
    margin: 34px 0 24px;
}

h1,
h2,
p {
    margin-top: 0;
}

h1 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
}

h2 {
    margin-bottom: 0;
    font-size: 17px;
    letter-spacing: 0;
}

p {
    margin-bottom: 0;
    color: var(--ikincil-metin);
    line-height: 1.55;
}

.form-dizisi {
    display: grid;
    gap: 10px;
}

.form-dizisi label {
    margin-top: 8px;
    font-weight: 700;
    color: #354451;
}

.form-dizisi input,
.form-dizisi select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    padding: 10px 12px;
    background: #ffffff;
    color: var(--metin);
    outline: none;
}

.form-dizisi input:focus,
.form-dizisi select:focus {
    border-color: var(--vurgu);
    box-shadow: 0 0 0 3px rgba(8, 127, 91, 0.14);
}

.iki-sutun {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.iki-sutun > div {
    display: grid;
    gap: 10px;
}

.birincil-dugme,
.ikincil-dugme {
    min-height: 42px;
    border-radius: 4px;
    padding: 10px 16px;
    font-weight: 700;
    cursor: pointer;
}

.birincil-dugme {
    margin-top: 16px;
    border: 1px solid var(--vurgu);
    background: var(--vurgu);
    color: #ffffff;
}

.birincil-dugme:hover {
    background: var(--vurgu-koyu);
}

.ikincil-dugme {
    border: 1px solid var(--sinir);
    background: #ffffff;
    color: var(--metin);
}

.baglanti-dugmesi {
    display: block;
    text-align: center;
    text-decoration: none;
}

.kimlik-alt-baglanti {
    margin-top: 12px;
}

.metin-baglantisi {
    color: var(--vurgu);
    font-weight: 700;
    text-decoration: none;
}

.kimlik-yardim-baglantisi {
    display: block;
    margin-top: 14px;
    text-align: center;
}

.admin-yan-menu {
    background: #252b33;
}

.bildirim {
    margin-bottom: 16px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    padding: 12px 14px;
    line-height: 1.5;
}

.bildirim-hata {
    border-color: #f0b5af;
    background: var(--hata-zemin);
    color: var(--hata);
}

.bildirim-uyari {
    border-color: #eed28e;
    background: var(--uyari-zemin);
    color: var(--uyari);
}

.bildirim-basarili {
    border-color: #9fd5c3;
    background: #ecf9f4;
    color: #086345;
}

.uygulama-kabugu {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
}

.yan-menu {
    min-width: 0;
    background: var(--koyu);
    color: #ffffff;
    padding: 22px 16px;
}

.panel-marka {
    padding: 0 8px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    font-weight: 700;
}

.yan-menu nav {
    display: grid;
    gap: 4px;
    margin-top: 20px;
}

.yan-menu nav a,
.pasif-baglanti {
    min-height: 40px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 0 12px;
    color: #cdd7df;
    text-decoration: none;
}

.yan-menu nav a.aktif {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 700;
}

.pasif-baglanti {
    opacity: 0.55;
}

.panel-icerigi {
    min-width: 0;
}

.ust-cubuk {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--sinir);
    background: var(--yuzey);
    padding: 12px 28px;
}

.ust-etiket {
    display: block;
    margin-bottom: 3px;
    color: var(--ikincil-metin);
    font-size: 12px;
}

.kullanici-alani {
    display: flex;
    align-items: center;
    gap: 16px;
}

.kullanici-alani form {
    margin: 0;
}

.panel-ana {
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 28px;
}

.sayfa-basligi {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
}

.metrik-izgarasi {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.metrik-karti {
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--sinir);
    border-top: 3px solid var(--vurgu);
    border-radius: 6px;
    background: var(--yuzey);
    padding: 18px;
}

.metrik-karti span {
    color: var(--ikincil-metin);
}

.metrik-karti strong {
    font-size: 28px;
    line-height: 1;
}

.metrik-karti.hata-metrigi {
    border-top-color: var(--hata);
}

.metrik-baglantisi {
    color: inherit;
    text-decoration: none;
}

.metrik-baglantisi:hover {
    border-color: #aebbc5;
    background: #fbfcfd;
}

.durum-bolumu {
    margin-top: 24px;
    border-top: 1px solid var(--sinir);
    background: var(--yuzey);
}

.icerik-bolumu {
    margin-top: 24px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
    overflow: hidden;
}

.tablo-sarmalayici {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    border-bottom: 1px solid var(--sinir);
    padding: 13px 16px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

th {
    background: #f8fafb;
    color: var(--ikincil-metin);
    font-size: 12px;
}

td small {
    display: block;
    margin-top: 4px;
    color: var(--ikincil-metin);
}

.durum-etiketi {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 700;
}

.pazaryeri-gosterimi {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 124px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.magaza-pazaryeri-gosterimi {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
}

.magaza-pazaryeri-metni {
    min-width: 0;
}

.magaza-pazaryeri-metni strong,
.magaza-pazaryeri-metni small {
    display: block;
    overflow-wrap: anywhere;
}

.magaza-pazaryeri-metni small {
    margin-top: 3px;
    color: var(--ikincil-metin);
    font-size: 11px;
}

.pazaryeri-logosu,
.hizli-detay-kimlik img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid #d8dfe5;
    border-radius: 50%;
    background: #ffffff;
    object-fit: cover;
}

.ekran-okuyucu-metni {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hizli-detay-basligi,
.hizli-detay-hucresi {
    width: 44px;
    padding-right: 4px;
    text-align: center;
}

.siparis-detay-ac {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #506270;
    cursor: pointer;
}

.siparis-detay-ac:hover,
.siparis-detay-ac:focus-visible {
    border-color: #b9c5ce;
    background: #edf2f5;
    color: var(--metin);
    outline: none;
}

.siparis-detay-ac > span[aria-hidden="true"] {
    font-size: 25px;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform 160ms ease;
}

.siparis-detay-ac[aria-expanded="true"] > span[aria-hidden="true"] {
    transform: rotate(90deg);
}

.siparis-detay-ac:disabled {
    cursor: wait;
    opacity: 0.55;
}

.siparis-ana-satiri:has(.siparis-detay-ac[aria-expanded="true"]) {
    background: #f7faf9;
}

.siparis-hizli-detay-satiri > td {
    padding: 0;
    border-top: 0;
    background: #f7f9fa;
}

.siparis-hizli-detay-icerigi {
    min-height: 76px;
    border-top: 2px solid var(--vurgu);
    border-bottom: 1px solid var(--sinir);
    container-type: inline-size;
}

.hizli-detay-yukleniyor,
.hizli-detay-hata {
    padding: 24px;
    color: var(--ikincil-metin);
    text-align: center;
}

.hizli-detay-hata {
    color: var(--hata);
}

.hizli-detay-paneli {
    color: var(--metin);
    text-align: left;
}

.hizli-detay-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--sinir);
    background: #ffffff;
}

.hizli-detay-kimlik {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hizli-detay-kimlik img {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}

.hizli-detay-kimlik span,
.hizli-detay-baslik-satiri span,
.hizli-toplamlar span,
.hizli-paket-satiri span {
    color: var(--ikincil-metin);
    font-size: 12px;
}

.hizli-detay-kimlik strong {
    display: block;
    margin-top: 2px;
    font-size: 16px;
}

.hizli-detay-govde {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    background: #ffffff;
}

.hizli-detay-urunler {
    min-width: 0;
    padding: 18px 20px 20px;
}

.hizli-detay-baslik-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.hizli-detay-baslik-satiri h3,
.hizli-bilgi-bolumu h3 {
    margin: 0;
    font-size: 14px;
}

.hizli-urun-listesi {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--sinir);
}

.hizli-urun-satiri {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    padding: 12px;
}

.hizli-urun-satiri + .hizli-urun-satiri {
    border-top: 1px solid var(--sinir);
}

.hizli-urun-satiri > div,
.hizli-urun-alani {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hizli-urun-adi {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sinir);
    line-height: 1.45;
}

.hizli-urun-meta-izgarasi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
    gap: 10px;
}

.hizli-urun-alani {
    padding: 10px;
    border: 1px solid #e2e7eb;
    background: #fbfcfc;
}

.hizli-urun-alani.tutar-hucresi {
    text-align: left;
}

.hizli-urun-satiri small {
    display: block;
    margin-top: 3px;
    color: var(--ikincil-metin);
}

.hizli-alan-etiketi {
    display: block;
    margin-bottom: 5px;
    color: var(--ikincil-metin);
    font-size: 11px;
    font-weight: 700;
}

.hizli-toplamlar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 10px;
    padding: 18px 20px;
    border-top: 1px solid var(--sinir);
    background: #fbfcfc;
}

.hizli-toplamlar > div {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
    border: 1px solid #e2e7eb;
    background: #ffffff;
}

.hizli-toplamlar strong {
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
}

.hizli-toplamlar .hizli-genel-toplam {
    margin-top: 0;
}

.hizli-genel-toplam strong {
    color: var(--vurgu-koyu);
    font-size: 16px;
}

.hizli-bilgi-izgarasi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 16px 20px 20px;
    border-top: 1px solid var(--sinir);
    background: #f7f9fa;
}

.hizli-bilgi-bolumu {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 16px;
    border: 1px solid var(--sinir);
    background: #ffffff;
}

.hizli-bilgi-bolumu > strong {
    display: block;
    margin-top: 14px;
}

.hizli-bilgi-bolumu p,
.hizli-bilgi-bolumu strong,
.hizli-bilgi-bolumu span {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 6px;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.hizli-bilgi-bolumu p {
    font-size: 13px;
    line-height: 1.4;
}

.hizli-paket-satiri {
    display: grid;
    gap: 4px;
    margin-top: 14px;
}

.hizli-paket-satiri + .hizli-paket-satiri {
    padding-top: 12px;
    border-top: 1px solid var(--sinir);
}

.durum-aktif {
    border-color: #9fd5c3;
    background: #ecf9f4;
    color: #086345;
}

.durum-askida,
.durum-gecikmis,
.durum-inceleniyor {
    border-color: #eed28e;
    background: var(--uyari-zemin);
    color: var(--uyari);
}

.durum-kapali,
.durum-iptal,
.durum-sona_erdi,
.durum-yoksayildi {
    border-color: #c8d0d7;
    background: #f1f3f5;
    color: #52606d;
}

.durum-acik {
    border-color: #f0b5af;
    background: var(--hata-zemin);
    color: var(--hata);
}

.durum-deneme,
.durum-cozuldu {
    border-color: #9fc4df;
    background: #edf7fc;
    color: #17628f;
}

.filtre-cubugu {
    display: grid;
    grid-template-columns: max-content minmax(180px, 360px) max-content;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
    padding: 14px 16px;
}

.filtre-cubugu label {
    font-weight: 700;
}

.filtre-cubugu input,
.filtre-cubugu select,
.satir-formu select {
    min-height: 40px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    background: #ffffff;
    padding: 8px 10px;
}

.satir-formu {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.kucuk-dugme {
    min-height: 36px;
    padding: 7px 10px;
}

.sayim-etiketi {
    display: inline-block;
    margin-left: 6px;
    color: var(--ikincil-metin);
    font-size: 13px;
    font-weight: 400;
}

.metin-sarmala {
    max-width: 360px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.metin-sarmala small {
    line-height: 1.45;
}

.sayfalama {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 18px;
}

.sayfalama a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.hata-satiri td {
    background: var(--hata-zemin);
    color: var(--hata);
    white-space: normal;
}

.magaza-formu {
    padding: 20px;
}

.onay-satiri {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    margin-top: 8px;
}

.form-dizisi .onay-satiri input {
    width: 18px;
    min-height: 18px;
    margin: 0;
}

.form-eylem-satiri {
    display: flex;
    justify-content: flex-end;
}

.pazaryeri-logosu-yedek {
    display: inline-grid;
    place-items: center;
    background: #f26b2d;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.bolum-basligi {
    border-bottom: 1px solid var(--sinir);
    padding: 18px 20px;
}

.bos-durum {
    padding: 36px 20px;
    text-align: center;
}

.bos-durum strong {
    display: block;
    margin-bottom: 6px;
}

/* Magazalar ekraninin operasyon odakli kart ve baglanti duzeni. */
.magaza-sayfa-basligi {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.magaza-ekle-baglanti {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    color: #ffffff;
    text-decoration: none;
}

.magaza-ozet-seridi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
}

.magaza-ozet-seridi > div {
    display: grid;
    gap: 4px;
    min-height: 86px;
    padding: 17px 20px;
}

.magaza-ozet-seridi > div + div {
    border-left: 1px solid var(--sinir);
}

.magaza-ozet-seridi span {
    color: var(--ikincil-metin);
    font-size: 12px;
    font-weight: 700;
}

.magaza-ozet-seridi strong {
    font-size: 24px;
    line-height: 1.1;
}

.magaza-ozet-seridi .magaza-ozet-uyari {
    background: var(--uyari-zemin);
    color: var(--uyari);
}

.magaza-kayitlari {
    margin-top: 24px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
    overflow: hidden;
}

.magaza-bolum-basligi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.magaza-bolum-basligi p {
    margin-top: 4px;
    font-size: 13px;
}

.magaza-kart-izgarasi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 14px;
    padding: 16px;
}

.magaza-karti {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: #ffffff;
}

.magaza-karti-hatali {
    border-color: #e6b7b0;
}

.magaza-kart-basligi {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 14px;
}

.magaza-kimligi {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.magaza-kimligi > div {
    min-width: 0;
}

.magaza-kimligi span,
.magaza-kimligi small {
    display: block;
    color: var(--ikincil-metin);
    font-size: 12px;
}

.magaza-kimligi h3 {
    margin: 3px 0;
    overflow-wrap: anywhere;
    font-size: 15px;
    line-height: 1.3;
}

.magaza-saglik-etiketi {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 26px;
    align-items: center;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.magaza-saglik-basarili {
    border-color: #a8d8c8;
    background: #edf9f3;
    color: #0b6b4b;
}

.magaza-saglik-hata {
    border-color: #e6b7b0;
    background: var(--hata-zemin);
    color: var(--hata);
}

.magaza-bilgi-listesi {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--sinir);
    border-bottom: 1px solid var(--sinir);
}

.magaza-bilgi-listesi > div {
    min-width: 0;
    padding: 11px 16px;
}

.magaza-bilgi-listesi > div:nth-child(odd) {
    border-right: 1px solid var(--sinir);
}

.magaza-bilgi-listesi > div:nth-child(n + 3) {
    border-top: 1px solid var(--sinir);
}

.magaza-bilgi-listesi dt {
    margin-bottom: 4px;
    color: var(--ikincil-metin);
    font-size: 11px;
}

.magaza-bilgi-listesi dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 700;
}

.magaza-hata-ozeti {
    margin: 14px 16px 0;
    border: 1px solid #e6b7b0;
    border-radius: 4px;
    padding: 11px 12px;
    background: var(--hata-zemin);
    color: var(--hata);
}

.magaza-hata-ozeti p {
    margin-top: 5px;
    color: inherit;
    font-size: 12px;
    line-height: 1.45;
}

.magaza-hata-ozeti details {
    margin-top: 9px;
}

.magaza-hata-ozeti summary {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.magaza-hata-ozeti code {
    display: block;
    margin-top: 7px;
    overflow-wrap: anywhere;
    color: #7c1d14;
    font-family: Consolas, monospace;
    font-size: 11px;
    line-height: 1.45;
    white-space: normal;
}

.magaza-kart-eylemleri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding: 14px 16px 16px;
}

.magaza-kart-eylemleri form {
    margin: 0;
}

.magaza-duzenle-dugmesi {
    min-height: 36px;
    padding: 7px 12px;
}

.metin-dugmesi {
    min-height: 36px;
    border: 0;
    padding: 7px 0;
    background: transparent;
    color: var(--vurgu-koyu);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.metin-dugmesi:hover {
    text-decoration: underline;
}

.magaza-baglama-bolumu {
    margin-bottom: 30px;
}

.magaza-secici-alani {
    min-width: min(280px, 100%);
}

.magaza-secici-alani select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    padding: 8px 10px;
    background: #ffffff;
}

.magaza-form-listesi {
    padding: 16px;
}

.magaza-form-detay {
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: #ffffff;
}

.magaza-form-detay + .magaza-form-detay {
    margin-top: 10px;
}

.magaza-form-detay summary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 11px 14px;
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}

.magaza-form-detay summary::-webkit-details-marker {
    display: none;
}

.magaza-form-detay summary::after {
    margin-left: auto;
    color: var(--ikincil-metin);
    content: '+';
    font-size: 20px;
    font-weight: 400;
}

.magaza-form-detay[open] summary {
    border-bottom: 1px solid var(--sinir);
    background: #f8fafb;
}

.magaza-form-detay[open] summary::after {
    content: '-';
}

.ayar-paneli {
    max-width: 980px;
}

.ayar-formu-bolumu {
    overflow: visible;
}

.ayar-formu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 20px;
}

.ayar-formu > div {
    min-width: 0;
}

.ayar-formu > div:not(.ayar-eylemleri) {
    display: grid;
    gap: 8px;
}

.ayar-formu label {
    margin-top: 0;
}

.ayar-formu small {
    color: var(--ikincil-metin);
    line-height: 1.45;
}

.form-alani-tam {
    grid-column: 1 / -1;
}

.ayar-eylemleri {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
}

.ayar-eylemleri .birincil-dugme {
    margin-top: 0;
}

.siparis-filtreleri {
    position: relative;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
    padding: 12px;
}

.siparis-panel-ana {
    padding-top: 20px;
}

.siparis-panel-ana > .sayfa-basligi {
    margin-bottom: 14px;
}

.siparis-filtre-ana-satiri {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(2, minmax(150px, 1fr)) max-content max-content;
    align-items: end;
    gap: 10px;
}

.siparis-filtre-ana-satiri > div {
    min-width: 0;
}

.urun-filtreleri {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(2, minmax(160px, 1fr)) max-content;
    align-items: end;
    gap: 12px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
    padding: 16px;
}

.urun-filtreleri > div {
    min-width: 0;
}

.urun-filtreleri label {
    display: block;
    margin-bottom: 6px;
    color: var(--ikincil-metin);
    font-size: 12px;
    font-weight: 700;
}

.urun-filtreleri input,
.urun-filtreleri select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    background: #ffffff;
    padding: 8px 10px;
}

.urun-listesi {
    margin-top: 16px;
}

.urun-adi-hucresi {
    min-width: 260px;
    max-width: 420px;
    white-space: normal;
}

.siparis-filtreleri label {
    display: block;
    margin-bottom: 6px;
    color: var(--ikincil-metin);
    font-size: 12px;
    font-weight: 700;
}

.siparis-filtreleri input,
.siparis-filtreleri select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    background: #ffffff;
    padding: 8px 10px;
}

.aktif-filtreler {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--sinir);
}

.aktif-filtreler span {
    max-width: 260px;
    overflow: hidden;
    border: 1px solid #ccd5dd;
    border-radius: 4px;
    padding: 5px 8px;
    background: #f7f9fa;
    color: var(--ikincil-metin);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aktif-filtreler a {
    margin-left: auto;
    color: var(--vurgu-koyu);
    font-size: 12px;
    font-weight: 700;
}

.siparis-filtre-perdesi {
    position: fixed;
    z-index: 80;
    inset: 0;
    background: rgba(18, 28, 35, 0.42);
}

.siparis-gelismis-filtre-paneli {
    position: fixed;
    z-index: 90;
    top: 0;
    right: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(440px, 100vw);
    height: 100dvh;
    border-left: 1px solid var(--sinir);
    background: #ffffff;
    box-shadow: -18px 0 40px rgba(18, 28, 35, 0.18);
    transform: translateX(105%);
    transition: transform 180ms ease;
    visibility: hidden;
}

.siparis-gelismis-filtre-paneli.acik {
    transform: translateX(0);
    visibility: visible;
}

.siparis-filtre-panel-basligi,
.siparis-filtre-panel-eylemleri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid var(--sinir);
}

.siparis-filtre-panel-basligi small {
    display: block;
    margin-top: 3px;
    color: var(--ikincil-metin);
}

.siparis-filtre-panel-eylemleri {
    border-top: 1px solid var(--sinir);
    border-bottom: 0;
}

.siparis-filtre-panel-icerigi {
    display: grid;
    align-content: start;
    gap: 16px;
    overflow-y: auto;
    padding: 18px;
}

.filtre-panel-grubu {
    display: grid;
    gap: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--sinir);
}

.filtre-panel-grubu:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.filtre-panel-grubu h3 {
    margin: 0;
    color: var(--metin);
    font-size: 14px;
    letter-spacing: 0;
}

.filtre-ikili-alan {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ikon-dugme {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    background: #ffffff;
    color: var(--metin);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

body.filtre-paneli-acik {
    overflow: hidden;
}

.siparis-listesi {
    margin-top: 12px;
}

.siparis-tablosu {
    table-layout: fixed;
}

.siparis-tablosu th,
.siparis-tablosu td {
    padding: 11px 8px;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.siparis-tablosu thead th {
    position: sticky;
    z-index: 2;
    top: 0;
    background: #f7f9fa;
}

.siparis-tablosu thead th.filtre-acik {
    z-index: 121;
}

.tablo-siralama {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.tablo-siralama span {
    color: var(--ikincil-metin);
    font-size: 13px;
}

.tablo-baslik-araclari {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.sutun-filtre-dugmesi {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--ikincil-metin);
    cursor: pointer;
}

.sutun-filtre-dugmesi:hover,
.sutun-filtre-dugmesi[aria-expanded="true"] {
    border-color: #bfc9d2;
    background: #ffffff;
    color: var(--vurgu-koyu);
}

.sutun-filtre-dugmesi.etkin::after {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: var(--vurgu);
    content: "";
}

.sutun-filtre-popover {
    position: fixed;
    z-index: 120;
    width: min(290px, calc(100vw - 24px));
    border: 1px solid #bfc9d2;
    border-radius: 6px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(18, 28, 35, 0.2);
    color: var(--metin);
    text-align: left;
}

.sutun-filtre-popover form {
    display: grid;
    gap: 9px;
}

.sutun-filtre-popover form > strong {
    margin-bottom: 2px;
    font-size: 14px;
}

.sutun-filtre-popover label:not(.secim-satiri) {
    color: var(--ikincil-metin);
    font-size: 11px;
}

.sutun-filtre-popover input[type="date"] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    padding: 7px 9px;
}

.secim-satiri {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    cursor: pointer;
}

.secim-satiri input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.sutun-filtre-eylemleri {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid var(--sinir);
}

.sutun-filtre-eylemleri a {
    color: var(--vurgu-koyu);
    font-size: 12px;
}

.sutun-filtre-eylemleri .birincil-dugme {
    min-height: 34px;
    padding: 6px 12px;
}

.siparis-kolon-ac {
    width: 44px;
}

.siparis-kolon-numara {
    width: 11%;
}

.siparis-kolon-magaza {
    width: 16%;
}

.siparis-kolon-tarih {
    width: 11%;
}

.siparis-kolon-alici {
    width: 13%;
}

.siparis-kolon-tutar {
    width: 10%;
}

.siparis-kolon-fatura {
    width: 10%;
}

.siparis-kolon-durum {
    width: 9%;
}

.siparis-kolon-islem {
    width: 72px;
}

.siparis-tablosu .tarih-hucresi {
    white-space: normal;
}

.siparis-tablosu .tutar-hucresi small {
    display: block;
    margin-top: 4px;
    color: var(--ikincil-metin);
    font-weight: 400;
}

.fatura-hucresi small {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    color: var(--ikincil-metin);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fatura-durum-etiketi {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border: 1px solid;
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.fatura-durum-etiketi.faturalandi {
    border-color: #9bcbb9;
    background: #edf8f3;
    color: #176847;
}

.fatura-durum-etiketi.faturalanmadi {
    border-color: #ddc38c;
    background: #fff8e8;
    color: #7b5510;
}

.siparis-tablosu .siparis-hizli-detay-satiri > td {
    padding: 0;
}

@media (max-width: 1100px) {
    .hizli-detay-govde {
        grid-template-columns: 1fr;
    }

    .hizli-toplamlar {
        border-top: 1px solid var(--sinir);
        border-left: 0;
    }

}

.tutar-hucresi {
    font-weight: 700;
    text-align: right;
}

.durum-open,
.durum-unpacked {
    border-color: #9fc4df;
    background: #edf7fc;
    color: #17628f;
}

.durum-paymentawaiting,
.durum-missinginvoice,
.durum-returnrequested,
.durum-returnapproved {
    border-color: #eed28e;
    background: var(--uyari-zemin);
    color: var(--uyari);
}

.durum-shipped {
    border-color: #b6b2da;
    background: #f2f1fb;
    color: #4d4688;
}

.durum-delivered {
    border-color: #9fd5c3;
    background: #ecf9f4;
    color: #086345;
}

.durum-undelivered,
.durum-cancelled,
.durum-returned {
    border-color: #f0b5af;
    background: var(--hata-zemin);
    color: var(--hata);
}

.durum-returnrejected {
    border-color: #b8c5d1;
    background: #f1f5f8;
    color: #3f5263;
}

.geri-baglantisi {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--vurgu);
    font-weight: 700;
    text-decoration: none;
}

.siparis-detay-basligi {
    align-items: center;
}

.siparis-ozet-seridi {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--sinir);
    border-radius: 6px;
    background: var(--yuzey);
}

.siparis-ozet-seridi > div {
    min-width: 0;
    padding: 16px 18px;
}

.siparis-ozet-seridi > div + div {
    border-left: 1px solid var(--sinir);
}

.siparis-ozet-seridi span,
.paket-satiri span {
    display: block;
    margin-bottom: 5px;
    color: var(--ikincil-metin);
    font-size: 12px;
}

.siparis-ozet-seridi strong,
.paket-satiri strong,
.adres-bloku p {
    overflow-wrap: anywhere;
}

.siparis-detay-bolumu {
    margin-top: 24px;
    border-top: 1px solid var(--sinir);
    border-bottom: 1px solid var(--sinir);
    background: var(--yuzey);
}

.detay-urun-listesi {
    display: grid;
}

.detay-urun-karti {
    min-width: 0;
    padding: 18px 20px 20px;
}

.detay-urun-karti + .detay-urun-karti {
    border-top: 1px solid var(--sinir);
}

.detay-urun-adi {
    min-width: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--sinir);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.detay-urun-adi strong,
.detay-urun-adi small {
    display: block;
    white-space: normal;
}

.detay-urun-adi small {
    margin-top: 5px;
    color: var(--ikincil-metin);
}

.detay-urun-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
    gap: 10px;
    margin-top: 12px;
}

.detay-urun-meta > div {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #e2e7eb;
    background: #fbfcfc;
}

.detay-urun-meta strong {
    display: block;
    overflow-wrap: anywhere;
    white-space: normal;
}

.detay-alan-etiketi {
    display: block;
    margin-bottom: 5px;
    color: var(--ikincil-metin);
    font-size: 11px;
    font-weight: 700;
}

.satir-deger-guncelleme-form {
    display: grid;
    gap: 7px;
}

.kdv-girdi-satiri,
.maliyet-girdi-satiri {
    display: grid;
    grid-template-columns: minmax(0, 84px) auto;
    align-items: center;
    gap: 6px;
}

.satir-deger-girdisi {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    padding: 6px 8px;
    background: #ffffff;
    color: var(--metin);
}

.satir-deger-girdisi:focus {
    border-color: var(--vurgu);
    box-shadow: 0 0 0 3px rgba(8, 127, 91, 0.14);
    outline: none;
}

.satir-deger-guncelle-dugmesi {
    min-height: 32px;
    border: 1px solid var(--vurgu);
    border-radius: 4px;
    padding: 6px 10px;
    background: var(--vurgu);
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

.satir-deger-guncelle-dugmesi:hover {
    background: var(--vurgu-koyu);
}

.satir-deger-guncelle-dugmesi:disabled {
    cursor: wait;
    opacity: 0.65;
}

.satir-deger-guncelleme-mesaji {
    font-size: 11px;
    line-height: 1.35;
    white-space: normal;
}

.satir-deger-guncelleme-mesaji.basarili {
    color: var(--vurgu-koyu);
}

.satir-deger-guncelleme-mesaji.hatali {
    color: var(--hata);
}

.paket-listesi {
    display: grid;
}

.paket-satiri {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 16px 20px;
}

.paket-satiri + .paket-satiri {
    border-top: 1px solid var(--sinir);
}

.adres-izgarasi {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.adres-bloku {
    min-width: 0;
    padding: 20px;
}

.adres-bloku + .adres-bloku {
    border-left: 1px solid var(--sinir);
}

.adres-bloku h3 {
    margin-bottom: 14px;
    font-size: 16px;
}

.adres-bloku p {
    margin-top: 8px;
    color: var(--ikincil-metin);
}

@media (max-width: 900px) {
    .uygulama-kabugu {
        grid-template-columns: minmax(0, 1fr);
    }

    .yan-menu {
        padding: 12px 16px;
    }

    .panel-marka {
        padding-bottom: 12px;
    }

    .yan-menu nav {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: repeat(5, max-content);
        overflow-x: auto;
        margin-top: 10px;
        scrollbar-width: none;
    }

    .admin-yan-menu nav {
        grid-template-columns: repeat(5, max-content);
    }

    .yan-menu nav::-webkit-scrollbar {
        display: none;
    }

    .metrik-izgarasi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .siparis-filtre-ana-satiri {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .urun-filtreleri {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .siparis-filtre-ana-satiri .filtre-arama,
    .filtre-eylemleri {
        grid-column: 1 / -1;
    }

    .siparis-ozet-seridi,
    .paket-satiri {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hizli-detay-govde {
        grid-template-columns: 1fr;
    }

    .hizli-toplamlar {
        border-top: 1px solid var(--sinir);
        border-left: 0;
    }

    .siparis-ozet-seridi > div:nth-child(3) {
        border-left: 0;
        border-top: 1px solid var(--sinir);
    }

    .siparis-ozet-seridi > div:nth-child(4) {
        border-top: 1px solid var(--sinir);
    }

}

@media (max-width: 620px) {
    .kimlik-paneli {
        padding: 24px 20px;
    }

    .iki-sutun,
    .metrik-izgarasi {
        grid-template-columns: 1fr;
    }

    .ust-cubuk {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        padding: 14px 18px;
    }

    .kullanici-alani {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 8px;
    }

    .panel-ana {
        padding: 20px 16px;
    }

    .filtre-cubugu {
        grid-template-columns: 1fr;
    }

    .satir-formu {
        min-width: 210px;
    }

    .siparis-filtre-ana-satiri,
    .urun-filtreleri,
    .siparis-ozet-seridi,
    .paket-satiri,
    .adres-izgarasi {
        grid-template-columns: 1fr;
    }

    .hizli-bilgi-izgarasi {
        grid-template-columns: 1fr;
    }

    .siparis-filtre-ana-satiri .filtre-arama,
    .filtre-eylemleri {
        grid-column: auto;
    }

    .siparis-filtre-ana-satiri .filtre-arama {
        grid-column: 1 / -1;
    }

    .siparis-filtre-ana-satiri > button {
        width: 100%;
    }

    .filtre-ikili-alan {
        grid-template-columns: 1fr;
    }

    .siparis-filtre-panel-eylemleri > * {
        flex: 1;
    }

    .filtre-eylemleri > * {
        flex: 1;
    }

    .siparis-detay-basligi {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .hizli-detay-ust {
        align-items: flex-start;
        flex-direction: column;
    }

    .siparis-tablosu .siparis-kolon-magaza,
    .siparis-tablosu .siparis-kolon-alici,
    .siparis-tablosu .siparis-kolon-durum,
    .siparis-tablosu th:nth-child(3),
    .siparis-tablosu th:nth-child(5),
    .siparis-tablosu th:nth-child(8),
    .siparis-ana-satiri > td:nth-child(3),
    .siparis-ana-satiri > td:nth-child(5),
    .siparis-ana-satiri > td:nth-child(8) {
        display: none;
    }

    .siparis-kolon-numara {
        width: 24%;
    }

    .siparis-kolon-tarih {
        width: 22%;
    }

    .siparis-kolon-tutar {
        width: 20%;
    }

    .siparis-kolon-fatura {
        width: 22%;
    }

    .siparis-ozet-seridi > div + div,
    .siparis-ozet-seridi > div:nth-child(3),
    .siparis-ozet-seridi > div:nth-child(4),
    .adres-bloku + .adres-bloku {
        border-top: 1px solid var(--sinir);
        border-left: 0;
    }

    .ayar-formu {
        grid-template-columns: 1fr;
    }

    .form-alani-tam {
        grid-column: auto;
    }

    .magaza-sayfa-basligi,
    .magaza-bolum-basligi,
    .magaza-kart-eylemleri {
        align-items: stretch;
        flex-direction: column;
    }

    .magaza-ekle-baglanti {
        justify-content: center;
    }

    .magaza-ozet-seridi {
        grid-template-columns: 1fr;
    }

    .magaza-ozet-seridi > div + div {
        border-top: 1px solid var(--sinir);
        border-left: 0;
    }

    .magaza-kart-izgarasi {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .magaza-kart-eylemleri > *,
    .magaza-kart-eylemleri form,
    .magaza-kart-eylemleri button {
        width: 100%;
    }

    .magaza-secici-alani {
        min-width: 0;
    }

    .ayar-eylemleri {
        align-items: stretch;
        flex-direction: column;
    }
}