/* =========================================================
   ÜnTek — tam yüzey (sadece görsel)
   Geri al: bu dosyayı ve header/login yuzey.css satırını sil.
   Tıklama: overlay / z-index yok. Menü perde [hidden] kapalı kalır.
   ========================================================= */

:root {
    --grafit: #1A1612;
    --grafit-2: #2A241E;
    --grafit-3: #3D342C;
    --celik: #6B6156;
    --celik-acik: #8A7F72;
    --cizgi: #DDD2C4;
    --zemin: #E8E0D4;
    --kagit: #FFF8F0;
    --yuzey-2: #F3EBE0;
    --sinyal: #C45C1A;
    --sinyal-koyu: #9A4410;
    --sinyal-yazi: #FFF8F0;
    --sinyal-soluk: #F8E6D2;
    --sinyal-kenar: #E8C19A;
    --sinyal-yazi-koyu: #7A3410;
    --sinyal-focus: rgba(196, 92, 26, .2);
    --sinyal-halo: rgba(196, 92, 26, .28);
    --yesil: #2A7A58;
    --kirmizi: #C23B2E;
    --mavi: #2C6BB0;
    --vurgu: #C45C1A;
    --r: 18px;
    --golge: 0 1px 2px rgba(26, 22, 18, .04), 0 14px 36px rgba(26, 22, 18, .07);
    --kenar-zemin: #EDE4D6;
    --kenar-zemin-2: #FFF8F0;
    --kenar-yazi: #3D342C;
}

html, body {
    background: var(--zemin);
    color: var(--grafit);
}
body { font-size: 15px; letter-spacing: -.01em; }

.menu-perde[hidden] {
    display: none !important;
    pointer-events: none !important;
}

h1, h2, h3, h4, .baslik-font, .ust-bar h1,
.giris-logo, .marka .ad {
    font-family: Outfit, Inter, sans-serif;
    text-transform: none;
    letter-spacing: -.03em;
}
.ust-bar h1 { font-size: 22px; font-weight: 600; }

.icerik { padding: 18px 22px 52px; }

/* ---------- Kenar menü: tema değişkenleri, ikon çizimleri aynı ---------- */
.kenar-cubugu {
    background:
        radial-gradient(380px 200px at 0% -8%, var(--sinyal-halo), transparent 56%),
        var(--kenar-zemin);
    color: var(--kenar-yazi);
    border-right: 1px solid var(--cizgi);
}
.marka {
    padding: 18px 14px 14px;
    border-bottom: 0;
}
.marka-bag {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none !important;
    color: inherit;
}
.marka-rozet {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(160deg, var(--sinyal), var(--sinyal-koyu));
    color: var(--sinyal-yazi);
    font-family: Outfit, sans-serif;
    font-weight: 700;
    font-size: 20px;
    flex: 0 0 auto;
    box-shadow: 0 8px 18px var(--sinyal-halo);
}
.marka .ad {
    font-family: Outfit, sans-serif;
    font-size: 20px;
    letter-spacing: -.03em;
    text-transform: none;
    color: var(--grafit);
}
.marka .alt {
    letter-spacing: .14em;
    margin-top: 2px;
    color: var(--celik);
}

.firma-kutu {
    margin: 0 12px 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--kenar-zemin-2);
    border: 1px solid var(--cizgi);
    border-left: 3px solid var(--sinyal);
}
.firma-kutu .etiket { color: var(--celik); }
.firma-kutu .isim { color: var(--grafit); }

.menu { padding: 6px 10px 18px; }
.menu-grup {
    padding: 14px 10px 6px;
    color: var(--celik);
    letter-spacing: .16em;
}
.menu a {
    margin: 2px 0;
    padding: 7px 8px;
    border-radius: 12px;
    border-left: 0 !important;
    gap: 10px;
    color: var(--kenar-yazi);
}
.menu a:hover {
    background: var(--kenar-zemin-2);
    color: var(--grafit);
}
.menu a.etkin {
    background: var(--sinyal-soluk);
    color: var(--sinyal-yazi-koyu);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px var(--sinyal-kenar);
}
.menu a .ikon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--kenar-zemin-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    flex: 0 0 auto;
}
.menu a.etkin .ikon {
    background: var(--sinyal);
    color: var(--sinyal-yazi);
}
.menu a .svg-ikon { display: block; }
.menu a .sayac {
    background: var(--kirmizi);
    color: #fff;
    min-width: 20px;
    text-align: center;
    font-weight: 700;
}

.kenar-alt {
    border-top: 1px solid var(--cizgi);
    background: var(--kenar-zemin-2);
    padding: 10px 12px 12px;
    margin-top: auto;
}
.kenar-kisi {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.kenar-alt .kisi { color: var(--grafit); }
.kenar-alt .rol { color: var(--celik); }
.kenar-cikis {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    color: var(--celik);
    text-decoration: none;
}
.kenar-cikis .svg-ikon { flex: 0 0 auto; }
.kenar-cikis:hover { color: var(--kirmizi); text-decoration: underline; }
.kenar-alt .cikis-btn { display: none !important; }
.kenar-avatar {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: var(--sinyal-soluk);
    color: var(--sinyal-yazi-koyu);
    font-size: 12px;
    font-weight: 700;
    flex: 0 0 auto;
}
.kenar-alt .cikis-btn,
.kenar-alt .tema-ac {
    border-radius: 12px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    color: var(--grafit);
}
html:not([data-tema]) .kenar-alt .cikis-btn,
html:not([data-tema]) .kenar-alt .tema-ac,
html[data-tema="aydinlik"] .kenar-alt .cikis-btn,
html[data-tema="aydinlik"] .kenar-alt .tema-ac {
    border-color: var(--cizgi);
    background: var(--kagit);
    color: var(--grafit);
}

.kenar-alt .tema-panel {
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    box-shadow: var(--golge);
}
.kenar-alt .tema-secenek {
    background: var(--yuzey-2);
    color: var(--grafit);
    border: 1px solid var(--cizgi);
}
.kenar-alt .tema-secenek .tema-ikon {
    color: var(--grafit);
    opacity: 1;
}
.kenar-alt .tema-secenek:hover,
.kenar-alt .tema-secenek:active {
    background: var(--sinyal-soluk);
    color: var(--sinyal-yazi-koyu);
}
.kenar-alt .tema-secenek.etkin {
    border-color: var(--sinyal);
    background: var(--sinyal-soluk);
    color: var(--sinyal-yazi-koyu);
}
.kenar-alt .tema-renk-deniz { color: #1A8A8C !important; }
.kenar-alt .tema-renk-altin { color: #A07A18 !important; }
.kenar-alt .tema-renk-yakut { color: #B83848 !important; }
.kenar-alt .tema-renk-celik { color: #4A5560 !important; }
html[data-tema="karanlik"] .kenar-alt .tema-renk-deniz,
html[data-tema="deniz"] .kenar-alt .tema-renk-deniz { color: #2EC4C6 !important; }
html[data-tema="altin"] .kenar-alt .tema-renk-altin { color: #E8C86A !important; }
html[data-tema="yakut"] .kenar-alt .tema-renk-yakut { color: #E07080 !important; }
html[data-tema="celik"] .kenar-alt .tema-renk-celik { color: #D0D8E0 !important; }

.ust-bar {
    background: color-mix(in srgb, var(--kagit) 92%, transparent);
    border-bottom-color: var(--cizgi);
    padding: 12px 24px;
}

/* Bölüm rengi — üst çubuk çizgisi */
.sayfa-panel .ust-bar { box-shadow: inset 0 -3px 0 var(--sinyal); }
.sayfa-atolye .ust-bar { box-shadow: inset 0 -3px 0 #D4A017; }
.sayfa-kabul .ust-bar { box-shadow: inset 0 -3px 0 var(--yesil); }
.sayfa-siparis .ust-bar { box-shadow: inset 0 -3px 0 #2A8A8A; }
.sayfa-gorev .ust-bar { box-shadow: inset 0 -3px 0 var(--mavi); }
.sayfa-mesaj .ust-bar { box-shadow: inset 0 -3px 0 #6B4C9A; }
.sayfa-cari .ust-bar { box-shadow: inset 0 -3px 0 #8A5A2B; }
.sayfa-musteri .ust-bar { box-shadow: inset 0 -3px 0 #2C6BB0; }
.sayfa-stok .ust-bar { box-shadow: inset 0 -3px 0 #4A7A3A; }
.sayfa-rapor .ust-bar { box-shadow: inset 0 -3px 0 #8A3A5A; }
.sayfa-personel .ust-bar { box-shadow: inset 0 -3px 0 #3A6A8A; }
.sayfa-ayar .ust-bar { box-shadow: inset 0 -3px 0 var(--celik); }
.sayfa-firma .ust-bar { box-shadow: inset 0 -3px 0 var(--sinyal); }

/* Bölüm şeridi */
.sahne-serit {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
}
.sahne-ikon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    background: var(--grafit);
}
.sahne-yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sahne-yazi strong {
    font-family: Outfit, sans-serif;
    font-size: 16px;
    letter-spacing: -.02em;
}
.sahne-yazi span { font-size: 12px; color: var(--celik); }

.sahne-panel .sahne-ikon { background: var(--sinyal); }
.sahne-atolye .sahne-ikon { background: #D4A017; }
.sahne-kabul .sahne-ikon { background: var(--yesil); }
.sahne-siparis .sahne-ikon { background: #2A8A8A; }
.sahne-gorev .sahne-ikon { background: var(--mavi); }
.sahne-cari .sahne-ikon { background: #8A5A2B; }
.sahne-musteri .sahne-ikon { background: #2C6BB0; }
.sahne-stok .sahne-ikon { background: #4A7A3A; }
.sahne-rapor .sahne-ikon { background: #8A3A5A; }
.sahne-personel .sahne-ikon { background: #3A6A8A; }
.sahne-ayar .sahne-ikon { background: var(--celik); }
.sahne-firma .sahne-ikon { background: var(--sinyal); }
.sayfa-arsiv .sahne-serit {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 2px 2px 6px;
    margin-bottom: 4px;
}
.sahne-arsiv .sahne-ikon {
    background: var(--sinyal-soluk);
    color: var(--sinyal);
    border: 1px solid var(--sinyal-kenar);
}
.sahne-teklif .sahne-ikon {
    background: var(--sinyal-soluk);
    color: var(--sinyal);
    border: 1px solid var(--sinyal-kenar);
}

/* ---------- Kart / buton / form ---------- */
.kart, .fis, .bos-durum, .filtre-cubugu, .rapor-filtre {
    border-radius: var(--r);
    border-color: var(--cizgi);
    background: var(--kagit);
    box-shadow: var(--golge);
}
.kart-basi { padding: 16px 18px; border-bottom-color: var(--cizgi); }
.kart-govde { padding: 18px; }

.btn { border-radius: 999px; letter-spacing: 0; }
.btn:active { transform: scale(.98); }

input[type=text], input[type=password], input[type=number], input[type=date],
input[type=email], input[type=tel], input[type=search], input[type=url],
input[type=time], select, textarea {
    background: var(--yuzey-2) !important;
    color: var(--grafit) !important;
    border: 1px solid var(--cizgi) !important;
    border-radius: 14px;
    box-shadow: none !important;
    direction: ltr !important;
    unicode-bidi: isolate;
    text-align: left !important;
    letter-spacing: normal !important;
}
/* Flex satırında width:100% iç alanı şişirir; tıklayınca imleç sağda kalır */
.depo-yonet-ad input[type="text"],
.stok-ara-kutu input,
.filtre-ust input[type="search"],
.filtre-ust input[type="text"],
.beklenen-form input,
.teklif-deger-kutu input,
.tanim-satir input[type="text"],
.tanim-ekle input[type="text"],
.bakim-cift input,
.sohbet-form textarea,
.siparis-yeni-liste-satir input {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}
input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus {
    background: var(--kagit) !important;
    color: var(--grafit) !important;
}
label.alan > span { color: var(--celik); }

.musteri-liste {
    background: var(--kagit);
    border-color: var(--cizgi);
    border-radius: 14px;
    color: var(--grafit);
}
.secili-musteri {
    background: var(--yuzey-2) !important;
    border-color: var(--cizgi) !important;
    color: var(--grafit) !important;
    border-radius: 14px;
}
.secili-musteri b { color: var(--grafit) !important; }
.secili-musteri .yardim { color: var(--celik) !important; }

table.tablo th {
    background: var(--yuzey-2);
    color: var(--celik);
    text-transform: none;
    letter-spacing: 0;
    font-family: Outfit, Inter, sans-serif;
    font-size: 12px;
}
table.tablo td { border-bottom-color: var(--cizgi); }
table.tablo tbody tr:hover { background: var(--yuzey-2); }
table.tablo tr.gecikmis td { background: transparent; }
table.tablo tr.gecikmis td:first-child { box-shadow: inset 3px 0 0 var(--kirmizi); }

.rozet { border-radius: 999px; padding: 4px 11px; }
.takip-no { font-weight: 700; }

.dagilim li { border-bottom-color: var(--cizgi); }
.dagilim .oran, .panel-yuk-liste .oran {
    display: block;
    height: 8px;
    background: var(--cizgi);
    border-radius: 99px;
    overflow: hidden;
    min-width: 40px;
}
.dagilim .oran i, .panel-yuk-liste .oran i {
    display: block;
    height: 100%;
    min-height: 8px;
    background: linear-gradient(90deg, var(--sinyal), var(--sinyal-koyu));
    border-radius: 99px;
}

.bildirim { border-radius: 14px; }

.bos-durum {
    background: var(--yuzey-2);
    border: 0;
    padding: 40px 20px;
}
.bos-durum-cizim {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 16px;
    background: var(--sinyal-soluk);
    color: var(--sinyal);
}
.bos-durum h2 { font-family: Outfit, sans-serif; font-size: 18px; }

/* =========================================================
   PANEL — sıkı özet
   ========================================================= */
.sayfa-panel .sahne-serit { display: none; }
.panel-kabul-kisa { display: none; }

.panel-ozet { margin-bottom: 12px; }
.panel-selam-satir {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--celik);
    overflow-wrap: anywhere;
    word-break: break-word;
}
.panel-kareler {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.panel-kare {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 14px;
    text-decoration: none !important;
    color: inherit;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    box-shadow: var(--golge);
    min-width: 0;
}
.panel-kare:hover { background: var(--yuzey-2); }
.panel-kare.atolye { box-shadow: inset 3px 0 0 #D4A017, var(--golge); }
.panel-kare.teslim { box-shadow: inset 3px 0 0 var(--yesil), var(--golge); }
.panel-kare.gecikme { box-shadow: inset 3px 0 0 var(--kirmizi), var(--golge); }
.panel-kare-rakam {
    font-family: Outfit, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
}
.panel-kare-ad {
    font-size: 11px;
    font-weight: 650;
    color: var(--celik);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.panel-iki {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
    min-width: 0;
}
.panel-ray, .panel-yuk {
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 20px;
    box-shadow: var(--golge);
    overflow: hidden;
    min-width: 0;
}
.panel-ray-bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--cizgi);
}
.panel-ray-bas h3 { margin: 0; font-size: 15px; }
.panel-ray-bas h3 small {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--celik);
}
.panel-ray-bas a {
    font-size: 13px;
    font-weight: 650;
    color: var(--sinyal);
    text-decoration: none;
}

.panel-fisler { display: flex; flex-direction: column; padding: 8px; gap: 6px; min-width: 0; }
.panel-fis {
    display: flex;
    align-items: stretch;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--yuzey-2);
    text-decoration: none !important;
    color: inherit;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.panel-fis-icerik {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.panel-fis-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}
.panel-fis-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--cizgi);
}
.panel-fis-alt time {
    font-size: 12px;
    font-weight: 600;
    color: var(--grafit);
    opacity: .72;
}
.panel-fis:hover { background: var(--sinyal-soluk); }
.panel-fis-cizgi {
    width: 4px;
    align-self: stretch;
    border-radius: 99px;
    background: var(--sinyal);
    flex: 0 0 auto;
}
.panel-fis.gecikmis .panel-fis-cizgi { background: var(--kirmizi); }
.panel-fis.ariza-fis .panel-fis-cizgi { background: #C4923A; }
.panel-gorev-fis .panel-fis-cizgi { background: var(--mavi); }
.panel-gorev-fis[data-oncelik="acil"] .panel-fis-cizgi { background: var(--kirmizi); }
.panel-fis-govde {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.panel-fis-govde b {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.panel-fis-govde span {
    font-size: 12px;
    color: var(--celik);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panel-fis-yan {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}
.panel-fis-yan .cihaz-durum-rozet,
.panel-fis-yan .rozet {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panel-fis em {
    font-style: normal;
    font-size: 12px;
    font-weight: 650;
    color: var(--sinyal);
}

.panel-yuk { padding-bottom: 8px; }
.panel-yuk-liste {
    list-style: none;
    margin: 0;
    padding: 8px 16px 12px;
}
.panel-yuk-liste li {
    display: grid;
    grid-template-columns: 36px 1fr 90px 28px;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--cizgi);
}
.panel-yuk-liste li:last-child { border-bottom: 0; }
.panel-yuk-avatar {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--sinyal-soluk);
    color: var(--sinyal-yazi-koyu);
    font-size: 12px;
    font-weight: 700;
}
.panel-yuk-ad {
    font-weight: 600;
    font-size: 13px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panel-yuk-liste .adet { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }

.stok-ozet {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}
.panel-stok-kareler {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 10px;
}
.panel-stok {
    margin-top: 14px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 20px;
    box-shadow: var(--golge);
}
.panel-stok-kareler { padding: 12px; margin: 0; grid-template-columns: repeat(3, 1fr); }
.stok-maliyet { margin: 0 0 12px; }
.stok-kare {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 16px;
    text-decoration: none !important;
    color: inherit;
    background: var(--kagit);
    border: 1px solid transparent;
    box-shadow: var(--golge);
    min-width: 0;
}
.panel-stok-kareler .stok-kare {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 14px;
}
.stok-kare.var { background: #E5F4EC; color: #1B6B3A; }
.stok-kare.yok { background: #FCEBE9; color: #96271C; }
.stok-kare.az { background: #FFF3D6; color: #8A5A10; }
.stok-kare.hepsi { background: var(--kagit); color: var(--grafit); border-color: var(--cizgi); }
.stok-kare:hover { filter: brightness(.97); }
.stok-kare.var.etkin { background: var(--yesil); color: #fff; box-shadow: none; }
.stok-kare.yok.etkin { background: var(--kirmizi); color: #fff; box-shadow: none; }
.stok-kare.az.etkin { background: #D4A017; color: #fff; box-shadow: none; }
.stok-kare.hepsi.etkin { background: var(--grafit); color: #fff; border-color: transparent; }
.stok-kare-rakam {
    font-family: Outfit, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}
.panel-stok-kareler .stok-kare-rakam { font-size: 24px; }
.stok-kare-ad { font-size: 12px; font-weight: 700; opacity: .8; }
.stok-kare.etkin .stok-kare-ad { opacity: .9; color: inherit; }
.stok-ara-bar { margin: 0 0 12px; }
.stok-ara-satir {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.stok-ara-kutu { display: block; margin: 0; flex: 1; min-width: 0; }
.stok-ara-kutu input[type="search"] {
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--cizgi);
    background: var(--kagit);
    font-size: 15px;
}
.stok-kat-acilir { position: relative; flex: 0 0 auto; }
.stok-kat-acilir summary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-height: 46px;
    height: 100%;
    border-radius: 14px;
    border: 1px solid var(--cizgi);
    background: var(--kagit);
    color: var(--grafit);
    cursor: pointer;
    list-style: none;
}
.stok-kat-acilir summary::-webkit-details-marker { display: none; }
.stok-kat-acilir summary.etkin,
.stok-kat-acilir[open] summary {
    background: var(--grafit);
    color: #fff;
    border-color: var(--grafit);
}
.stok-kat-liste {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 30;
    min-width: 220px;
    max-width: min(320px, 80vw);
    max-height: 280px;
    overflow-y: auto;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid var(--cizgi);
    background: var(--kagit);
    box-shadow: var(--golge);
}
.stok-kat-liste button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--grafit);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
}
.stok-kat-liste button small { font-size: 12px; font-weight: 700; color: var(--celik); }
.stok-kat-liste button.etkin,
.stok-kat-liste button:hover { background: var(--yuzey-2); }
.stok-kat-secili {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 700;
}
.stok-kat-secili button {
    border: 0;
    background: none;
    color: var(--celik);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}
.stok-ara-bos { padding: 10px 12px 14px; }
.stok-durum {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.stok-durum.var { background: #E5F4EC; color: #1B6B3A; }
.stok-durum.yok { background: #FCEBE9; color: #96271C; }
.stok-durum.az { background: #FFF3D6; color: #8A5A10; }

.stok-opsiyon {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--cizgi);
}
.stok-opsiyon summary {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--grafit);
    list-style: none;
}
.stok-opsiyon summary::-webkit-details-marker { display: none; }
.stok-opsiyon[open] summary { margin-bottom: 14px; color: var(--celik); }
html[data-tema] .stok-durum.var { background: rgba(42, 122, 88, .22); color: #8FDBB0; }
html[data-tema] .stok-durum.yok { background: rgba(194, 59, 46, .22); color: #F0A8A0; }
html[data-tema] .stok-durum.az { background: rgba(212, 160, 23, .22); color: #F0D48A; }
html[data-tema] .stok-kare.var { background: rgba(42, 122, 88, .22); color: #8FDBB0; }
html[data-tema] .stok-kare.yok { background: rgba(194, 59, 46, .22); color: #F0A8A0; }
html[data-tema] .stok-kare.az { background: rgba(212, 160, 23, .22); color: #F0D48A; }
html[data-tema] .stok-kare.hepsi { background: var(--kagit); color: inherit; }
html[data-tema] .stok-kare.var.etkin { background: var(--yesil); color: #fff; }
html[data-tema] .stok-kare.yok.etkin { background: var(--kirmizi); color: #fff; }
html[data-tema] .stok-kare.az.etkin { background: #D4A017; color: #1A1612; }
html[data-tema] .stok-kare.hepsi.etkin { background: #E8E0D4; color: #1A1612; }
html[data-tema] .stok-kat-acilir summary.etkin,
html[data-tema] .stok-kat-acilir[open] summary { background: #E8E0D4; color: #1A1612; border-color: transparent; }
html[data-tema] .stok-kat-liste button.etkin { background: var(--yuzey-2); }
.stok-foto-alan { margin: 12px 0 14px; }
.stok-foto-duzen { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin-bottom: 14px; }
.stok-foto-onizleme img,
.stok-foto {
    width: 56px; height: 56px; object-fit: cover; border-radius: 10px;
    border: 1px solid var(--cizgi); background: var(--yuzey-2); display: block;
}
.stok-foto.mobil { width: 72px; height: 72px; margin: 0 0 8px; }
.stok-foto.bos {
    display: inline-block; background: var(--yuzey-2);
    box-shadow: inset 0 0 0 1px var(--cizgi);
}
.stok-foto-onizleme img { width: 96px; height: 96px; }
.stok-foto-sil { font-size: 13px; display: flex; gap: 6px; align-items: center; }
.stok-kaldir-form { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--cizgi); }
.depo-sekme {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 12px;
}
.depo-sekme a {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--kagit);
    color: var(--grafit);
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 750;
    box-shadow: var(--golge);
}
.depo-sekme a small {
    font-size: 11px;
    font-weight: 700;
    color: var(--celik);
}
.depo-sekme a.etkin {
    background: var(--sinyal);
    color: var(--sinyal-yazi);
}
.depo-sekme a.etkin small { color: var(--sinyal-yazi); opacity: .85; }
.depo-kirilim {
    font-size: 12px;
    font-weight: 650;
    color: var(--celik);
    margin-top: 4px;
    line-height: 1.35;
}
.depo-kirilim b { color: var(--grafit); }
.depo-yonet-satir {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.depo-yonet-ad {
    display: flex;
    gap: 8px;
    align-items: center;
    flex: 1;
    min-width: 0;
}
.depo-yonet-ad input[type="text"] { flex: 1; min-width: 0; }
.depo-parca-ozet {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed var(--cizgi);
}
.depo-adet-liste {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}
.depo-adet-liste li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--cizgi);
    font-size: 14px;
}
.depo-adet-liste li.toplam { border-bottom: 0; font-weight: 750; }
.depo-aktar-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 12px;
}
.mobil-stok-hareket { flex-wrap: wrap; }
.stok-satir-sil { margin-top: 6px; }
.stok-ust-aksiyon { margin: 0 0 12px; }
.stok-hareket-kart { margin-bottom: 12px; scroll-margin-top: 16px; }
.stok-hareket-filtre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}
.stok-hareket-filtre .alan:last-of-type,
.stok-hareket-filtre-aksiyon { grid-column: 1 / -1; }
.stok-hareket-filtre-aksiyon { display: flex; gap: 8px; flex-wrap: wrap; }
.stok-liste-kart .kart-govde.sikisik { padding: 0; }
.stok-liste-kart .kart-govde.sikisik .bos-durum { padding: 16px; }
.stok-liste { display: flex; flex-direction: column; }
.stok-satir {
    border-bottom: 1px solid var(--cizgi);
}
.stok-satir:last-child { border-bottom: 0; }
.stok-satir.pasif { opacity: .5; }
.stok-satir-govde {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    color: inherit;
    text-decoration: none !important;
}
.stok-satir-govde:hover { background: var(--yuzey-2); }
.stok-satir .stok-foto {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 10px;
}
.stok-satir-bilgi { flex: 1; min-width: 0; }
.stok-satir-bilgi b {
    display: block;
    font-size: 15px;
    line-height: 1.25;
}
.stok-satir-bilgi small {
    display: block;
    color: var(--celik);
    font-size: 12px;
    margin-top: 2px;
}
.stok-depo-cips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}
.stok-depo-cip {
    font-size: 11px;
    font-weight: 650;
    background: var(--yuzey-2);
    padding: 2px 7px;
    border-radius: 999px;
    color: var(--grafit);
}
.stok-depo-cip.bos { opacity: .55; }
.stok-satir-adet {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex: 0 0 auto;
    text-align: right;
}
.stok-satir-adet b {
    font-size: 18px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.stok-satir-adet small { font-size: 11px; color: var(--celik); }
.stok-satir-islem {
    border-top: 1px dashed var(--cizgi);
    background: var(--yuzey-2);
}
.stok-satir-islem summary {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    list-style: none;
}
.stok-satir-islem summary::-webkit-details-marker { display: none; }
.stok-satir-islem form {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 12px 10px;
    flex-wrap: wrap;
}
.stok-satir-islem input[type="number"] { width: 72px; }
.stok-satir-islem select { flex: 1; min-width: 90px; }

/* =========================================================
   ATÖLYE — servis fişi rayı
   ========================================================= */
.sayfa-atolye .sekmeler a.etkin { border-bottom-color: #D4A017; color: var(--grafit); }
.atolye-kart { overflow: hidden; }
.atolye-ray {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 14px;
}
.atolye-fis-blok { display: flex; flex-direction: column; gap: 0; }
.atolye-fis {
    display: grid;
    grid-template-columns: 140px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 16px;
    background: var(--yuzey-2);
    border: 1px solid var(--cizgi);
    text-decoration: none !important;
    color: inherit;
    box-shadow: inset 5px 0 0 #D4A017;
}
.atolye-fis:hover { background: var(--kagit); }
.atolye-fis.gecikmis { box-shadow: inset 5px 0 0 var(--kirmizi); }
.atolye-fis.ariza-fis { box-shadow: inset 5px 0 0 #C4923A; }
.atolye-fis[data-durum="onarildi"] { box-shadow: inset 5px 0 0 var(--yesil); }
.atolye-fis[data-durum="parca_bekleniyor"] { box-shadow: inset 5px 0 0 var(--mavi); }
.atolye-fis-sol {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.atolye-fis-sol .takip-no { font-size: 15px; }
.atolye-fis-sol time { font-size: 11px; color: var(--celik); }
.atolye-fis-orta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.atolye-fis-orta b {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.atolye-fis-orta span { font-size: 12px; color: var(--celik); }
.atolye-fis-sag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}
.atolye-fis-tutar { font-weight: 700; font-size: 13px; }
.atolye-ara {
    display: none;
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    text-align: center;
    font-size: 13px;
    font-weight: 650;
    color: var(--sinyal);
    text-decoration: none !important;
}

/* =========================================================
   GÖREV / SİPARİŞ / CARİ / MÜŞTERİ
   ========================================================= */
.sayfa-gorev .gorev-ozet {
    margin: 6px 10px;
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    border-bottom: 1px solid var(--cizgi);
    background: var(--yuzey-2);
    box-shadow: inset 4px 0 0 var(--mavi);
}
.sayfa-gorev .gorev-ozet.sabit { box-shadow: inset 4px 0 0 var(--sinyal); }
.gorev-bitis-satir { margin-top: 14px; padding: 12px; border: 1px dashed var(--cizgi); border-radius: 14px; background: var(--yuzey-2); }
.gorev-saat-24 { display: flex; align-items: center; gap: 8px; }
.gorev-saat-24 select { min-width: 72px; }
.gorev-tarih-kutu {
    position: relative;
    display: block;
    width: 100%;
}
.gorev-tarih-kutu .gorev-tarih-yazi {
    width: 100% !important;
    padding-right: 48px !important;
    box-sizing: border-box;
    cursor: pointer;
}
.gorev-tarih-kutu .gorev-takvim {
    position: absolute !important;
    right: 4px;
    top: 0;
    bottom: 0;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: auto !important;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
.gorev-takvim-ikon {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 2px solid var(--celik);
    border-radius: 3px;
    pointer-events: none;
    z-index: 1;
    box-sizing: border-box;
}
.gorev-takvim-ikon::before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 4px;
    height: 2px;
    background: var(--celik);
}
.gorev-saat-ayrac { font-weight: 700; color: var(--grafit); }
.gorev-bitis-satir em { font-style: normal; font-weight: 500; color: var(--celik); }
.gorev-bitis {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
}
.gorev-bitis.ileri { background: #E8F0FA; color: #2C6BB0; }
.gorev-bitis.bugun { background: #FFE3C2; color: #9A4A00; }
.gorev-bitis.gecikti { background: #F8D4D4; color: #8A1F1F; }
.gorev-bitis-alarm {
    margin: 12px 0 16px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #FFE3C2;
    color: #7A3A00;
    font-weight: 700;
    font-size: 15px;
    border: 1px solid #E8B56A;
}
.kdv-tik-satir {
    display: flex;
    gap: 8px;
    margin: 0 0 12px;
}
.kdv-tik {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    background: var(--yuzey-2);
    cursor: pointer;
    font-weight: 650;
    font-size: 14px;
    color: var(--grafit);
}
.kdv-tik.etkin {
    border-color: var(--sinyal);
    box-shadow: inset 3px 0 0 var(--sinyal);
    background: var(--kagit);
}
.kdv-tik input { margin: 0; }
.kdv-mod-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kdv-mod {
    display: block;
    padding: 12px 14px;
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    background: var(--yuzey-2);
    cursor: pointer;
}
.kdv-mod.etkin { border-color: var(--sinyal); box-shadow: inset 3px 0 0 var(--sinyal); }
.kdv-mod input { margin-right: 6px; }
.kdv-mod b { display: inline; }
.kdv-mod small { display: block; margin-top: 6px; color: var(--celik); font-size: 12px; line-height: 1.35; }
@media (max-width: 700px) {
    .kdv-mod-sec { grid-template-columns: 1fr; }
}
.sayfa-gorev .gorev-ozet-govde:hover { background: transparent; border-radius: 0 14px 14px 0; }

.sayfa-siparis .ihtiyac-liste-kart,
.sayfa-siparis .siparis-ekle-kart,
.sayfa-siparis .siparis-bekleyen {
    border-top: 4px solid #2A8A8A;
}
.sayfa-siparis .ihtiyac-satir {
    border-radius: 12px;
    background: var(--yuzey-2);
    margin: 6px 8px;
    padding: 8px 10px;
}

.sayfa-cari .cari-mobil-liste { gap: 10px; }
.sayfa-cari .cari-mobil-liste .mobil-kart-blok {
    border-radius: 16px;
    background: var(--yuzey-2);
    border: 1px solid var(--cizgi);
    padding: 12px 14px;
    box-shadow: inset 4px 0 0 #8A5A2B;
    text-decoration: none !important;
    color: inherit;
}
.sayfa-cari table.tablo tbody tr td:first-child { box-shadow: inset 3px 0 0 #8A5A2B; }
.cari-yontem {
    background: var(--yuzey-2);
    border-color: var(--cizgi);
    color: var(--grafit);
}
.cari-odeme-ozet { color: var(--celik); }

.sayfa-musteri .mobil-kart {
    box-shadow: inset 4px 0 0 #2C6BB0;
    border-radius: 16px;
}
.sayfa-kabul .kart { border-top: 4px solid var(--yesil); }
.sayfa-stok .kart { border-top: 4px solid #4A7A3A; }
.sayfa-rapor .kart { border-top: 4px solid #8A3A5A; }

.tanim-liste li {
    background: var(--yuzey-2);
    border: 1px solid var(--cizgi);
    border-radius: 16px;
    padding: 10px 12px;
}
.tanim-satir input[type="text"] { background: var(--kagit) !important; }
.teklif-sart-liste { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.teklif-sart-satir { flex: none !important; width: 100%; }
.akordeon-madde {
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 16px;
}
.akordeon-baslik { color: var(--grafit); }

.gorev-ozet, .gorev-satir, .sohbet-kart { border-color: var(--cizgi); }
.sohbet-kart { background: var(--kagit); border-radius: 16px; }
.sohbet-balon { background: var(--yuzey-2); }
.sohbet-balon.benim { background: var(--sinyal-soluk); }
.filtre-cubugu, .gorev-filtre, .rapor-filtre {
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 16px;
}

/* ---------- Giriş ---------- */
.giris-govde { background: #14110E; }
.giris-panel {
    background: rgba(255, 248, 240, .08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 22px;
    color: #F4EDE3 !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.45) !important;
}
.giris-ust-yazi {
    font-family: Outfit, sans-serif !important;
    text-transform: none !important;
    letter-spacing: -.02em !important;
    font-size: 20px !important;
    color: #FFF8F0 !important;
}
.giris-form .alan > span { color: #B8A99A !important; text-transform: none !important; letter-spacing: 0 !important; }
.giris-form input { background: #FFF8F0 !important; color: #1A1612 !important; }
.giris-logo { text-transform: none; }
.giris-logo b { color: #E07A32; }
.giris-btn.btn.sinyal { background: var(--sinyal); border-color: var(--sinyal); }

.toast-kart { border-radius: 14px; padding: 10px 12px; }

html[data-tema] .kart { background-image: linear-gradient(180deg, rgba(255,255,255,.04), transparent 50%); }
html[data-tema] .tanim-liste li,
html[data-tema] .bos-durum,
html[data-tema] table.tablo th { background: var(--yuzey-2); }
html[data-tema] table.tablo tr.gecikmis td { background: transparent; }

.mobil-nav-item .svg-ikon { display: block; margin: 0 auto 2px; }

@media (max-width: 860px) {
    .icerik {
        padding: 12px 12px calc(136px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .panel-kareler { grid-template-columns: repeat(3, 1fr); gap: 6px; }
    .panel-kare { padding: 8px 8px 7px; }
    .panel-kare-rakam { font-size: 22px; }
    .panel-kare-ad { font-size: 10px; }
    .panel-kabul-uzun { display: none; }
    .panel-kabul-kisa { display: inline; }
    .sayfa-panel .ust-bar .yan .btn { padding: 6px 12px; }
    .panel-iki { grid-template-columns: 1fr; }
    .panel-yuk-liste li { grid-template-columns: 36px 1fr 70px 24px; }
    .stok-ozet { grid-template-columns: repeat(4, 1fr); gap: 6px; }
    .stok-kare { padding: 8px 8px 7px; border-radius: 14px; }
    .stok-kare-rakam { font-size: 20px; }
    .stok-kare-ad { font-size: 11px; }
    .panel-stok-kareler { grid-template-columns: 1fr 1fr 1fr; }
    .kenar-cubugu .kenar-alt {
        padding: 10px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .atolye-fis {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .atolye-fis-sag { justify-content: flex-start; }
    .atolye-ara { display: block; }

    .tanim-liste li {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .tanim-satir { width: 100%; flex-wrap: wrap; }
    .tanim-satir input[type="text"] { flex: 1 1 100%; width: 100%; }
    .tanim-satir .btn,
    .tanim-aksiyon,
    .tanim-aksiyon .btn { width: 100%; }

    .mobil-alt-nav {
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: calc(100% - 20px);
        border-radius: 22px;
        border: 1px solid var(--cizgi);
        padding-bottom: 4px !important;
        background: color-mix(in srgb, var(--kagit) 90%, transparent);
        box-shadow: 0 12px 36px rgba(0,0,0,.2);
    }
    .mesaj-fab {
        right: max(14px, calc(10px + env(safe-area-inset-right, 0px))) !important;
        bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }
    body.sohbet-acik .icerik { padding-bottom: 0 !important; }
    body.sohbet-acik .sahne-serit { display: none; }
}

/* ---------- Firma arşivi ---------- */
.arsiv-ara-sar {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0 0 14px;
    padding: 10px 0 8px;
    background: color-mix(in srgb, var(--zemin) 88%, transparent);
    backdrop-filter: blur(8px);
}
.arsiv-ara input[type="search"] {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    background: var(--kagit);
    color: var(--grafit);
    font-size: 16px;
}
.arsiv-ara-sayac {
    margin: 8px 2px 0;
    font-size: 12px;
    color: var(--celik);
}
.arsiv-liste {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.arsiv-kart {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 12px;
    align-items: stretch;
    padding: 10px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
}
.arsiv-kart:hover { background: var(--sinyal-soluk); text-decoration: none; }
.arsiv-kart-foto,
.arsiv-kart-bos {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    object-fit: cover;
    background: var(--sinyal-soluk);
}
.arsiv-kart-bos {
    display: grid;
    place-items: center;
    color: var(--celik);
}
.arsiv-kart-govde {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
}
.arsiv-kart-govde strong {
    font-size: 15px;
    font-weight: 650;
    color: var(--grafit);
    word-break: break-word;
}
.arsiv-kart-govde span {
    font-size: 13px;
    color: var(--celik);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.arsiv-kart-govde em {
    font-style: normal;
    font-size: 11.5px;
    color: var(--celik);
}
.arsiv-bos-ara { color: var(--celik); text-align: center; padding: 24px 8px; }
.arsiv-meta { margin: 0 0 14px; font-size: 12.5px; color: var(--celik); }
.arsiv-icerik {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 15px;
    line-height: 1.5;
    color: var(--grafit);
    margin: 0 0 16px;
}
.arsiv-galeri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    margin-top: 8px;
}
.arsiv-galeri-madde { margin: 0; position: relative; }
.arsiv-galeri-btn {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.arsiv-galeri-btn img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}
.arsiv-galeri-sil {
    margin-top: 4px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--kirmizi);
    font-size: 12px;
    cursor: pointer;
}
.arsiv-buyuk {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(0,0,0,.82);
    display: grid;
    place-items: center;
    padding: 40px 16px;
}
.arsiv-buyuk[hidden] { display: none; }
.arsiv-buyuk img { max-width: 100%; max-height: 90vh; border-radius: 8px; }
.arsiv-buyuk-kapat {
    position: absolute;
    top: 12px;
    right: 14px;
    border: 0;
    background: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}

.teklif-liste { display: flex; flex-direction: column; gap: 8px; }
.teklif-kart {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px;
    background: var(--kagit);
    border: 1px solid var(--cizgi);
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
}
.teklif-kart:hover { background: var(--sinyal-soluk); text-decoration: none; }
.teklif-kart strong { font-size: 15px; color: var(--grafit); }
.teklif-kart span { font-size: 13px; color: var(--celik); }
.teklif-kart em { font-style: normal; font-size: 12px; color: var(--celik); }
.teklif-link { word-break: break-all; font-size: 13px; color: var(--sinyal); margin: 0 0 16px; }
.teklif-kalem-ekle { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.teklif-kalem-liste { display: flex; flex-direction: column; }
.teklif-kalem-satir {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--cizgi);
}
.teklif-kalem-satir:last-child { border-bottom: 0; }
.teklif-kalem-bilgi { flex: 1; min-width: 0; }
.teklif-kalem-bilgi b { display: block; font-size: 14px; word-break: break-word; }
.teklif-kalem-satir form { flex: 0 0 auto; }
.teklif-kalem-satir .btn { min-width: 52px; }
.teklif-kalem-aksiyon {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.kabul-bakim-tus {
    background: var(--yuzey-2);
    border-color: var(--cizgi);
    color: var(--grafit);
    border-radius: 14px;
}
.kabul-bakim-tus[aria-pressed="true"] {
    background: var(--sinyal);
    color: var(--sinyal-yazi);
    border-color: var(--sinyal);
}
.teklif-iskonto {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed var(--cizgi);
}
.teklif-deger-kutu {
    display: flex;
    align-items: center;
    gap: 8px;
}
.teklif-deger-kutu input { flex: 1; min-width: 0; }
.teklif-deger-isaret {
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 800;
    color: var(--sinyal);
    min-width: 1.1em;
    text-align: center;
}
.teklif-iskonto-kaldir { margin-top: 8px; }
.teklif-ozet {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
}
.teklif-ozet-toplam { font-size: 17px; padding-top: 8px; border-top: 1px solid var(--cizgi); }
.teklif-sil-form {
    margin: 14px 0 28px;
    padding: 0;
}
.teklif-sil-btn {
    width: 100%;
    box-sizing: border-box;
    color: var(--kirmizi);
}

.bakim-filtre {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
}
.bakim-filtre a {
    padding: 8px 12px;
    border: 1px solid var(--cizgi);
    border-radius: 999px;
    text-decoration: none;
    color: var(--celik);
    font-size: 13px;
    font-weight: 600;
    background: var(--kagit);
}
.bakim-filtre a.etkin {
    background: var(--grafit);
    color: var(--kagit);
    border-color: var(--grafit);
}
.bakim-cift {
    display: flex;
    gap: 8px;
}
.bakim-cift input { flex: 0 0 72px; min-width: 0; }
.bakim-cift select { flex: 1; min-width: 0; }
.teklif-kart.bakim-gecikti { box-shadow: inset 4px 0 0 var(--kirmizi); }
.bakim-alt-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--cizgi);
}
.bakim-tur-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bakim-tur-kart {
    display: flex; flex-direction: column; gap: 6px;
    padding: 16px; border: 2px solid var(--cizgi); border-radius: 14px;
    background: var(--kagit); text-decoration: none; color: inherit;
}
.bakim-tur-kart:hover { border-color: var(--sinyal); background: var(--sinyal-soluk); text-decoration: none; }
.bakim-tur-kart strong { font-size: 16px; }
.bakim-tur-kart span { font-size: 13px; color: var(--celik); line-height: 1.4; }
@media (max-width: 640px) {
    .bakim-tur-sec { grid-template-columns: 1fr; }
}
.bakim-satir { display: flex; gap: 8px; align-items: stretch; }
.bakim-satir .teklif-kart { flex: 1; min-width: 0; }
.bakim-yazdir-btn { align-self: center; flex: 0 0 auto; }
@media (max-width: 640px) {
    .bakim-satir { flex-direction: column; }
    .bakim-yazdir-btn { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .btn { transition: none !important; }
}