/* Tema Değişkenlerini ve Temel Görünüm Kurallarını Tanımla */

/* Uygulamanın temel renk ve ölçü değişkenlerini tanımla */
:root {
    --brand:#0f9f6e;
    --brand-dark:#087a55;
    --brand-soft:#e8f7f1;
    --ink:#15211d;
    --muted:#6d7d76;
    --line:#e5ebe8;
    --surface:#fff;
    --surface-2:#f5f8f7;
    --sidebar:#101b18;
    --shadow:0 16px 45px rgba(22,45,37,.08);
    --radius:18px;
    --radius-sm:12px
}

/* Kamu ana sayfasını açık ve sade bir ürün zemini üzerinde göster. */
.site-home {
    min-height:100vh;
    overflow:hidden;
    background:#fff;
    color:#15211d
}

/* Kamu sayfası üst çubuğunu kaydırmada görünür tut. */
.site-header {
    position:relative;
    z-index:10;
    border-bottom:1px solid #e7eeea;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(16px)
}

/* Marka, menü ve giriş düğmesini tek satırda hizala. */
.site-nav {
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px
}

/* Kamu sayfası markasını simge ve metinle oluştur. */
.site-brand {
    display:flex;
    align-items:center;
    gap:10px
}

/* Marka simgesini WhatsApp rengiyle vurgula. */
.site-brand>span {
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:var(--brand);
    color:#fff;
    font-size:1.25rem
}

/* Marka metnini iki satırda göster. */
.site-brand>div {
    display:flex;
    flex-direction:column
}

/* Marka ana adını belirginleştir. */
.site-brand strong {
    font-size:.98rem;
    letter-spacing:.04em
}

/* Marka ürün türünü ikincil biçimde göster. */
.site-brand small {
    color:#718078;
    font-size:.63rem
}

/* Kamu sayfası bölüm bağlantılarını yatay hizala. */
.site-links {
    display:flex;
    align-items:center;
    gap:28px;
    color:#53645d;
    font-size:.76rem;
    font-weight:700
}

/* Menü bağlantısında marka rengini etkileşimde göster. */
.site-links a:hover {
    color:var(--brand)
}

/* Tanıtım alanına yumuşak marka ışığı ekle. */
.site-hero {
    padding:82px 0 96px;
    background:radial-gradient(circle at 82% 28%,rgba(37,211,102,.14),transparent 26%),linear-gradient(145deg,#f2faf7 0%,#fff 58%,#f5fbf8 100%)
}

/* Tanıtım metni ile panel önizlemesini iki sütuna yerleştir. */
.site-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.85fr);
    align-items:center;
    gap:72px
}

/* Ürün türünü kapsül biçiminde vurgula. */
.site-kicker {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    padding:7px 11px;
    border:1px solid #bee4d5;
    border-radius:99px;
    background:#eaf8f2;
    color:#087a55;
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em
}

/* Ana ürün vaadini güçlü ve dengeli satırlarda göster. */
.site-hero-copy h1 {
    max-width:760px;
    margin:0;
    font-size:clamp(2.8rem,5vw,4.8rem);
    line-height:1.02;
    letter-spacing:-.065em;
    font-weight:780
}

/* Ana başlıktaki ürün odağını marka rengiyle ayır. */
.site-hero-copy h1 em {
    color:var(--brand);
    font-style:normal
}

/* Ana ürün açıklamasını rahat okunan genişlikte tut. */
.site-hero-copy>p {
    max-width:650px;
    margin:24px 0 28px;
    color:#63736c;
    font-size:1.02rem;
    line-height:1.75
}

/* Ana işlem düğmelerini yan yana yerleştir. */
.site-hero-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap
}

/* Güven işaretlerini ana işlemlerin altında göster. */
.site-trust-row {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:22px;
    color:#708079;
    font-size:.68rem;
    font-weight:700
}

/* Güven işaretlerinin simgelerini marka rengine boya. */
.site-trust-row i {
    margin-right:4px;
    color:var(--brand)
}

/* Ürün paneli önizlemesini uygulama penceresi biçiminde göster. */
.site-product-preview {
    position:relative;
    border:1px solid #dce8e3;
    border-radius:24px;
    background:#fff;
    box-shadow:0 34px 80px rgba(23,76,56,.16)
}

/* Önizleme başlığını bağlantı durumu ile hizala. */
.site-preview-head {
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    border-bottom:1px solid #e7eeea
}

/* Önizleme başlığındaki marka öğelerini hizala. */
.site-preview-head>div {
    display:flex;
    align-items:center;
    gap:9px
}

/* Önizleme başlığındaki WhatsApp simgesini renklendir. */
.site-preview-head>div i {
    color:var(--brand);
    font-size:1.15rem
}

/* Aktif bağlantı bilgisini küçük durum etiketi olarak göster. */
.site-preview-head>span {
    display:flex;
    align-items:center;
    gap:6px;
    color:#4f685e;
    font-size:.6rem;
    font-weight:750
}

/* Aktif bağlantının canlı noktasını göster. */
.site-preview-head>span i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#25d366;
    box-shadow:0 0 0 4px rgba(37,211,102,.12)
}

/* Önizleme içeriğine dengeli boşluk ver. */
.site-preview-body {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:18px
}

/* Örnek müşteri konuşmasını satır kartı olarak göster. */
.site-conversation-card {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:12px;
    border:1px solid #edf1ef;
    border-radius:13px
}

/* Aktif konuşmayı yeşil zeminle vurgula. */
.site-conversation-card.active {
    border-color:#cbe9dc;
    background:#f0faf6
}

/* Örnek müşteri avatarını baş harflerle göster. */
.site-avatar {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#dff5eb;
    color:#087a55;
    font-size:.67rem;
    font-weight:850
}

/* İkinci örnek avatarı farklı ama uyumlu renkte göster. */
.site-avatar.secondary {
    background:#edf1f8;
    color:#52627a
}

/* Konuşma metinlerini dikey sırala. */
.site-conversation-card>div {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Konuşma özetini tek satırda taşmadan göster. */
.site-conversation-card small {
    overflow:hidden;
    color:#75857e;
    font-size:.63rem;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Konuşma zamanını ikincil bilgi olarak göster. */
.site-conversation-card time {
    color:#829089;
    font-size:.55rem
}

/* Örnek siparişi konuşmalar altında belirgin kartta göster. */
.site-preview-order {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 27px;
    align-items:center;
    gap:11px;
    margin-top:4px;
    padding:13px;
    border-radius:14px;
    background:#15211d;
    color:#fff
}

/* Örnek sipariş simgesini açık zeminle ayır. */
.site-preview-order>span {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(255,255,255,.11);
    color:#7fe0b9
}

/* Örnek sipariş metinlerini dikey sırala. */
.site-preview-order>div {
    display:flex;
    flex-direction:column
}

/* Örnek sipariş açıklamasını yumuşak renkte göster. */
.site-preview-order small {
    color:#a9c0b7;
    font-size:.58rem
}

/* Örnek sipariş onayını dairesel simgeyle göster. */
.site-preview-order>b {
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#25d366;
    font-size:.58rem
}

/* Katalog gönderimini panel kenarında yüzen kartla göster. */
.site-floating-card {
    position:absolute;
    right:-28px;
    bottom:-35px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 15px;
    border:1px solid #dce8e3;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 45px rgba(23,76,56,.15)
}

/* Yüzen katalog kartı simgesini vurgula. */
.site-floating-card>i {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e6f8f0;
    color:var(--brand)
}

/* Yüzen katalog kartı metinlerini dikey sırala. */
.site-floating-card>div {
    display:flex;
    flex-direction:column
}

/* Yüzen katalog kartı açıklamasını ikincil göster. */
.site-floating-card small {
    color:#74847d;
    font-size:.55rem
}

/* Özellikler bölümünü açık gri zeminde ayır. */
.site-features {
    padding:92px 0;
    background:#f7faf8
}

/* Bölüm başlığını sınırlı genişlikte tut. */
.site-section-heading {
    max-width:720px;
    margin-bottom:34px
}

/* Bölüm başlıklarını ürün hiyerarşisine göre ölçekle. */
.site-section-heading h2 {
    margin:0;
    font-size:clamp(2rem,3.5vw,3rem);
    line-height:1.08;
    letter-spacing:-.045em
}

/* Bölüm açıklamasını okunaklı satır yüksekliğinde göster. */
.site-section-heading p {
    margin:13px 0 0;
    color:#697a72;
    line-height:1.7
}

/* Ortalanmış bölüm başlığını sayfa merkezine al. */
.site-section-heading.centered {
    margin-left:auto;
    margin-right:auto;
    text-align:center
}

/* Ürün yeteneklerini üç sütunlu kart ızgarasına yerleştir. */
.site-feature-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}

/* Her ürün yeteneğini sade beyaz kartta göster. */
.site-feature-grid article {
    padding:25px;
    border:1px solid #e3ebe7;
    border-radius:18px;
    background:#fff
}

/* Özellik kartı simgesini marka zemininde göster. */
.site-feature-grid article>span {
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#e7f8f1;
    color:var(--brand);
    font-size:1.05rem
}

/* Özellik kartı başlığına dengeli boşluk ver. */
.site-feature-grid h3 {
    margin:18px 0 8px;
    font-size:1rem
}

/* Özellik açıklamasını sakin ve okunaklı göster. */
.site-feature-grid p {
    margin:0;
    color:#718078;
    font-size:.72rem;
    line-height:1.65
}

/* İş akışı bölümünü beyaz zeminde geniş boşlukla göster. */
.site-flow {
    padding:92px 0
}

/* Üç temel adımı eşit sütunlara yerleştir. */
.site-flow-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}

/* İş akışı adımını numara ve simgeyle kartlaştır. */
.site-flow-grid article {
    position:relative;
    padding:26px;
    border:1px solid #e2eae6;
    border-radius:18px
}

/* İş akışı sıra numarasını sağ üstte göster. */
.site-flow-grid article>b {
    position:absolute;
    top:19px;
    right:21px;
    color:#bed0c8;
    font-size:1.2rem
}

/* İş akışı simgesini koyu kartta vurgula. */
.site-flow-grid article>span {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#15211d;
    color:#7ce0b8;
    font-size:1.05rem
}

/* İş akışı adım başlığına dengeli boşluk ver. */
.site-flow-grid h3 {
    margin:20px 0 8px;
    font-size:1.05rem
}

/* İş akışı açıklamasını ikincil biçimde göster. */
.site-flow-grid p {
    margin:0;
    color:#718078;
    font-size:.72rem;
    line-height:1.65
}

/* Son işlem çağrısını sayfanın sonunda geniş boşlukla göster. */
.site-final-cta {
    padding:0 0 86px
}

/* Son çağrı metni ve düğmesini koyu kartta hizala. */
.site-final-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:42px;
    border-radius:24px;
    background:#14211c;
    color:#fff;
    box-shadow:0 28px 65px rgba(20,44,35,.16)
}

/* Son çağrı başlığını açık renkte göster. */
.site-final-card h2 {
    margin:0;
    font-size:2rem;
    letter-spacing:-.04em
}

/* Son çağrı açıklamasını yumuşak renkte göster. */
.site-final-card p {
    margin:8px 0 0;
    color:#b8cac2
}

/* Son çağrı düğmesinin daralmasını engelle. */
.site-final-card>a {
    flex:none
}

/* Kamu sayfası alt bilgisini ince üst çizgiyle ayır. */
.site-footer {
    border-top:1px solid #e5ebe8;
    color:#74847d;
    font-size:.67rem
}

/* Alt bilgi metni ve veri hakları bağlantısını hizala. */
.site-footer .container {
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}

/* Alt bilgi bağlantısını etkileşimde marka rengine boya. */
.site-footer a:hover {
    color:var(--brand)
}

/* Kamu ana sayfasını tablet genişliğinde tek sütuna indir. */
@media(max-width:991px) {
    /* Üst menü bağlantılarını tablet ekranında gizle. */
    .site-links {
        display:none
    }

    /* Tanıtım metni ve panel önizlemesini alt alta yerleştir. */
    .site-hero-grid {
        grid-template-columns:1fr;
        gap:52px
    }

    /* Panel önizlemesini tablet ekranında sınırlı genişlikte tut. */
    .site-product-preview {
        width:min(620px,100%);
        margin:0 auto
    }

    /* Özellik kartlarını iki sütuna indir. */
    .site-feature-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

/* Kamu ana sayfasını mobil ekranlara uyarla. */
@media(max-width:767px) {
    /* Üst gezinmenin dikey boşluğunu azalt. */
    .site-nav {
        min-height:68px
    }

    /* Mobil ekranda giriş düğmesi metnini kısalt. */
    .site-login-button {
        padding:.6rem .75rem;
        font-size:.68rem
    }

    /* Tanıtım alanının mobil boşluğunu azalt. */
    .site-hero {
        padding:52px 0 72px
    }

    /* Ana başlığı mobil ekran için ölçekle. */
    .site-hero-copy h1 {
        font-size:2.75rem
    }

    /* Ana işlem düğmelerini tam genişlikte göster. */
    .site-hero-actions>a {
        width:100%
    }

    /* Yüzen katalog kartını dar ekranda panel içine taşı. */
    .site-floating-card {
        position:static;
        margin:0 18px 18px
    }

    /* Özellik ve akış kartlarını tek sütuna indir. */
    .site-feature-grid,.site-flow-grid {
        grid-template-columns:1fr
    }

    /* Bölüm dikey boşluklarını mobilde azalt. */
    .site-features,.site-flow {
        padding:68px 0
    }

    /* Son çağrı kartını dikey yerleşime geçir. */
    .site-final-card {
        align-items:flex-start;
        flex-direction:column;
        padding:30px 24px
    }

    /* Son çağrı düğmesini mobilde tam genişlikte göster. */
    .site-final-card>a {
        width:100%
    }
}

/* Koyu tema renk değişkenlerini ayarla */
[data-bs-theme=dark] {
    --ink:#edf7f3;
    --muted:#91a49c;
    --line:#2b3a35;
    --surface:#17221f;
    --surface-2:#101916;
    --sidebar:#0a100e;
    --shadow:0 18px 48px rgba(0,0,0,.28)
}

/* Tüm Sayfa Öğeleri görsel vurgusunu düzenle */
* {
    box-sizing:border-box
}

/* Belge Kökü görünümünü düzenle */
html {
    scroll-behavior:smooth
}

/* Sayfa Gövdesi metnini biçimlendir */
body {
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--ink);
    background:var(--surface-2);
    font-size:14px
}

/* Bağlantı metnini biçimlendir */
a {
    color:inherit;
    text-decoration:none
}

/* Form alanlarıyla düğmelerin yazı tipini ortaklaştır */
button,input,select,textarea {
    font:inherit
}

/* Düğme yerleşimini düzenle */
.btn {
    border-radius:11px;
    font-weight:650;
    padding:.65rem 1rem
}

/* Düğme Geniş yerleşimini düzenle */
.btn-lg {
    padding:.85rem 1.2rem;
    font-size:.96rem
}

/* Düğme Başarı görsel vurgusunu düzenle */
.btn-success {
    --bs-btn-bg:var(--brand);
    --bs-btn-border-color:var(--brand);
    --bs-btn-hover-bg:var(--brand-dark);
    --bs-btn-hover-border-color:var(--brand-dark)
}

/* Düğme Açık görsel vurgusunu düzenle */
.btn-light {
    --bs-btn-bg:var(--surface);
    --bs-btn-border-color:var(--line);
    --bs-btn-color:var(--ink);
    --bs-btn-hover-bg:var(--surface-2);
    --bs-btn-hover-border-color:var(--line)
}

/* Form Seçim yerleşimini düzenle */
.form-control,.form-select {
    background-color:var(--surface);
    border-color:var(--line);
    color:var(--ink);
    border-radius:11px;
    padding:.72rem .85rem;
    min-height:46px
}

/* Form Seçim etkileşim durumunu göster */
.form-control:focus,.form-select:focus {
    border-color:rgba(15,159,110,.55);
    box-shadow:0 0 0 4px rgba(15,159,110,.1);
    background-color:var(--surface);
    color:var(--ink)
}

/* Form Denetim görsel vurgusunu düzenle */
.form-control::placeholder {
    color:#9aaa9f
}

/* Üst Başlık yerleşimini düzenle */
.eyebrow {
    display:block;
    color:var(--brand);
    font-size:.72rem;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.11em;
    margin-bottom:.45rem
}

/* Yönetim Kabuk, Kenar Menü ve Üst Çubuk Düzenini Tanımla */
.app-shell {
    min-height:100vh;
    display:grid;
    grid-template-columns:260px minmax(0,1fr)
}

/* Kenar Menü yerleşimini düzenle */
.sidebar {
    height:100vh;
    position:sticky;
    top:0;
    background:var(--sidebar);
    color:#c9d6d1;
    display:flex;
    flex-direction:column;
    padding:18px 14px;
    z-index:1040
}

/* Marka yerleşimini düzenle */
.brand {
    display:flex;
    align-items:center;
    gap:12px;
    padding:6px 8px;
    color:inherit
}

/* Marka İşaret yerleşimini düzenle */
.brand-mark {
    width:42px;
    height:42px;
    border-radius:13px;
    background:linear-gradient(145deg,#25d366,#0c9d6b);
    display:grid;
    place-items:center;
    color:#fff;
    font-size:1.25rem;
    box-shadow:0 8px 20px rgba(37,211,102,.22);
    flex:none
}

/* Marka yerleşimini düzenle */
.brand>span:last-child {
    display:flex;
    flex-direction:column
}

/* Marka metnini biçimlendir */
.brand strong {
    font-size:1.12rem;
    letter-spacing:.08em;
    color:#fff
}

/* Marka metnini biçimlendir */
.brand small {
    font-size:.68rem;
    color:#90a49c
}

/* Kenar Menü Gezinme yerleşimini düzenle */
.sidebar-nav {
    margin-top:25px;
    overflow:auto;
    padding:0 3px 24px;
    scrollbar-width:thin
}

/* Kenar Menü Alt Bölüm yerleşimini düzenle */
.sidebar-nav a,.sidebar-foot a {
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 12px;
    margin:3px 0;
    border-radius:11px;
    color:#aebdb7;
    transition:.18s ease
}

/* Kenar Menü Alt Bölüm yerleşimini düzenle */
.sidebar-nav a i,.sidebar-foot a i {
    width:20px;
    text-align:center;
    font-size:.95rem
}

/* Kenar Menü Alt Bölüm etkileşim durumunu göster */
.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-foot a:hover {
    background:rgba(255,255,255,.075);
    color:#fff
}

/* Kenar Menü Gezinme etkileşim durumunu göster */
.sidebar-nav a.active {
    background:linear-gradient(100deg,rgba(15,159,110,.32),rgba(15,159,110,.08));
    box-shadow:inset 3px 0 0 #28c991
}

/* Gezinme Etiket yerleşimini düzenle */
.nav-label {
    margin:22px 12px 7px;
    color:#65766f;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase
}

/* Gezinme Nokta yerleşimini düzenle */
.nav-dot {
    margin-left:auto;
    width:7px!important;
    height:7px;
    border-radius:50%;
    background:#28c991;
    box-shadow:0 0 0 4px rgba(40,201,145,.12)
}

/* Kenar Menü Alt Bölüm görsel vurgusunu düzenle */
.sidebar-foot {
    margin-top:auto;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:10px
}

/* Ana Sütun yerleşimini düzenle */
.main-column {
    min-width:0
}

/* Üst Çubuk yerleşimini düzenle */
.topbar {
    height:76px;
    position:sticky;
    top:0;
    z-index:1020;
    background:color-mix(in srgb,var(--surface) 92%,transparent);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    padding:0 30px
}

/* Üst Çubuk Bağlam yerleşimini düzenle */
.topbar-context {
    display:flex;
    flex-direction:column
}

/* Üst Çubuk Bağlam yerleşimini düzenle */
.topbar-context .eyebrow {
    font-size:.6rem;
    margin:0
}

/* Üst Çubuk Bağlam metnini biçimlendir */
.topbar-context strong {
    font-size:.9rem
}

/* Üst Çubuk İşlemler yerleşimini düzenle */
.topbar-actions {
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto
}

/* Üst Çubuk İşlemler yerleşimini düzenle */
.topbar-actions form {
    display:flex
}

/* Profil Görseli Düğme yerleşimini düzenle */
.icon-btn,.avatar-btn {
    border:1px solid var(--line);
    background:var(--surface);
    color:var(--ink);
    width:40px;
    height:40px;
    border-radius:11px;
    display:grid;
    place-items:center
}

/* Simge Düğme etkileşim durumunu göster */
.icon-btn:hover {
    background:var(--surface-2)
}

/* Profil Görseli Düğme metnini biçimlendir */
.avatar-btn {
    border:0;
    background:linear-gradient(145deg,#0f9f6e,#0a7b56);
    color:#fff;
    border-radius:50%;
    font-weight:800
}

/* Bildirim Düğme yerleşimini düzenle */
.notification-btn {
    position:relative
}

/* Bildirim Düğme yerleşimini düzenle */
.notification-btn span {
    position:absolute;
    right:8px;
    top:7px;
    width:7px;
    height:7px;
    background:#ef4444;
    border-radius:50%;
    border:2px solid var(--surface)
}

/* Sayfa İçerik yerleşimini düzenle */
.page-content {
    padding:30px;
    max-width:1720px;
    margin:0 auto
}

/* Yönetim Sayfalarının Başlık, Kart, Form ve Tablo Temellerini Tanımla */
.page-heading {
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:flex-end;
    margin-bottom:26px
}

/* Sayfa Başlık yerleşimini düzenle */
.page-heading h1 {
    font-size:2rem;
    letter-spacing:-.045em;
    font-weight:760;
    margin:0 0 5px
}

/* Sayfa Başlık yerleşimini düzenle */
.page-heading p {
    margin:0;
    color:var(--muted)
}

/* Sıkı Başlık metnini biçimlendir */
.compact-heading h1 {
    font-size:1.75rem
}

/* Başlık İşlemler yerleşimini düzenle */
.heading-actions {
    display:flex;
    gap:9px;
    align-items:center;
    flex-wrap:wrap
}

/* Başlık İşlemler yerleşimini düzenle */
.heading-actions form {
    display:flex
}

/* Geri Dönüş Bağlantı yerleşimini düzenle */
.back-link {
    display:inline-flex;
    gap:8px;
    align-items:center;
    color:var(--muted);
    font-weight:650;
    font-size:.83rem;
    margin-bottom:10px
}

/* Geri Dönüş Bağlantı etkileşim durumunu göster */
.back-link:hover {
    color:var(--brand)
}

/* Başlık Birlikte Rozet yerleşimini düzenle */
.title-with-badge {
    display:flex;
    align-items:center;
    gap:12px
}

/* Panel Kart görsel vurgusunu düzenle */
.panel-card {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow)
}

/* Panel Başlık yerleşimini düzenle */
.panel-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px
}

/* Panel Başlık yerleşimini düzenle */
.panel-head h2 {
    font-size:1.02rem;
    margin:0 0 4px;
    font-weight:750
}

/* Panel Başlık yerleşimini düzenle */
.panel-head p {
    color:var(--muted);
    margin:0;
    font-size:.78rem
}

/* Panel Başlık metnini biçimlendir */
.panel-head>a {
    color:var(--brand);
    font-weight:700;
    font-size:.8rem
}

/* Yükleniyor Katman yerleşimini düzenle */
.loading-layer {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(10,18,15,.25);
    backdrop-filter:blur(3px);
    z-index:2000;
    place-items:center
}

/* Yükleniyor Katman etkileşim durumunu göster */
.loading-layer.active {
    display:grid
}

/* Ölçüm Izgara yerleşimini düzenle */
.metric-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(160px,1fr));
    gap:15px;
    margin-bottom:20px
}

/* Ölçüm Kart yerleşimini düzenle */
.metric-card {
    position:relative;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:16px;
    padding:19px;
    min-height:160px;
    overflow:hidden
}

/* Ölçüm Kart görsel vurgusunu düzenle */
.metric-card.accent-green {
    background:linear-gradient(145deg,#128861,#0b6548);
    color:#fff;
    border:0
}

/* Ölçüm Kart yerleşimini düzenle */
.metric-card.accent-green:after {
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    right:-35px;
    bottom:-45px
}

/* Ölçüm Üst yerleşimini düzenle */
.metric-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:17px
}

/* Ölçüm Simge yerleşimini düzenle */
.metric-icon {
    width:38px;
    height:38px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:var(--brand-soft);
    color:var(--brand)
}

/* Ölçüm Simge görsel vurgusunu düzenle */
.metric-icon.amber {
    background:#fff3d9;
    color:#d78900
}

/* Ölçüm Simge görsel vurgusunu düzenle */
.metric-icon.blue {
    background:#e9f2ff;
    color:#2f78d7
}

/* Ölçüm Simge görsel vurgusunu düzenle */
.metric-icon.purple {
    background:#f2ebff;
    color:#7c3ec8
}

/* Ölçüm Simge görsel vurgusunu düzenle */
.metric-icon.red {
    background:#ffeaea;
    color:#e14b4b
}

/* Ölçüm Simge görsel vurgusunu düzenle */
.metric-icon.whatsapp {
    background:#e2faec;
    color:#16a75f
}

/* Ölçüm Üst metnini biçimlendir */
.metric-top a,.trend {
    font-size:.68rem;
    font-weight:750;
    color:var(--muted)
}

/* Ölçüm Üst görsel vurgusunu düzenle */
.accent-green .metric-top a,.accent-green .trend {
    color:#d4f3e6
}

/* Ölçüm Kart yerleşimini düzenle */
.metric-card>small {
    display:block;
    color:var(--muted);
    font-weight:650;
    margin-bottom:2px
}

/* Vurgu Yeşil görsel vurgusunu düzenle */
.accent-green>small,.accent-green>p {
    color:#d4e8e0
}

/* Ölçüm Kart yerleşimini düzenle */
.metric-card>strong {
    display:block;
    font-size:1.9rem;
    letter-spacing:-.04em;
    margin-bottom:2px
}

/* Ölçüm Kart yerleşimini düzenle */
.metric-card>p {
    margin:0;
    color:var(--muted);
    font-size:.72rem
}

/* Gösterge Paneli Izgara yerleşimini düzenle */
.dashboard-grid {
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(280px,.75fr);
    gap:20px;
    margin-bottom:20px
}

/* Gösterge Paneli Izgara yerleşimini düzenle */
.dashboard-grid>* {
    min-width:0
}

/* Grafik Panel yerleşimini düzenle */
.chart-panel {
    min-height:390px
}

/* Grafik Kapsayıcı yerleşimini düzenle */
.chart-wrap {
    height:290px;
    padding:0 18px 18px
}

/* Grafik Kapsayıcı yerleşimini düzenle */
.chart-wrap.doughnut {
    height:285px
}

/* Canlı Rozet metnini biçimlendir */
.live-badge {
    font-size:.68rem;
    color:var(--brand);
    font-weight:700
}

/* Canlı Rozet yerleşimini düzenle */
.live-badge i {
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--brand);
    margin-right:5px;
    box-shadow:0 0 0 5px rgba(15,159,110,.12)
}

/* Alt Izgara görünümünü düzenle */
.bottom-grid {
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)
}

/* Tablo Uyarlanabilir yerleşimini düzenle */
.table-responsive {
    max-width:100%
}

/* Tablo Panel yerleşimini düzenle */
.table-panel {
    min-width:0;
    overflow:hidden
}

/* Tablo yerleşimini düzenle */
.table {
    --bs-table-bg:transparent;
    --bs-table-color:var(--ink);
    --bs-table-border-color:var(--line);
    margin:0
}

/* Tablo yerleşimini düzenle */
.table thead th {
    font-size:.66rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--muted);
    font-weight:750;
    padding:13px 16px;
    background:var(--surface-2);
    white-space:nowrap
}

/* Tablo yerleşimini düzenle */
.table td {
    padding:14px 16px;
    vertical-align:middle
}

/* Tablo yerleşimini düzenle */
.table td small {
    display:block;
    color:var(--muted);
    font-size:.69rem;
    margin-top:3px
}

/* Tablo görsel vurgusunu düzenle */
.table tbody tr:last-child td {
    border-bottom:0
}

/* Tablo etkileşim durumunu göster */
.table tbody tr:hover {
    background:color-mix(in srgb,var(--brand-soft) 35%,transparent)
}

/* Durum Rozet yerleşimini düzenle */
.status-badge {
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:5px 9px;
    background:#eef2f1;
    color:#607069;
    font-weight:700;
    font-size:.67rem;
    text-transform:capitalize;
    white-space:nowrap
}

/* Durum Soluk görsel vurgusunu düzenle */
.status-yeni_siparis,.status-onay_bekliyor,.status-muted {
    background:#fff4d9;
    color:#986600
}

/* Durum Hazırlanmış görsel vurgusunu düzenle */
.status-onaylandi,.status-hazirlaniyor,.status-hazirlandi {
    background:#e8f1ff;
    color:#2868b7
}

/* Durum Sevkiyata Çıkmış görsel vurgusunu düzenle */
.status-sevkiyata_hazir,.status-sevkiyata_cikti {
    background:#f2eaff;
    color:#7740b3
}

/* Durum Tamamlanmış görsel vurgusunu düzenle */
.status-teslim_edildi,.status-tamamlandi,.status-active {
    background:#e5f8ef;
    color:#087a55
}

/* Durum Iptal Edilmiş görsel vurgusunu düzenle */
.status-iptal_edildi {
    background:#ffebeb;
    color:#c73535
}

/* Düğme Simge yerleşimini düzenle */
.row-action,.btn-icon {
    width:34px;
    height:34px;
    border-radius:9px;
    border:1px solid var(--line);
    background:var(--surface);
    display:grid;
    place-items:center;
    color:var(--muted)
}

/* Satır Işlem etkileşim durumunu göster */
.btn-icon:hover,.row-action:hover {
    color:var(--brand);
    border-color:#a9d9c6
}

/* Düğme Simge etkileşim durumunu göster */
.btn-icon.danger:hover {
    color:#e44848;
    border-color:#efb4b4
}

/* Sıralama Liste yerleşimini düzenle */
.rank-list {
    padding:0 22px 18px
}

/* Sıralama Öğe yerleşimini düzenle */
.rank-item {
    display:grid;
    grid-template-columns:30px 1fr auto;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid var(--line)
}

/* Sıralama Öğe görsel vurgusunu düzenle */
.rank-item:last-child {
    border:0
}

/* Sıralama Öğe yerleşimini düzenle */
.rank-item>b {
    width:28px;
    height:28px;
    border-radius:9px;
    background:var(--surface-2);
    display:grid;
    place-items:center;
    color:var(--muted)
}

/* Sıralama Öğe yerleşimini düzenle */
.rank-item div {
    display:flex;
    flex-direction:column
}

/* Sıralama Öğe metnini biçimlendir */
.rank-item div small {
    color:var(--muted);
    font-size:.7rem
}

/* Sıralama Öğe metnini biçimlendir */
.rank-item>span {
    font-weight:750
}

/* Bildirim Liste yerleşimini düzenle */
.notification-list {
    padding:0 20px 14px
}

/* Bildirim Liste yerleşimini düzenle */
.notification-list>a {
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:12px;
    align-items:center;
    padding:12px;
    border-radius:12px
}

/* Bildirim Liste etkileşim durumunu göster */
.notification-list>a:hover {
    background:var(--surface-2)
}

/* Bildirim Simge yerleşimini düzenle */
.notification-icon {
    width:36px;
    height:36px;
    border-radius:10px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center
}

/* Bildirim Liste yerleşimini düzenle */
.notification-list strong {
    display:block
}

/* Bildirim Liste yerleşimini düzenle */
.notification-list p {
    margin:2px 0 0;
    color:var(--muted);
    font-size:.74rem
}

/* Bildirim Liste görsel vurgusunu düzenle */
.notification-list small {
    color:var(--muted)
}

/* Filtre Çubuk yerleşimini düzenle */
.filter-bar {
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px 20px;
    border-bottom:1px solid var(--line)
}

/* Arama Denetim yerleşimini düzenle */
.search-control {
    position:relative;
    display:flex;
    flex:1;
    max-width:680px
}

/* Arama Denetim yerleşimini düzenle */
.search-control>i {
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:var(--muted)
}

/* Arama Denetim yerleşimini düzenle */
.search-control input {
    width:100%;
    height:43px;
    border:1px solid var(--line);
    background:var(--surface-2);
    color:var(--ink);
    border-radius:11px 0 0 11px;
    padding:0 12px 0 42px;
    outline:none
}

/* Arama Denetim etkileşim durumunu göster */
.search-control input:focus {
    border-color:var(--brand)
}

/* Arama Denetim görsel vurgusunu düzenle */
.search-control .btn {
    border-radius:0 11px 11px 0
}

/* Filtre Seçim yerleşimini düzenle */
.filter-select {
    width:210px
}

/* Veri Tablo metnini biçimlendir */
.data-table th:last-child,.data-table td:last-child {
    text-align:right
}

/* Sabitlenen Işlem yerleşimini düzenle */
.sticky-action {
    position:sticky;
    right:0;
    background:var(--surface)!important;
    z-index:2;
    box-shadow:-10px 0 18px -18px #000
}

/* Tablo İşlemler yerleşimini düzenle */
.table-actions {
    display:flex;
    justify-content:flex-end;
    gap:7px
}

/* Tablo İşlemler yerleşimini düzenle */
.table-actions form {
    display:flex
}

/* Boş Durum Hücre yerleşimini düzenle */
.empty-cell {
    text-align:center;
    padding:40px!important
}

/* Boş Durum yerleşimini düzenle */
.empty-state {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:60px 20px;
    color:var(--muted)
}

/* Boş Durum yerleşimini düzenle */
.empty-state>span {
    width:58px;
    height:58px;
    border-radius:18px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:1.3rem;
    margin-bottom:15px
}

/* Boş Durum yerleşimini düzenle */
.empty-state h3 {
    color:var(--ink);
    font-size:1.02rem;
    margin:0 0 5px
}

/* Boş Durum yerleşimini düzenle */
.empty-state p {
    margin:0 0 15px
}

/* Boş Durum yerleşimini düzenle */
.empty-state.small {
    padding:28px
}

/* Boş Durum yerleşimini düzenle */
.empty-state.small>span {
    width:42px;
    height:42px
}

/* Kayıt Detay Kart görünümünü düzenle */
.record-detail-card {
    overflow:hidden
}

/* Kayıt Detay Izgara yerleşimini düzenle */
.record-detail-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    margin:0;
    background:var(--line)
}

/* Kayıt Detay Izgara yerleşimini düzenle */
.record-detail-grid>div {
    min-width:0;
    padding:18px 20px;
    background:var(--surface)
}

/* Kayıt Detay Izgara yerleşimini düzenle */
.record-detail-grid dt {
    margin:0 0 5px;
    color:var(--muted);
    font-size:.68rem;
    font-weight:750
}

/* Kayıt Detay Izgara yerleşimini düzenle */
.record-detail-grid dd {
    margin:0;
    color:var(--ink);
    font-weight:700;
    overflow-wrap:anywhere
}

/* Form Kart yerleşimini düzenle */
.form-card {
    padding:24px
}

/* Form Izgara yerleşimini düzenle */
.form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px
}

/* Form Alan yerleşimini düzenle */
.form-field {
    display:flex;
    flex-direction:column;
    gap:7px
}

/* Metin Alanı Ikincil görünümünü düzenle */
.form-field.span-2 {
    grid-column:span 2
}

/* Form alanı etiketlerini okunaklı göster */
.form-field label {
    font-weight:700;
    font-size:.76rem
}

/* Form Alan görsel vurgusunu düzenle */
.form-field label b {
    color:#e34c4c;
    margin-left:3px
}

/* Form Alan metnini biçimlendir */
.form-field>small {
    color:var(--muted);
    font-size:.69rem
}

/* Form İşlemler yerleşimini düzenle */
.form-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    border-top:1px solid var(--line);
    padding-top:20px;
    margin-top:25px
}

/* Anahtar Alan yerleşimini düzenle */
.switch-field {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    cursor:pointer
}

/* Anahtar Alan yerleşimini düzenle */
.switch-field input {
    position:absolute;
    opacity:0
}

/* Anahtar Arayüz yerleşimini düzenle */
.switch-ui {
    position:relative;
    width:43px;
    height:24px;
    border-radius:99px;
    background:#ccd5d1;
    transition:.2s
}

/* Anahtar Arayüz yerleşimini düzenle */
.switch-ui:after {
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    left:3px;
    top:3px;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    transition:.2s
}

/* Anahtar Arayüz etkileşim durumunu göster */
.switch-field input:checked+.switch-ui {
    background:var(--brand)
}

/* Anahtar Arayüz etkileşim durumunu göster */
.switch-field input:checked+.switch-ui:after {
    left:22px
}

/* Gelişmiş Seçim Seçim Tek yerleşimini düzenle */
.select2-container .select2-selection--single {
    height:46px!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:var(--surface)!important
}

/* Gelişmiş Seçim Seçim Tek yerleşimini düzenle */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height:44px!important;
    color:var(--ink)!important;
    padding-left:13px!important
}

/* Gelişmiş Seçim Seçim Tek yerleşimini düzenle */
.select2-container .select2-selection--single .select2-selection__arrow {
    height:44px!important
}

/* Metin Düzenleyici Düzenlenebilir Alan yerleşimini düzenle */
.ck-editor__editable {
    min-height:240px;
    color:#1f2925
}

/* Durum Iptal Edilmiş görsel vurgusunu düzenle */
.status-cancelled {
    background:#ffebeb;
    color:#c73535
}

/* Cari Müşteri Hücre yerleşimini düzenle */
.cari-customer-cell {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:190px
}

/* Cari Müşteri Hücre yerleşimini düzenle */
.cari-customer-cell>span {
    width:36px;
    height:36px;
    flex:none;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--brand-soft);
    color:var(--brand);
    font-weight:800
}

/* Cari Müşteri Hücre yerleşimini düzenle */
.cari-customer-cell>div {
    display:flex;
    min-width:0;
    flex-direction:column
}

/* Cari Müşteri Hücre metnini biçimlendir */
.cari-customer-cell strong {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Cari Müşteri Hücre yerleşimini düzenle */
.cari-customer-cell small {
    margin:1px 0 0!important
}

/* Cari Yön yerleşimini düzenle */
.cari-direction {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:99px;
    font-size:.68rem;
    font-weight:750
}

/* Cari Yön görsel vurgusunu düzenle */
.cari-direction.debt {
    background:#fff0f0;
    color:#c73f3f
}

/* Cari Yön görsel vurgusunu düzenle */
.cari-direction.credit {
    background:var(--brand-soft);
    color:var(--brand-dark)
}

/* Cari Form Uyarı görünümünü düzenle */
.cari-form-warning {
    align-items:flex-start
}

/* Cari Detay Özet yerleşimini düzenle */
.cari-detail-summary {
    padding:24px
}

/* Cari Detay Tutar yerleşimini düzenle */
.cari-detail-amount {
    display:flex;
    align-items:center;
    gap:16px;
    padding-bottom:24px;
    border-bottom:1px solid var(--line)
}

/* Cari Detay Tutar yerleşimini düzenle */
.cari-detail-amount>span {
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:16px;
    font-size:1.2rem
}

/* Cari Detay Tutar görsel vurgusunu düzenle */
.cari-detail-amount.debt>span {
    background:#fff0f0;
    color:#d33f3f
}

/* Cari Detay Tutar görsel vurgusunu düzenle */
.cari-detail-amount.credit>span {
    background:var(--brand-soft);
    color:var(--brand)
}

/* Cari Detay Tutar yerleşimini düzenle */
.cari-detail-amount>div {
    display:flex;
    flex-direction:column
}

/* Cari Detay Tutar metnini biçimlendir */
.cari-detail-amount small {
    color:var(--muted);
    font-weight:700
}

/* Cari Detay Tutar metnini biçimlendir */
.cari-detail-amount strong {
    font-size:1.7rem;
    letter-spacing:-.035em
}

/* Cari Detay Liste yerleşimini düzenle */
.cari-detail-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin:24px 0 0
}

/* Cari Detay Liste yerleşimini düzenle */
.cari-detail-list>div {
    min-width:0
}

/* Cari Silme Özet metnini biçimlendir */
.cari-detail-list dt,.cari-delete-summary dt {
    font-size:.67rem;
    color:var(--muted);
    margin-bottom:3px
}

/* Cari Silme Özet yerleşimini düzenle */
.cari-detail-list dd,.cari-delete-summary dd {
    margin:0;
    font-weight:700;
    word-break:break-word
}

/* Cari Detay Liste yerleşimini düzenle */
.cari-detail-list dd a {
    display:block;
    color:var(--brand);
    font-size:.7rem;
    margin-top:4px
}

/* Cari Açıklama yerleşimini düzenle */
.cari-description {
    margin:0;
    color:var(--muted);
    line-height:1.7
}

/* Cari Iptal Edilmiş Not görsel vurgusunu düzenle */
.cari-cancelled-note {
    border-color:#f2caca
}

/* Cari Iptal Edilmiş Not görsel vurgusunu düzenle */
.cari-cancelled-note h2 {
    color:#c73535
}

/* Cari Iptal Edilmiş Not yerleşimini düzenle */
.cari-cancelled-note p {
    margin:0;
    color:var(--muted);
    line-height:1.6
}

/* Cari Silme Kart yerleşimini düzenle */
.cari-delete-card {
    max-width:720px;
    margin:0 auto;
    padding:34px;
    text-align:center
}

/* Cari Silme Simge yerleşimini düzenle */
.cari-delete-icon {
    width:70px;
    height:70px;
    display:grid;
    place-items:center;
    margin:0 auto 20px;
    border-radius:22px;
    background:#fff0e3;
    color:#d87012;
    font-size:1.55rem
}

/* Cari Silme Kart yerleşimini düzenle */
.cari-delete-card h2 {
    margin:0 0 12px;
    font-size:1.35rem
}

/* Cari Silme Kart yerleşimini düzenle */
.cari-delete-card>p {
    max-width:590px;
    margin:0 auto 24px;
    color:var(--muted);
    line-height:1.7
}

/* Cari Silme Özet yerleşimini düzenle */
.cari-delete-summary {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    margin:0 0 26px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--line);
    text-align:left
}

/* Cari Silme Özet yerleşimini düzenle */
.cari-delete-summary>div {
    padding:14px 16px;
    background:var(--surface)
}

/* Cari Silme Kart yerleşimini düzenle */
.cari-delete-card form {
    display:flex;
    justify-content:center;
    gap:10px
}

/* Stok Transferi, Rota ve Teslimat Operasyonlarını Düzenle */
.operation-page {
    display:flex;
    flex-direction:column;
    gap:20px
}

/* Sayfa Başlık görünümünü düzenle */
.operation-page>.page-heading {
    margin-bottom:2px
}

/* Operasyon Ölçümler yerleşimini düzenle */
.operation-metrics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px
}

/* Operasyon Ölçümler yerleşimini düzenle */
.operation-metrics article {
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    padding:17px 18px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:15px;
    box-shadow:0 8px 26px rgba(22,45,37,.045)
}

/* Operasyon Ölçümler yerleşimini düzenle */
.operation-metrics article>div {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Operasyon Ölçümler metnini biçimlendir */
.operation-metrics small {
    color:var(--muted);
    font-size:.68rem;
    font-weight:700
}

/* Operasyon Ölçümler yerleşimini düzenle */
.operation-metrics strong {
    font-size:1.35rem;
    line-height:1.15
}

/* Operasyon Panel Başlık yerleşimini düzenle */
.operation-metric-icon,.operation-panel-title>span {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:12px;
    background:var(--brand-soft);
    color:var(--brand)
}

/* Operasyon Panel Başlık görsel vurgusunu düzenle */
.operation-metric-icon.blue,.operation-panel-title>span.blue {
    background:#e9f2ff;
    color:#2f78d7
}

/* Operasyon Panel Başlık görsel vurgusunu düzenle */
.operation-metric-icon.amber,.operation-panel-title>span.amber {
    background:#fff3d9;
    color:#d78900
}

/* Operasyon Panel Başlık görsel vurgusunu düzenle */
.operation-metric-icon.purple,.operation-panel-title>span.purple {
    background:#f2ebff;
    color:#7c3ec8
}

/* Operasyon Kart görünümünü düzenle */
.operation-card {
    overflow:hidden
}

/* Operasyon Panel Başlık yerleşimini düzenle */
.operation-panel-head {
    min-height:86px;
    border-bottom:1px solid var(--line)
}

/* Operasyon Panel Başlık yerleşimini düzenle */
.operation-panel-title {
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0
}

/* Operasyon Panel Başlık yerleşimini düzenle */
.operation-panel-title>span {
    width:39px;
    height:39px;
    border-radius:11px
}

/* Operasyon Panel Başlık metnini biçimlendir */
.operation-panel-title h2 {
    font-size:1rem
}

/* Operasyon Başlık Sayı yerleşimini düzenle */
.operation-head-count {
    flex:none;
    padding:6px 10px;
    border-radius:99px;
    background:var(--surface-2);
    color:var(--muted);
    font-size:.65rem;
    font-weight:750
}

/* Operasyon Rota Form yerleşimini düzenle */
.operation-route-form {
    padding:23px 24px 24px
}

/* Operasyon Rota Form görünümünü düzenle */
.operation-route-form .form-actions {
    margin-top:0
}

/* Operasyon Teslimat Alan yerleşimini düzenle */
.operation-delivery-field {
    min-width:0;
    margin:0;
    padding:0;
    border:0
}

/* Operasyon Teslimat Alan yerleşimini düzenle */
.operation-delivery-field legend {
    float:none;
    width:auto;
    margin:0 0 7px;
    padding:0;
    font-size:.76rem;
    font-weight:700
}

/* Operasyon Kontrol Izgara yerleşimini düzenle */
.operation-check-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px
}

/* Operasyon Kontrol yerleşimini düzenle */
.operation-check {
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-width:0;
    padding:12px 13px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-2);
    cursor:pointer;
    transition:.18s
}

/* Operasyon Kontrol etkileşim durumunu göster */
.operation-check:hover {
    border-color:#9ed7c2;
    background:color-mix(in srgb,var(--brand-soft) 60%,var(--surface))
}

/* Form Kontrol Girdi yerleşimini düzenle */
.operation-check .form-check-input {
    flex:none;
    margin:.16rem 0 0
}

/* Operasyon Kontrol yerleşimini düzenle */
.operation-check>span {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Operasyon Kontrol metnini biçimlendir */
.operation-check strong {
    font-size:.73rem
}

/* Operasyon Teslimat Satır yerleşimini düzenle */
.operation-check small,.operation-delivery-row small {
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:3px;
    color:var(--muted);
    font-size:.66rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Operasyon Form İşlemler görünümünü düzenle */
.operation-form-actions {
    padding-top:18px
}

/* Operasyon Teslimat Liste yerleşimini düzenle */
.operation-delivery-list {
    display:flex;
    flex-direction:column
}

/* Operasyon Teslimat Satır yerleşimini düzenle */
.operation-delivery-row {
    display:grid;
    grid-template-columns:minmax(220px,1fr) minmax(220px,330px) auto;
    align-items:center;
    gap:14px;
    padding:15px 24px;
    border-bottom:1px solid var(--line)
}

/* Operasyon Teslimat Satır görsel vurgusunu düzenle */
.operation-delivery-row:last-child {
    border-bottom:0
}

/* Operasyon Teslimat Satır yerleşimini düzenle */
.operation-delivery-row>div {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Operasyon Teslimat Satır yerleşimini düzenle */
.operation-delivery-row .form-control {
    min-height:42px
}

/* Operasyon Boş Durum yerleşimini düzenle */
.operation-empty {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:86px;
    padding:22px;
    color:var(--muted);
    text-align:center
}

/* Operasyon Boş Durum metnini biçimlendir */
.operation-empty i {
    color:var(--brand);
    font-size:1.05rem
}

/* Operasyon Boş Durum yerleşimini düzenle */
.operation-empty.compact {
    justify-content:flex-start;
    min-height:54px;
    padding:12px 14px;
    border:1px dashed var(--line);
    border-radius:12px;
    background:var(--surface-2)
}

/* Operasyon Tamamlanmış yerleşimini düzenle */
.operation-complete {
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--muted);
    font-size:.68rem;
    font-weight:700
}

/* Operasyon Tamamlanmış görsel vurgusunu düzenle */
.operation-complete i {
    color:var(--brand)
}

/* Operasyon Satır Içi Simge yerleşimini düzenle */
.operation-inline-icon {
    margin:0 7px;
    color:var(--muted);
    font-size:.62rem
}

/* Operasyon Kod yerleşimini düzenle */
.operation-code {
    display:inline-block;
    max-width:360px;
    padding:5px 8px;
    border:1px solid var(--line);
    border-radius:7px;
    background:var(--surface-2);
    color:var(--ink);
    white-space:normal;
    word-break:break-word
}

/* Kanal Rozet yerleşimini düzenle */
.channel-badge {
    display:inline-flex;
    gap:6px;
    align-items:center;
    text-transform:capitalize
}

/* Sipariş Detay Izgara yerleşimini düzenle */
.order-detail-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:20px
}

/* Sipariş Detay Yan Panel yerleşimini düzenle */
.order-detail-main,.order-detail-aside {
    display:flex;
    flex-direction:column;
    gap:20px
}

/* Sipariş Toplamlar yerleşimini düzenle */
.order-totals {
    margin-left:auto;
    width:min(360px,100%);
    padding:20px 24px
}

/* Sipariş Toplamlar yerleşimini düzenle */
.order-totals div {
    display:flex;
    justify-content:space-between;
    padding:6px 0;
    color:var(--muted)
}

/* Sipariş Toplamlar görsel vurgusunu düzenle */
.order-totals div strong {
    color:var(--ink)
}

/* Sipariş Toplamlar metnini biçimlendir */
.order-totals .grand {
    margin-top:8px;
    border-top:1px solid var(--line);
    padding-top:14px;
    font-size:1.05rem;
    color:var(--ink)
}

/* Sipariş Toplamlar metnini biçimlendir */
.order-totals .grand strong {
    font-size:1.25rem;
    color:var(--brand)
}

/* Zaman Çizelgesi yerleşimini düzenle */
.timeline {
    padding:0 24px 22px
}

/* Zaman Çizelgesi Öğe yerleşimini düzenle */
.timeline-item {
    position:relative;
    display:grid;
    grid-template-columns:18px 1fr auto;
    gap:12px;
    padding:0 0 22px
}

/* Zaman Çizelgesi Öğe yerleşimini düzenle */
.timeline-item>span {
    position:relative;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--brand);
    margin-top:4px;
    box-shadow:0 0 0 5px var(--brand-soft)
}

/* Zaman Çizelgesi Öğe yerleşimini düzenle */
.timeline-item:not(:last-child)>span:after {
    content:"";
    position:absolute;
    top:16px;
    left:5px;
    width:2px;
    height:calc(100% + 10px);
    background:var(--line)
}

/* Zaman Çizelgesi Öğe yerleşimini düzenle */
.timeline-item strong {
    display:block
}

/* Zaman Çizelgesi Öğe yerleşimini düzenle */
.timeline-item p {
    margin:3px 0;
    color:var(--muted)
}

/* Zaman Çizelgesi Öğe görsel vurgusunu düzenle */
.timeline-item small {
    color:var(--muted)
}

/* Bilgi Kart yerleşimini düzenle */
.info-card {
    padding:22px
}

/* Bilgi Kart yerleşimini düzenle */
.info-card h2 {
    font-size:.9rem;
    margin:0 0 18px
}

/* Müşteri Etiket yerleşimini düzenle */
.customer-chip {
    display:flex;
    align-items:center;
    gap:11px;
    padding-bottom:17px;
    border-bottom:1px solid var(--line)
}

/* Müşteri Etiket yerleşimini düzenle */
.customer-chip>span {
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--brand-soft);
    color:var(--brand);
    font-weight:800;
    display:grid;
    place-items:center
}

/* Müşteri Etiket yerleşimini düzenle */
.customer-chip div {
    display:flex;
    flex-direction:column
}

/* Müşteri Etiket görsel vurgusunu düzenle */
.customer-chip small {
    color:var(--muted)
}

/* Bilgi Kart yerleşimini düzenle */
.info-card dl {
    margin:17px 0 0
}

/* Bilgi Kart metnini biçimlendir */
.info-card dt {
    font-size:.67rem;
    color:var(--muted);
    margin-top:12px
}

/* Bilgi Kart yerleşimini düzenle */
.info-card dd {
    margin:2px 0 0
}

/* Ödeme Durum yerleşimini düzenle */
.payment-status {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px
}

/* Ödeme Durum yerleşimini düzenle */
.payment-status>span {
    width:42px;
    height:42px;
    border-radius:12px;
    display:grid;
    place-items:center
}

/* Ödeme Durum görsel vurgusunu düzenle */
.payment-status .paid {
    background:var(--brand-soft);
    color:var(--brand)
}

/* Ödeme Durum görsel vurgusunu düzenle */
.payment-status .pending {
    background:#fff3d9;
    color:#cf8500
}

/* Ödeme Durum yerleşimini düzenle */
.payment-status div {
    display:flex;
    flex-direction:column
}

/* Ödeme Durum görsel vurgusunu düzenle */
.payment-status small {
    color:var(--muted)
}

/* Sıkı Mesajlar yerleşimini düzenle */
.compact-messages {
    padding:0 24px 22px;
    display:flex;
    flex-direction:column;
    gap:8px
}

/* Sıkı Mesajlar yerleşimini düzenle */
.compact-messages>div {
    max-width:76%;
    padding:10px 12px;
    border-radius:12px;
    background:var(--surface-2)
}

/* Sıkı Mesajlar görsel vurgusunu düzenle */
.compact-messages>.out {
    margin-left:auto;
    background:var(--brand-soft)
}

/* Sıkı Mesajlar yerleşimini düzenle */
.compact-messages p {
    margin:0
}

/* Sıkı Mesajlar görsel vurgusunu düzenle */
.compact-messages small {
    color:var(--muted)
}

/* Hızlı Sipariş Yerleşim yerleşimini düzenle */
.quick-order-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:20px;
    align-items:start
}

/* Hızlı Sipariş Ana yerleşimini düzenle */
.quick-order-main {
    display:flex;
    flex-direction:column;
    gap:20px
}

/* Hızlı Sipariş Yan Panel yerleşimini düzenle */
.quick-order-aside {
    position:sticky;
    top:97px;
    padding:25px
}

/* Hızlı Özet Simge yerleşimini düzenle */
.quick-summary-icon {
    width:48px;
    height:48px;
    border-radius:14px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:1.2rem
}

/* Hızlı Sipariş Yan Panel yerleşimini düzenle */
.quick-order-aside h2 {
    margin:17px 0 8px;
    font-size:1.1rem
}

/* Hızlı Sipariş Yan Panel görsel vurgusunu düzenle */
.quick-order-aside p {
    color:var(--muted)
}

/* Hızlı Sipariş Yan Panel yerleşimini düzenle */
.quick-order-aside ul {
    list-style:none;
    padding:0;
    margin:22px 0
}

/* Hızlı Sipariş Yan Panel yerleşimini düzenle */
.quick-order-aside li {
    padding:7px 0
}

/* Hızlı Sipariş Yan Panel görsel vurgusunu düzenle */
.quick-order-aside li i {
    color:var(--brand);
    margin-right:8px
}

/* Hızlı Satırlar yerleşimini düzenle */
.quick-lines {
    display:flex;
    flex-direction:column;
    gap:10px
}

/* Hızlı Satır yerleşimini düzenle */
.quick-line {
    display:grid;
    grid-template-columns:minmax(240px,1fr) 120px 120px 36px;
    gap:12px;
    align-items:end;
    padding:14px;
    border:1px solid var(--line);
    border-radius:13px
}

/* Hızlı Satır yerleşimini düzenle */
.quick-line label {
    font-size:.7rem;
    font-weight:700;
    display:block;
    margin-bottom:5px
}

/* Hızlı Fiyat yerleşimini düzenle */
.quick-price {
    display:flex;
    flex-direction:column;
    height:46px;
    justify-content:center
}

/* Kaldırma Satır yerleşimini düzenle */
.remove-line {
    border:0;
    background:#ffeded;
    color:#d33d3d;
    width:36px;
    height:36px;
    border-radius:10px;
    margin-bottom:5px
}

/* Gelen Kutusu Kabuk yerleşimini düzenle */
.page-content:has(.inbox-shell) {
    height:calc(100vh - 76px);
    height:calc(100dvh - 76px);
    display:flex;
    flex-direction:column;
    overflow:hidden
}

/* Sayfa Başlık yerleşimini düzenle */
.page-content:has(.inbox-shell)>.page-heading {
    flex:none
}

/* Gelen Kutusu Kabuk yerleşimini düzenle */
.inbox-shell {
    height:auto;
    min-height:0;
    flex:1;
    display:grid;
    grid-template-columns:320px minmax(360px,1fr) 300px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    overflow:hidden
}

/* İletişim Panel yerleşimini düzenle */
.conversation-list,.contact-panel {
    min-width:0;
    min-height:0;
    background:var(--surface)
}

/* Görüşme Liste yerleşimini düzenle */
.conversation-list {
    border-right:1px solid var(--line);
    display:flex;
    flex-direction:column
}

/* Gelen Kutusu Arama yerleşimini düzenle */
.inbox-search {
    position:relative;
    padding:16px
}

/* Gelen Kutusu Arama yerleşimini düzenle */
.inbox-search i {
    position:absolute;
    left:30px;
    top:31px;
    color:var(--muted)
}

/* Gelen Kutusu Arama yerleşimini düzenle */
.inbox-search input {
    width:100%;
    height:42px;
    border:1px solid var(--line);
    border-radius:11px;
    padding:0 12px 0 38px;
    background:var(--surface-2);
    color:var(--ink)
}

/* Görüşme Filtre yerleşimini düzenle */
.conversation-filter {
    display:flex;
    padding:0 16px 12px;
    gap:5px
}

/* Görüşme Filtre yerleşimini düzenle */
.conversation-filter button {
    border:0;
    border-radius:99px;
    padding:6px 10px;
    background:transparent;
    color:var(--muted);
    font-size:.68rem;
    font-weight:700
}

/* Görüşme Filtre etkileşim durumunu göster */
.conversation-filter button.active {
    background:var(--brand-soft);
    color:var(--brand)
}

/* Görüşme Kaydırma yerleşimini düzenle */
.conversation-scroll {
    flex:1;
    min-height:0;
    overflow:auto
}

/* Görüşme Satır yerleşimini düzenle */
.conversation-row {
    position:relative;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    padding:13px 16px;
    border-top:1px solid var(--line)
}

/* Görüşme Satır etkileşim durumunu göster */
.conversation-row:hover,.conversation-row.active {
    background:var(--surface-2)
}

/* Görüşme Satır etkileşim durumunu göster */
.conversation-row.active:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:var(--brand)
}

/* Görüşme Profil Görseli yerleşimini düzenle */
.conversation-avatar {
    position:relative;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#dfece7;
    color:#28745b;
    display:grid;
    place-items:center;
    font-weight:800;
    flex:none
}

/* Görüşme Profil Görseli yerleşimini düzenle */
.conversation-avatar i {
    position:absolute;
    right:0;
    bottom:1px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#25d366;
    border:2px solid var(--surface)
}

/* Görüşme Filtre Boş Durum yerleşimini düzenle */
.conversation-filter-empty {
    min-height:140px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:20px;
    color:var(--muted);
    text-align:center
}

/* Görüşme Filtre Boş Durum yerleşimini düzenle */
.conversation-filter-empty[hidden] {
    display:none
}

/* Görüşme Filtre Boş Durum metnini biçimlendir */
.conversation-filter-empty i {
    font-size:1.25rem;
    color:var(--brand)
}

/* Görüşme Filtre Boş Durum metnini biçimlendir */
.conversation-filter-empty span {
    font-size:.7rem
}

/* Görüşme Ad yerleşimini düzenle */
.conversation-name {
    display:flex;
    justify-content:space-between;
    gap:8px
}

/* Görüşme Ad metnini biçimlendir */
.conversation-name strong {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Görüşme Ad görsel vurgusunu düzenle */
.conversation-name small {
    color:var(--muted)
}

/* Görüşme Satır yerleşimini düzenle */
.conversation-row p {
    margin:2px 0;
    color:var(--muted);
    font-size:.74rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Görüşme Satır metnini biçimlendir */
.conversation-row div>span {
    font-size:.6rem;
    text-transform:capitalize;
    color:var(--brand)
}

/* Okunmamış Sayı yerleşimini düzenle */
.unread-count {
    position:absolute;
    right:15px;
    bottom:12px;
    background:var(--brand);
    color:#fff;
    min-width:18px;
    height:18px;
    border-radius:99px;
    display:grid;
    place-items:center;
    font-size:.62rem
}

/* WhatsApp Görüşme Listesi, Mesaj Alanı ve Kişi Panelini Düzenle */
.chat-panel {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:linear-gradient(rgba(246,249,248,.92),rgba(246,249,248,.92)),radial-gradient(circle at 10% 10%,#c8ddd5 1px,transparent 1px);
    background-size:auto,20px 20px
}

/* Sohbet Panel görsel vurgusunu düzenle */
[data-bs-theme=dark] .chat-panel {
    background:#111a17
}

/* Sohbet Başlık yerleşimini düzenle */
.chat-header {
    height:70px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 18px;
    border-bottom:1px solid var(--line);
    background:var(--surface)
}

/* Sohbet Başlık yerleşimini düzenle */
.chat-header>div:nth-child(2) {
    display:flex;
    flex-direction:column
}

/* Sohbet Başlık metnini biçimlendir */
.chat-header small {
    color:var(--muted);
    font-size:.7rem
}

/* Mesaj Kaydırma yerleşimini düzenle */
.message-scroll {
    flex:1;
    min-height:0;
    overflow:auto;
    padding:22px
}

/* Tarih Ayraç yerleşimini düzenle */
.date-divider {
    text-align:center;
    margin:0 0 20px
}

/* Tarih Ayraç yerleşimini düzenle */
.date-divider span {
    background:var(--surface);
    color:var(--muted);
    padding:6px 12px;
    border-radius:99px;
    font-size:.66rem;
    box-shadow:0 3px 12px rgba(0,0,0,.05)
}

/* Mesaj Satır yerleşimini düzenle */
.message-row {
    display:flex;
    margin:7px 0
}

/* Mesaj Satır görünümünü düzenle */
.message-row.outgoing {
    justify-content:flex-end
}

/* Mesaj Balonu yerleşimini düzenle */
.message-bubble {
    max-width:75%;
    padding:9px 12px 7px;
    background:var(--surface);
    border-radius:5px 14px 14px 14px;
    box-shadow:0 3px 10px rgba(0,0,0,.04)
}

/* Mesaj Balonu görsel vurgusunu düzenle */
.outgoing .message-bubble {
    background:#d9f8e8;
    border-radius:14px 5px 14px 14px;
    color:#173f31
}

/* Mesaj Balonu yerleşimini düzenle */
.message-bubble p {
    margin:0;
    white-space:normal
}

/* Mesaj Balonu yerleşimini düzenle */
.message-bubble small {
    display:block;
    text-align:right;
    color:#73847d;
    font-size:.59rem;
    margin-top:4px
}

/* Mesaj Tür yerleşimini düzenle */
.message-type {
    font-size:.65rem;
    color:var(--brand);
    display:block;
    margin-bottom:4px
}

/* Mesaj Hata yerleşimini düzenle */
.message-error {
    display:block;
    color:#c73535;
    font-size:.63rem;
    margin-top:4px
}

/* Mesaj Yazma yerleşimini düzenle */
.message-composer {
    display:grid;
    grid-template-columns:40px 1fr 40px 44px;
    gap:8px;
    align-items:end;
    padding:12px;
    border-top:1px solid var(--line);
    background:var(--surface)
}

/* Mesaj Yazma yerleşimini düzenle */
.message-composer textarea {
    resize:none;
    max-height:110px;
    border:1px solid var(--line);
    background:var(--surface-2);
    color:var(--ink);
    border-radius:12px;
    padding:11px;
    outline:none
}

/* Gönderme Düğme yerleşimini düzenle */
.send-btn {
    border:0;
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--brand);
    color:#fff
}

/* Sohbet Boş Durum yerleşimini düzenle */
.chat-empty {
    margin:auto;
    text-align:center;
    color:var(--muted)
}

/* Sohbet Boş Durum yerleşimini düzenle */
.chat-empty>span {
    width:75px;
    height:75px;
    border-radius:24px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:2rem;
    margin:0 auto 16px
}

/* Sohbet Boş Durum metnini biçimlendir */
.chat-empty h2 {
    font-size:1.1rem;
    color:var(--ink)
}

/* İletişim Panel görsel vurgusunu düzenle */
.contact-panel {
    border-left:1px solid var(--line);
    overflow:auto
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile {
    text-align:center;
    padding:25px 18px 18px
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile>span {
    width:70px;
    height:70px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:1.5rem;
    font-weight:800;
    margin:0 auto 12px
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile h2 {
    font-size:1rem;
    margin:0
}

/* İletişim Profil metnini biçimlendir */
.contact-profile p {
    color:var(--muted);
    font-size:.75rem
}

/* İletişim İstatistikler yerleşimini düzenle */
.contact-stats {
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:0 16px 15px;
    border:1px solid var(--line);
    border-radius:12px
}

/* İletişim İstatistikler yerleşimini düzenle */
.contact-stats div {
    padding:12px;
    text-align:center
}

/* İletişim İstatistikler görsel vurgusunu düzenle */
.contact-stats div+div {
    border-left:1px solid var(--line)
}

/* İletişim İstatistikler yerleşimini düzenle */
.contact-stats span {
    display:block;
    color:var(--muted);
    font-size:.63rem
}

/* İletişim Bölüm yerleşimini düzenle */
.contact-section {
    padding:16px;
    border-top:1px solid var(--line)
}

/* İletişim Bölüm yerleşimini düzenle */
.contact-section h3 {
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--muted);
    margin:0 0 12px
}

/* İletişim Bölüm yerleşimini düzenle */
.contact-section>a {
    display:flex;
    justify-content:space-between;
    padding:9px 0;
    border-bottom:1px solid var(--line)
}

/* İletişim Bölüm yerleşimini düzenle */
.contact-section>a div {
    display:flex;
    flex-direction:column
}

/* İletişim Bölüm metnini biçimlendir */
.contact-section>a small {
    color:var(--muted);
    font-size:.63rem
}

/* İletişim Bölüm metnini biçimlendir */
.contact-section>a span {
    font-weight:700;
    font-size:.7rem
}

/* Ayarlar Yerleşim yerleşimini düzenle */
.settings-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:20px;
    align-items:start
}

/* Ayarlar Ana yerleşimini düzenle */
.settings-main {
    display:flex;
    flex-direction:column;
    gap:20px
}

/* Form Kart yerleşimini düzenle */
.settings-main .form-card {
    padding:0 24px 24px
}

/* Panel Başlık görünümünü düzenle */
.settings-main .panel-head {
    padding-left:0;
    padding-right:0
}

/* Ayarlar Yan Panel yerleşimini düzenle */
.settings-aside {
    display:flex;
    flex-direction:column;
    gap:15px;
    position:sticky;
    top:97px
}

/* Meta İşaret metnini biçimlendir */
.meta-mark {
    font-weight:800;
    color:#0866ff;
    font-size:1.2rem
}

/* Bağlantı Rozet yerleşimini düzenle */
.connection-badge {
    display:flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border-radius:99px;
    background:var(--surface);
    border:1px solid var(--line);
    font-weight:700;
    font-size:.72rem
}

/* Bağlantı Rozet yerleşimini düzenle */
.connection-badge i {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f2a200
}

/* Bağlantı Rozet görsel vurgusunu düzenle */
.connection-badge.connected i {
    background:var(--brand)
}

/* Kopyalama Alan yerleşimini düzenle */
.copy-field {
    display:flex
}

/* Kopyalama Alan görsel vurgusunu düzenle */
.copy-field input {
    border-radius:11px 0 0 11px
}

/* Kopyalama Alan yerleşimini düzenle */
.copy-field button {
    width:48px;
    border:1px solid var(--line);
    border-left:0;
    background:var(--surface-2);
    color:var(--ink);
    border-radius:0 11px 11px 0
}

/* Bilgi Çağrısı yerleşimini düzenle */
.info-callout {
    display:flex;
    gap:12px;
    padding:16px;
    background:#eef5ff;
    border:1px solid #d8e7fb;
    border-radius:14px;
    color:#285b92
}

/* Bilgi Çağrısı yerleşimini düzenle */
.info-callout p {
    margin:3px 0 0;
    font-size:.72rem
}

/* Rapor Filtreleri, Özetleri ve Stok Görünümlerini Düzenle */
.report-filters {
    display:grid;
    grid-template-columns:1fr 170px 170px auto;
    gap:14px;
    align-items:end;
    padding:20px
}

/* Rapor Filtreler metnini biçimlendir */
.report-filters label {
    font-weight:700;
    font-size:.72rem;
    margin-bottom:6px
}

/* Rapor Ölçümler yerleşimini düzenle */
.report-metrics {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:20px 0
}

/* Rapor Ölçümler yerleşimini düzenle */
.report-metrics>div {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    padding:17px
}

/* Rapor Ölçümler yerleşimini düzenle */
.report-metrics span {
    display:block;
    color:var(--muted);
    font-size:.7rem
}

/* Rapor Ölçümler metnini biçimlendir */
.report-metrics strong {
    font-size:1.05rem
}

/* Stok Yerleşim yerleşimini düzenle */
.stock-layout {
    display:grid;
    grid-template-columns:390px minmax(0,1fr);
    gap:20px;
    align-items:start
}

/* Rapor Detay Bağlam yerleşimini düzenle */
.report-detail-context {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    padding:12px 20px;
    background:var(--surface-2);
    border-bottom:1px solid var(--line)
}

/* Rapor Detay Etiket yerleşimini düzenle */
.report-detail-label {
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-weight:800;
    color:var(--ink);
    margin-right:3px
}

/* Rapor Detay Etiket görsel vurgusunu düzenle */
.report-detail-label i {
    color:var(--brand)
}

/* Rapor Filtre Etiket yerleşimini düzenle */
.report-filter-chip {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--surface);
    color:var(--muted);
    font-size:.72rem;
    font-weight:700
}

/* Rapor Filtre Etiket görsel vurgusunu düzenle */
.report-filter-chip i {
    color:var(--brand)
}

/* Medya Tablo Önizleme yerleşimini düzenle */
.media-table-preview {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--ink);
    font-weight:700;
    white-space:nowrap
}

/* Medya Tablo Önizleme yerleşimini düzenle */
.media-table-preview img {
    width:54px;
    height:54px;
    object-fit:cover;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface-2)
}

/* Medya Tablo Önizleme metnini biçimlendir */
.media-table-preview span {
    color:var(--brand);
    font-size:.64rem
}

/* Medya Tablo Boş Durum yerleşimini düzenle */
.media-table-empty {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--muted);
    white-space:nowrap
}

/* Medya Form Önizleme görünümünü düzenle */
.media-form-preview {
    margin-top:10px
}

/* Medya Form Önizleme yerleşimini düzenle */
.media-form-preview>a {
    display:flex;
    align-items:center;
    gap:11px;
    width:min(100%,360px);
    padding:8px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-2);
    color:var(--ink)
}

/* Medya Form Önizleme yerleşimini düzenle */
.media-form-preview img {
    width:68px;
    height:58px;
    object-fit:cover;
    border-radius:8px;
    background:var(--surface)
}

/* Medya Form Önizleme yerleşimini düzenle */
.media-form-preview span {
    display:flex;
    flex:1;
    flex-direction:column
}

/* Medya Form Önizleme metnini biçimlendir */
.media-form-preview b {
    font-size:.7rem
}

/* Medya Form Önizleme metnini biçimlendir */
.media-form-preview small {
    color:var(--muted);
    font-size:.58rem
}

/* Medya Form Önizleme görsel vurgusunu düzenle */
.media-form-preview>a>i {
    margin-right:7px;
    color:var(--brand)
}

/* Ürün Galeri Düzenleyici yerleşimini düzenle */
.product-gallery-editor {
    margin-top:24px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface-2)
}

/* Ürün Galeri Başlık yerleşimini düzenle */
.product-gallery-heading {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px
}

/* Ürün Galeri Başlık yerleşimini düzenle */
.product-gallery-heading>span {
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center;
    flex:none
}

/* Ürün Galeri Başlık yerleşimini düzenle */
.product-gallery-heading h2 {
    margin:1px 0 4px;
    font-size:.9rem
}

/* Ürün Galeri Başlık yerleşimini düzenle */
.product-gallery-heading p {
    margin:0;
    color:var(--muted);
    font-size:.66rem;
    line-height:1.5
}

/* Ürün Galeri Yükleme yerleşimini düzenle */
.product-gallery-upload {
    position:relative;
    display:grid;
    grid-template-columns:36px 1fr auto;
    align-items:center;
    gap:12px;
    min-height:74px;
    padding:13px 16px;
    border:1px dashed color-mix(in srgb,var(--brand) 60%,var(--line));
    border-radius:14px;
    background:var(--surface);
    cursor:pointer;
    transition:.18s
}

/* Ürün Galeri Yükleme etkileşim durumunu göster */
.product-gallery-upload:hover {
    border-color:var(--brand);
    background:color-mix(in srgb,var(--brand-soft) 34%,var(--surface))
}

/* Ürün Galeri Yükleme yerleşimini düzenle */
.product-gallery-upload>i {
    width:36px;
    height:36px;
    border-radius:10px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center
}

/* Ürün Galeri Yükleme yerleşimini düzenle */
.product-gallery-upload>span {
    display:flex;
    min-width:0;
    flex-direction:column
}

/* Ürün Galeri Yükleme metnini biçimlendir */
.product-gallery-upload b {
    font-size:.72rem
}

/* Ürün Galeri Yükleme metnini biçimlendir */
.product-gallery-upload small {
    margin-top:3px;
    color:var(--muted);
    font-size:.59rem
}

/* Ürün Galeri Yükleme yerleşimini düzenle */
.product-gallery-upload>strong {
    padding:8px 11px;
    border-radius:9px;
    background:var(--brand);
    color:#fff;
    font-size:.64rem
}

/* Ürün Galeri Yükleme yerleşimini düzenle */
.product-gallery-upload input {
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none
}

/* Ürün Galeri Yeni Önizleme yerleşimini düzenle */
.product-gallery-new-preview,.product-gallery-existing {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:10px;
    margin-top:13px
}

/* Ürün Galeri Yeni Önizleme yerleşimini düzenle */
.product-gallery-new-preview article,.product-gallery-existing article {
    min-width:0;
    padding:7px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface)
}

/* Ürün Galeri Yeni Önizleme yerleşimini düzenle */
.product-gallery-new-preview article {
    display:flex;
    align-items:center;
    gap:8px
}

/* Ürün Galeri Yeni Önizleme yerleşimini düzenle */
.product-gallery-new-preview img {
    width:48px;
    height:48px;
    border-radius:8px;
    object-fit:cover
}

/* Ürün Galeri Yeni Önizleme yerleşimini düzenle */
.product-gallery-new-preview span {
    display:flex;
    min-width:0;
    flex-direction:column
}

/* Ürün Galeri Yeni Önizleme metnini biçimlendir */
.product-gallery-new-preview b {
    overflow:hidden;
    font-size:.6rem;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Ürün Galeri Yeni Önizleme metnini biçimlendir */
.product-gallery-new-preview small {
    color:var(--muted);
    font-size:.55rem
}

/* Ürün Galeri Mevcut Başlık yerleşimini düzenle */
.product-gallery-existing-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:18px;
    padding-top:17px;
    border-top:1px solid var(--line)
}

/* Ürün Galeri Mevcut Başlık yerleşimini düzenle */
.product-gallery-existing-head>div {
    display:flex;
    align-items:center;
    gap:7px
}

/* Ürün Galeri Mevcut Başlık metnini biçimlendir */
.product-gallery-existing-head b {
    font-size:.7rem
}

/* Ürün Galeri Mevcut Başlık yerleşimini düzenle */
.product-gallery-existing-head small {
    padding:3px 6px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:.53rem;
    font-weight:750
}

/* Ürün Galeri Mevcut Başlık metnini biçimlendir */
.product-gallery-existing-head>a {
    color:var(--brand);
    font-size:.62rem;
    font-weight:750
}

/* Ürün Galeri Mevcut yerleşimini düzenle */
.product-gallery-existing article>a {
    display:block;
    aspect-ratio:4/3;
    border-radius:8px;
    overflow:hidden;
    background:var(--surface-2)
}

/* Ürün Galeri Mevcut yerleşimini düzenle */
.product-gallery-existing article>a img {
    width:100%;
    height:100%;
    object-fit:cover
}

/* Ürün Galeri Mevcut yerleşimini düzenle */
.product-gallery-existing article>div {
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:8px 2px 2px
}

/* Ürün Galeri Mevcut metnini biçimlendir */
.product-gallery-existing article>div>span {
    overflow:hidden;
    font-size:.63rem;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Ürün Galeri Mevcut metnini biçimlendir */
.product-gallery-existing article>div>small {
    margin-top:2px;
    color:var(--muted);
    font-size:.55rem
}

/* Ürün Galeri Kaldırma görünümünü düzenle */
.product-gallery-remove {
    margin-top:8px;
    cursor:pointer
}

/* Ürün Galeri Kaldırma yerleşimini düzenle */
.product-gallery-remove input {
    position:absolute;
    opacity:0;
    pointer-events:none
}

/* Ürün Galeri Kaldırma yerleşimini düzenle */
.product-gallery-remove span {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:7px;
    border:1px solid var(--line);
    border-radius:8px;
    color:var(--muted);
    font-size:.57rem;
    font-weight:700;
    transition:.18s
}

/* Ürün Galeri Kaldırma etkileşim durumunu göster */
.product-gallery-remove input:checked+span {
    border-color:#f0b6b6;
    background:#fff0f0;
    color:#c23f3f
}

/* Medya Kütüphane Panel yerleşimini düzenle */
.media-library-panel {
    padding:18px
}

/* Medya Kütüphane Izgara yerleşimini düzenle */
.media-library-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:15px
}

/* Medya Kütüphane Kart yerleşimini düzenle */
.media-library-card {
    min-width:0;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface);
    overflow:hidden;
    transition:.18s
}

/* Medya Kütüphane Kart etkileşim durumunu göster */
.media-library-card:hover {
    transform:translateY(-2px);
    box-shadow:var(--shadow)
}

/* Medya Kütüphane Görsel yerleşimini düzenle */
.media-library-image {
    position:relative;
    display:block;
    aspect-ratio:4/3;
    background:var(--surface-2);
    overflow:hidden
}

/* Medya Kütüphane Görsel yerleşimini düzenle */
.media-library-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.25s
}

/* Medya Kütüphane Görsel etkileşim durumunu göster */
.media-library-card:hover .media-library-image img {
    transform:scale(1.025)
}

/* Medya Kütüphane Görsel yerleşimini düzenle */
.media-library-image span {
    position:absolute;
    left:9px;
    top:9px;
    padding:5px 8px;
    border-radius:99px;
    background:rgba(18,35,28,.82);
    color:#fff;
    font-size:.55rem;
    font-weight:750;
    backdrop-filter:blur(5px)
}

/* Medya Kütüphane Kopyalama yerleşimini düzenle */
.media-library-copy {
    padding:13px
}

/* Medya Kütüphane Kopyalama yerleşimini düzenle */
.media-library-copy h2 {
    margin:0 0 5px;
    font-size:.78rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Medya Kütüphane Kopyalama yerleşimini düzenle */
.media-library-copy p {
    min-height:32px;
    margin:0;
    color:var(--muted);
    font-size:.61rem;
    line-height:1.45
}

/* Medya Kütüphane Meta yerleşimini düzenle */
.media-library-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid var(--line)
}

/* Medya Kütüphane Meta yerleşimini düzenle */
.media-library-meta code {
    min-width:0;
    color:var(--muted);
    font-size:.54rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Medya Kütüphane Meta yerleşimini düzenle */
.media-library-meta a {
    flex:none;
    color:var(--brand);
    font-size:.62rem;
    font-weight:750
}

/* Ürün Galerisi Mobil Düzeni */
@media(max-width:767px) {
/* Ürün Galeri Düzenleyici yerleşimini düzenle */
    .product-gallery-editor {
        padding:15px
    }

/* Ürün Galeri Yükleme yerleşimini düzenle */
    .product-gallery-upload {
        grid-template-columns:34px 1fr;
        padding:12px
    }

/* Ürün Galeri Yükleme metnini biçimlendir */
    .product-gallery-upload>strong {
        grid-column:1/-1;
        text-align:center
    }

/* Ürün Galeri Mevcut Başlık görünümünü düzenle */
    .product-gallery-existing-head {
        align-items:flex-start;
        flex-direction:column
    }

/* Ürün Galeri Yeni Önizleme görünümünü düzenle */
    .product-gallery-new-preview,.product-gallery-existing {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

}

/* Hata Sayfa yerleşimini düzenle */
.error-page {
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px;
    background:var(--surface-2)
}

/* Hata Kod yerleşimini düzenle */
.error-code {
    font-size:7rem;
    line-height:1;
    font-weight:850;
    letter-spacing:-.08em;
    color:var(--brand)
}

/* Hata Sayfa yerleşimini düzenle */
.error-page h1 {
    margin:20px 0 8px
}

/* Hata Sayfa yerleşimini düzenle */
.error-page p {
    color:var(--muted);
    max-width:500px
}

/* Yönetim Giriş Ekranını ve Yardım Bağlantılarını Düzenle */
.login-body {
    background:#f5f8f7
}

/* Giriş Kabuk yerleşimini düzenle */
.login-shell {
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(420px,.8fr) minmax(520px,1.2fr)
}

/* Giriş Panel yerleşimini düzenle */
.login-panel {
    background:#fff;
    padding:50px clamp(40px,7vw,110px);
    display:flex;
    flex-direction:column;
    justify-content:center
}

/* Giriş Panel yerleşimini düzenle */
.login-panel>.brand {
    padding:0
}

/* Giriş Panel görsel vurgusunu düzenle */
.login-panel .brand strong {
    color:#182820
}

/* Giriş Kopyalama yerleşimini düzenle */
.login-copy h1 {
    font-size:clamp(2.2rem,4vw,3.5rem);
    line-height:1.05;
    letter-spacing:-.06em;
    margin:0 0 18px
}

/* Giriş Kopyalama yerleşimini düzenle */
.login-copy p {
    font-size:.95rem;
    color:#6e7e77;
    line-height:1.7;
    margin-bottom:30px
}

/* Giriş Form yerleşimini düzenle */
.login-form {
    max-width:480px
}

/* Form Yüzen yerleşimini düzenle */
.password-group>.form-floating {
    flex:1
}

/* Parola Grup görsel vurgusunu düzenle */
.password-group .btn {
    border-radius:0 10px 10px 0
}

/* Demo giriş bilgilerini formdan önce belirgin bir kartta göster. */
.demo-login-card {
    max-width:480px;
    margin:0 0 22px;
    padding:16px;
    border:1px solid #bde7d5;
    border-radius:16px;
    background:linear-gradient(135deg,#effaf5,#fbfefd);
    box-shadow:0 12px 30px rgba(19,128,88,.08)
}

/* Demo kartının başlık ve simgesini aynı satırda hizala. */
.demo-login-heading {
    display:flex;
    align-items:center;
    gap:11px
}

/* Demo kartı simgesini WhatsApp renkleriyle vurgula. */
.demo-login-heading>span {
    width:39px;
    height:39px;
    flex:none;
    border-radius:11px;
    background:#0e8f64;
    color:#fff;
    display:grid;
    place-items:center
}

/* Demo kartı başlık metinlerini dikey sırala. */
.demo-login-heading>div {
    display:flex;
    flex-direction:column
}

/* Demo kartı başlığını okunaklı biçimlendir. */
.demo-login-heading strong {
    color:#173d2f;
    font-size:.82rem
}

/* Demo kartı açıklamasını ikincil renkte göster. */
.demo-login-heading small {
    margin-top:2px;
    color:#668078;
    font-size:.64rem
}

/* Kullanıcı adı ve şifreyi iki dengeli sütuna yerleştir. */
.demo-login-values {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:13px 0
}

/* Her demo değerini ayrı ve taşmaya dayanıklı kutuda göster. */
.demo-login-values>span {
    min-width:0;
    padding:9px 10px;
    border:1px solid #d8ebe3;
    border-radius:10px;
    background:#fff;
    display:flex;
    flex-direction:column
}

/* Demo değer etiketlerini küçük üst başlık olarak biçimlendir. */
.demo-login-values small {
    color:#779087;
    font-size:.58rem;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.05em
}

/* Demo kullanıcı bilgilerini kutu içinde taşmadan göster. */
.demo-login-values code {
    overflow:hidden;
    color:#174b38;
    font-size:.7rem;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Demo bilgi kartını dar mobil ekranda tek sütuna indir. */
@media(max-width:420px) {
    /* Demo kullanıcı bilgilerini mobil ekranda alt alta göster. */
    .demo-login-values {
        grid-template-columns:1fr
    }
}

/* Giriş Görsel yerleşimini düzenle */
.login-visual {
    position:relative;
    overflow:hidden;
    background:linear-gradient(145deg,#0c7957,#064a37);
    display:grid;
    place-items:center;
    color:#fff
}

/* Görsel Dekoratif Küre yerleşimini düzenle */
.visual-orb {
    position:absolute;
    border-radius:50%;
    filter:blur(2px)
}

/* Dekoratif Küre Tek yerleşimini düzenle */
.orb-one {
    width:420px;
    height:420px;
    background:rgba(78,223,165,.11);
    right:-100px;
    top:-100px
}

/* Dekoratif Küre Çift yerleşimini düzenle */
.orb-two {
    width:300px;
    height:300px;
    background:rgba(255,255,255,.05);
    left:-80px;
    bottom:-80px
}

/* Görsel Kart yerleşimini düzenle */
.visual-card {
    position:absolute;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(15px);
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.18)
}

/* Sipariş Kart yerleşimini düzenle */
.order-card {
    width:310px;
    top:20%;
    left:14%;
    padding:18px;
    display:grid;
    grid-template-columns:48px 1fr auto;
    align-items:center;
    gap:12px;
    transform:rotate(-3deg)
}

/* Görsel Simge yerleşimini düzenle */
.visual-icon {
    width:46px;
    height:46px;
    border-radius:13px;
    background:#45d79e;
    color:#064a37;
    display:grid;
    place-items:center
}

/* Sipariş Kart yerleşimini düzenle */
.order-card div {
    display:flex;
    flex-direction:column
}

/* Sohbet Kart görsel vurgusunu düzenle */
.order-card small,.chat-card small {
    color:#c8e5da
}

/* Sipariş Kart görsel vurgusunu düzenle */
.order-card>b {
    color:#77e4ba
}

/* Sohbet Kart yerleşimini düzenle */
.chat-card {
    width:330px;
    right:10%;
    top:45%;
    padding:17px;
    display:grid;
    grid-template-columns:11px 1fr auto;
    gap:10px;
    align-items:start;
    transform:rotate(2deg)
}

/* Çevrim Içi Nokta yerleşimini düzenle */
.online-dot {
    width:10px;
    height:10px;
    border-radius:50%;
    background:#5beaaf;
    margin-top:5px
}

/* Sohbet Kart yerleşimini düzenle */
.chat-card p {
    margin:3px 0 0;
    color:#d6eae2
}

/* Görsel Alıntı yerleşimini düzenle */
.visual-quote {
    position:absolute;
    bottom:12%;
    left:16%;
    max-width:480px
}

/* Görsel Alıntı metnini biçimlendir */
.visual-quote i {
    color:#54dda8;
    font-size:1.5rem
}

/* Görsel Alıntı yerleşimini düzenle */
.visual-quote p {
    font-size:1.45rem;
    line-height:1.45;
    font-weight:650
}

/* WhatsApp Cloud API Kurulum Rehberini Düzenle */
.api-guide-hero {
    padding:75px 0;
    background:radial-gradient(circle at 88% 10%,rgba(55,211,142,.18),transparent 30%),linear-gradient(145deg,#edf9f4,#fff);
    overflow:hidden
}

/* API Rehber Tanıtım Izgara yerleşimini düzenle */
.api-guide-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1.1fr) 420px;
    gap:80px;
    align-items:center
}

/* API Rehber Tanıtım yerleşimini düzenle */
.api-guide-hero h1 {
    font-size:clamp(2.6rem,5vw,4.7rem);
    line-height:1.02;
    letter-spacing:-.062em;
    margin:0
}

/* API Rehber Tanıtım metnini biçimlendir */
.api-guide-hero h1 em {
    font-style:normal;
    color:var(--brand)
}

/* API Rehber Tanıtım yerleşimini düzenle */
.api-guide-hero p {
    max-width:720px;
    margin:22px 0 28px;
    color:#63766d;
    font-size:1rem;
    line-height:1.75
}

/* API Rehber İşlemler yerleşimini düzenle */
.api-guide-actions {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}

/* Kimlik Bilgisi Harita Kart yerleşimini düzenle */
.credential-map-card {
    padding:24px;
    border:1px solid #d7e8e1;
    border-radius:23px;
    background:rgba(255,255,255,.9);
    box-shadow:0 25px 65px rgba(20,78,57,.11)
}

/* Kimlik Bilgisi Harita Başlık yerleşimini düzenle */
.credential-map-title {
    display:block;
    margin-bottom:13px;
    color:#71837b;
    font-size:.67rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em
}

/* Kimlik Bilgisi Harita Kart yerleşimini düzenle */
.credential-map-card>div {
    display:grid;
    grid-template-columns:28px 1fr 28px;
    align-items:center;
    gap:10px;
    padding:11px 7px;
    border-top:1px solid #e6eeea
}

/* Kimlik Bilgisi Harita Kart metnini biçimlendir */
.credential-map-card b {
    color:#b2c3bc;
    font-size:.64rem
}

/* Kimlik Bilgisi Harita Kart metnini biçimlendir */
.credential-map-card span {
    font-size:.76rem;
    font-weight:750
}

/* Kimlik Bilgisi Harita Kart yerleşimini düzenle */
.credential-map-card i {
    width:27px;
    height:27px;
    border-radius:8px;
    background:#e9f7f1;
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:.7rem
}

/* API Giriş Bölüm yerleşimini düzenle */
.api-intro-section {
    padding:35px 0;
    background:#fff
}

/* API Tanım Izgara yerleşimini düzenle */
.api-definition-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px
}

/* API Tanım Izgara yerleşimini düzenle */
.api-definition-grid article {
    display:grid;
    grid-template-columns:48px 1fr;
    gap:15px;
    padding:22px;
    border:1px solid #dce9e4;
    border-radius:17px;
    background:#f7fbf9
}

/* API Tanım Izgara yerleşimini düzenle */
.api-definition-grid article>span {
    width:46px;
    height:46px;
    border-radius:13px;
    background:#e3f7ee;
    color:var(--brand);
    display:grid;
    place-items:center
}

/* API Tanım Izgara yerleşimini düzenle */
.api-definition-grid h2 {
    font-size:.95rem;
    margin:1px 0 7px
}

/* API Tanım Izgara yerleşimini düzenle */
.api-definition-grid p {
    margin:0;
    color:#687a72;
    font-size:.73rem;
    line-height:1.65
}

/* API Tanım Izgara görsel vurgusunu düzenle */
.api-definition-grid .warning {
    background:#fff8e9;
    border-color:#eddbae
}

/* API Tanım Izgara görsel vurgusunu düzenle */
.api-definition-grid .warning>span {
    background:#fff0cb;
    color:#bd7b00
}

/* API Rehber Bölüm yerleşimini düzenle */
.api-guide-section {
    padding:55px 0 90px
}

/* API Rehber Yerleşim yerleşimini düzenle */
.api-guide-layout {
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:40px;
    align-items:start
}

/* API Rehber İçindekiler yerleşimini düzenle */
.api-guide-toc {
    position:sticky;
    top:100px;
    display:flex;
    flex-direction:column;
    padding:18px;
    border:1px solid #dfe9e5;
    border-radius:17px;
    background:#fff;
    box-shadow:0 12px 35px rgba(24,69,52,.06)
}

/* API Rehber İçindekiler yerleşimini düzenle */
.api-guide-toc>span {
    padding:3px 8px 11px;
    color:#7a8982;
    font-size:.63rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em
}

/* API Rehber İçindekiler yerleşimini düzenle */
.api-guide-toc a {
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px;
    border-radius:9px;
    color:#65776e;
    font-size:.69rem;
    font-weight:700
}

/* API Rehber İçindekiler etkileşim durumunu göster */
.api-guide-toc a:hover {
    background:#edf8f3;
    color:var(--brand)
}

/* API Rehber İçindekiler yerleşimini düzenle */
.api-guide-toc b {
    width:22px;
    height:22px;
    border-radius:7px;
    background:#f0f5f3;
    color:#81928a;
    display:grid;
    place-items:center;
    font-size:.6rem
}

/* API Rehber İçerik yerleşimini düzenle */
.api-guide-content {
    display:flex;
    flex-direction:column;
    gap:18px;
    min-width:0
}

/* API Adım yerleşimini düzenle */
.api-step {
    scroll-margin-top:100px;
    padding:32px;
    border:1px solid #dfe8e4;
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 35px rgba(28,71,54,.045)
}

/* API Adım Başlık yerleşimini düzenle */
.api-step-heading {
    display:grid;
    grid-template-columns:48px 1fr;
    gap:14px;
    align-items:center;
    margin-bottom:22px
}

/* API Adım Başlık yerleşimini düzenle */
.api-step-heading>span {
    width:47px;
    height:47px;
    border-radius:14px;
    background:#e7f7f0;
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:1rem;
    font-weight:850
}

/* API Adım Başlık yerleşimini düzenle */
.api-step-heading small {
    display:block;
    color:var(--brand);
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em
}

/* API Adım Başlık yerleşimini düzenle */
.api-step-heading h2 {
    font-size:1.35rem;
    letter-spacing:-.03em;
    margin:2px 0 0
}

/* API Adım yerleşimini düzenle */
.api-step>p {
    color:#65776e;
    line-height:1.75;
    font-size:.78rem
}

/* Kontrol Liste yerleşimini düzenle */
.check-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    list-style:none;
    padding:0;
    margin:20px 0
}

/* Kontrol Liste yerleşimini düzenle */
.check-list li {
    position:relative;
    padding:13px 13px 13px 40px;
    border:1px solid #e0e9e5;
    border-radius:12px;
    color:#53675e;
    font-size:.72rem
}

/* Kontrol Liste yerleşimini düzenle */
.check-list li:before {
    content:"\f00c";
    position:absolute;
    left:14px;
    color:var(--brand);
    font-family:"Font Awesome 6 Free";
    font-weight:900
}

/* API Not yerleşimini düzenle */
.api-note {
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin:20px 0;
    padding:15px;
    border:1px solid #efd6a2;
    border-radius:13px;
    background:#fff8e9;
    color:#765817
}

/* API Not görsel vurgusunu düzenle */
.api-note>i {
    margin-top:3px;
    color:#c2840e
}

/* API Not yerleşimini düzenle */
.api-note p {
    margin:0!important;
    color:#836a36!important;
    font-size:.71rem!important;
    line-height:1.65!important
}

/* API Not görsel vurgusunu düzenle */
.api-note.neutral {
    border-color:#cfe0ee;
    background:#f0f7fd;
    color:#30618b
}

/* API Not görsel vurgusunu düzenle */
.api-note.neutral>i {
    color:#3979ae
}

/* API Not görsel vurgusunu düzenle */
.api-note.neutral p {
    color:#416c90!important
}

/* API Not görsel vurgusunu düzenle */
.api-note.success {
    border-color:#c7e8da;
    background:#edf9f4
}

/* API Not görsel vurgusunu düzenle */
.api-note.success>i {
    color:var(--brand)
}

/* API Not görsel vurgusunu düzenle */
.api-note.success p {
    color:#3d6e5b!important
}

/* API Not görsel vurgusunu düzenle */
.api-note.danger {
    border-color:#efc5c5;
    background:#fff1f1
}

/* API Not görsel vurgusunu düzenle */
.api-note.danger>i {
    color:#ce3f3f
}

/* API Not görsel vurgusunu düzenle */
.api-note.danger p {
    color:#8a4545!important
}

/* API Not metnini biçimlendir */
.api-note a {
    font-weight:750;
    text-decoration:underline;
    text-underline-offset:2px
}

/* Harici Bağlantılar Satır yerleşimini düzenle */
.external-links-row {
    display:flex;
    gap:9px;
    flex-wrap:wrap
}

/* Harici Bağlantılar Satır yerleşimini düzenle */
.external-links-row a {
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 11px;
    border:1px solid #dbe7e2;
    border-radius:9px;
    color:#3d6857;
    font-size:.68rem;
    font-weight:750
}

/* Detay Liste yerleşimini düzenle */
.detail-list {
    padding-left:20px;
    margin:18px 0;
    color:#596c63
}

/* Detay Liste yerleşimini düzenle */
.detail-list li {
    padding:5px 0 5px 6px;
    line-height:1.7;
    font-size:.75rem
}

/* Detay Liste metnini biçimlendir */
.detail-list li::marker {
    color:var(--brand);
    font-weight:850
}

/* Detay Liste metnini biçimlendir */
.detail-list a {
    color:var(--brand);
    font-weight:750
}

/* API Adım yerleşimini düzenle */
.detail-list code,.api-step p code {
    padding:2px 5px;
    border-radius:5px;
    background:#eef5f2;
    color:#17684a
}

/* Detay Liste görünümünü düzenle */
.detail-list.compact li {
    padding-top:3px;
    padding-bottom:3px
}

/* API Terim yerleşimini düzenle */
.api-term {
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:16px;
    border-left:4px solid var(--brand);
    background:#eff8f4;
    border-radius:0 11px 11px 0
}

/* API Terim metnini biçimlendir */
.api-term strong {
    font-size:.78rem;
    color:#236149
}

/* API Terim yerleşimini düzenle */
.api-term span {
    color:#5e776c;
    font-size:.71rem;
    line-height:1.6
}

/* Ekran Yol yerleşimini düzenle */
.screen-path {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:20px 0;
    padding:13px 15px;
    border:1px dashed #c6dcd3;
    border-radius:12px;
    background:#f7fbf9;
    color:#687b72;
    font-size:.7rem
}

/* Ekran Yol metnini biçimlendir */
.screen-path i {
    font-size:.55rem;
    color:#9cafA6
}

/* Ekran Yol görsel vurgusunu düzenle */
.screen-path strong {
    color:var(--brand)
}

/* Kimlik Konum Izgara yerleşimini düzenle */
.id-location-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:11px;
    margin:20px 0
}

/* Kimlik Konum Izgara yerleşimini düzenle */
.id-location-grid article {
    padding:17px;
    border:1px solid #dfe9e5;
    border-radius:13px;
    background:#f8fbfa
}

/* Kimlik Konum Izgara yerleşimini düzenle */
.id-location-grid span {
    display:block;
    color:#819189;
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em
}

/* Kimlik Konum Izgara yerleşimini düzenle */
.id-location-grid strong {
    display:block;
    margin:6px 0;
    color:#1d513e;
    font-size:.77rem
}

/* Kimlik Konum Izgara yerleşimini düzenle */
.id-location-grid p {
    margin:0;
    color:#6e8077;
    font-size:.66rem;
    line-height:1.55
}

/* Yetki Izgara yerleşimini düzenle */
.permission-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin:20px 0
}

/* Yetki Izgara yerleşimini düzenle */
.permission-grid>div {
    display:grid;
    grid-template-columns:minmax(220px,.75fr) 1fr;
    gap:16px;
    align-items:center;
    padding:12px 14px;
    border:1px solid #dde8e3;
    border-radius:11px
}

/* Yetki Izgara metnini biçimlendir */
.permission-grid code {
    color:#0c7e58;
    font-size:.7rem;
    font-weight:750
}

/* Yetki Izgara metnini biçimlendir */
.permission-grid span {
    color:#708178;
    font-size:.68rem
}

/* Alan Harita Tablo Kapsayıcı yerleşimini düzenle */
.field-map-table-wrap {
    overflow:auto;
    border:1px solid #dde8e3;
    border-radius:14px;
    margin:20px 0
}

/* Alan Harita Tablo yerleşimini düzenle */
.field-map-table {
    width:100%;
    min-width:710px;
    border-collapse:collapse
}

/* Alan Harita Tablo yerleşimini düzenle */
.field-map-table th {
    padding:12px 14px;
    background:#f2f7f5;
    color:#718179;
    font-size:.62rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    text-align:left
}

/* Alan Harita Tablo yerleşimini düzenle */
.field-map-table td {
    padding:13px 14px;
    border-top:1px solid #e2ebe7;
    color:#63756c;
    font-size:.69rem
}

/* Alan Harita Tablo görsel vurgusunu düzenle */
.field-map-table td:first-child {
    color:#243b31
}

/* Alan Harita Tablo görsel vurgusunu düzenle */
.field-map-table code {
    color:#0a8058
}

/* API Panel Eylem Çağrısı yerleşimini düzenle */
.api-panel-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px;
    border-radius:13px;
    background:#14281f;
    color:#fff
}

/* API Panel Eylem Çağrısı yerleşimini düzenle */
.api-panel-cta>div {
    display:flex;
    align-items:center;
    gap:12px
}

/* API Panel Eylem Çağrısı yerleşimini düzenle */
.api-panel-cta>div>i {
    width:38px;
    height:38px;
    border-radius:11px;
    background:#214439;
    color:#63d9ac;
    display:grid;
    place-items:center
}

/* API Panel Eylem Çağrısı yerleşimini düzenle */
.api-panel-cta span {
    display:flex;
    flex-direction:column
}

/* API Panel Eylem Çağrısı metnini biçimlendir */
.api-panel-cta small {
    color:#91a79e;
    font-size:.63rem
}

/* Webhook Gösterim yerleşimini düzenle */
.webhook-display {
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
    padding:15px;
    border:1px solid #dce8e3;
    border-radius:13px;
    background:#f7faf9;
    margin:18px 0
}

/* Webhook Gösterim yerleşimini düzenle */
.webhook-display>div {
    min-width:0;
    display:flex;
    flex-direction:column
}

/* Webhook Gösterim metnini biçimlendir */
.webhook-display span {
    color:#75867e;
    font-size:.62rem
}

/* Webhook Gösterim görsel vurgusunu düzenle */
.webhook-display code {
    margin-top:4px;
    color:#225b45;
    white-space:normal;
    overflow-wrap:anywhere
}

/* Webhook Gösterim yerleşimini düzenle */
.webhook-display button {
    border:0;
    border-radius:9px;
    background:#e5f5ee;
    color:#0d805a;
    padding:9px 11px;
    font-size:.67rem;
    font-weight:750
}

/* Webhook Gösterim görsel vurgusunu düzenle */
.webhook-display.ready {
    border-color:#bfe3d3;
    background:#f0faf6
}

/* Not Hazır görsel vurgusunu düzenle */
.webhook-display.not-ready {
    border-color:#eed4b0;
    background:#fffaf1
}

/* Webhook Akış yerleşimini düzenle */
.webhook-flow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:23px;
    padding:18px;
    border-radius:14px;
    background:#f1f7f4
}

/* Webhook Akış yerleşimini düzenle */
.webhook-flow>div {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}

/* Webhook Akış metnini biçimlendir */
.webhook-flow span {
    font-weight:800;
    font-size:.7rem;
    color:#235440
}

/* Webhook Akış metnini biçimlendir */
.webhook-flow small {
    color:#7a8c83;
    font-size:.59rem
}

/* Webhook Akış metnini biçimlendir */
.webhook-flow>i {
    color:#a6bbb2;
    font-size:.65rem
}

/* Kod Komut yerleşimini düzenle */
.code-command {
    display:grid;
    grid-template-columns:1fr 42px;
    align-items:center;
    margin:18px 0;
    border:1px solid #29483d;
    border-radius:12px;
    overflow:hidden;
    background:#11261e
}

/* Kod Komut yerleşimini düzenle */
.code-command code {
    padding:14px;
    color:#78e2b8;
    overflow-wrap:anywhere
}

/* Kod Komut görsel vurgusunu düzenle */
.code-command button {
    align-self:stretch;
    border:0;
    border-left:1px solid #29483d;
    background:#1a342b;
    color:#7eddb9
}

/* Test Kontrol Izgara yerleşimini düzenle */
.test-check-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin:18px 0
}

/* Test Kontrol Izgara yerleşimini düzenle */
.test-check-grid>div {
    display:flex;
    gap:10px;
    align-items:center;
    padding:13px;
    border:1px solid #dfe9e5;
    border-radius:11px
}

/* Test Kontrol Izgara yerleşimini düzenle */
.test-check-grid>div>i {
    width:29px;
    height:29px;
    border-radius:9px;
    background:#e7f7f0;
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:.65rem
}

/* Test Kontrol Izgara yerleşimini düzenle */
.test-check-grid span {
    display:flex;
    flex-direction:column
}

/* Test Kontrol Izgara metnini biçimlendir */
.test-check-grid strong {
    font-size:.72rem
}

/* Test Kontrol Izgara metnini biçimlendir */
.test-check-grid small {
    color:#7a8b83;
    font-size:.62rem
}

/* Sorun Giderme Liste yerleşimini düzenle */
.troubleshooting-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}

/* Sorun Giderme Liste yerleşimini düzenle */
.troubleshooting-list article {
    padding:16px;
    border:1px solid #dfe8e4;
    border-radius:12px;
    background:#fafcfb
}

/* Sorun Giderme Liste metnini biçimlendir */
.troubleshooting-list strong {
    font-size:.74rem;
    color:#254e3e
}

/* Sorun Giderme Liste yerleşimini düzenle */
.troubleshooting-list p {
    margin:6px 0 0;
    color:#6b7d74;
    font-size:.67rem;
    line-height:1.6
}

/* Sorun Giderme Liste görsel vurgusunu düzenle */
.troubleshooting-list code {
    color:#0d7c57
}

/* API Resmi Kaynaklar yerleşimini düzenle */
.api-official-sources {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:50px;
    padding:31px;
    border-radius:21px;
    background:#11251d;
    color:#fff
}

/* API Resmi Kaynaklar metnini biçimlendir */
.api-official-sources h2 {
    font-size:1.35rem;
    letter-spacing:-.03em
}

/* API Resmi Kaynaklar yerleşimini düzenle */
.api-official-sources p {
    color:#8fa69d;
    font-size:.72rem;
    line-height:1.65
}

/* API Resmi Kaynaklar yerleşimini düzenle */
.api-official-sources>div:last-child {
    display:flex;
    flex-direction:column
}

/* API Resmi Kaynaklar yerleşimini düzenle */
.api-official-sources a {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:12px 0;
    border-bottom:1px solid #2a473c;
    color:#c8d9d2;
    font-size:.72rem
}

/* API Resmi Kaynaklar etkileşim durumunu göster */
.api-official-sources a:hover {
    color:#62dbad
}

/* API Resmi Kaynaklar metnini biçimlendir */
.api-official-sources a i {
    font-size:.65rem
}

/* Meta Katalog Senkronu ve Yönetim Hazırlık Durumunu Düzenle */
.catalog-sync-summary {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:20px
}

/* Katalog Eşitleme Özet yerleşimini düzenle */
.catalog-sync-summary>div {
    display:grid;
    grid-template-columns:42px 1fr;
    gap:0 12px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface-2)
}

/* Katalog Eşitleme Özet yerleşimini düzenle */
.catalog-sync-summary>div>span {
    grid-row:span 2;
    width:40px;
    height:40px;
    border-radius:11px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center
}

/* Katalog Eşitleme Özet metnini biçimlendir */
.catalog-sync-summary strong {
    align-self:end;
    font-size:.82rem
}

/* Katalog Eşitleme Özet metnini biçimlendir */
.catalog-sync-summary small {
    color:var(--muted);
    font-size:.64rem
}

/* Katalog Eşitleme İşlemler yerleşimini düzenle */
.catalog-sync-actions {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:17px
}

/* Katalog API Not görünümünü düzenle */
.catalog-api-note {
    margin-top:17px
}

/* Katalog Kurallar Kart metnini biçimlendir */
.catalog-rules-card h2 {
    font-size:.88rem
}

/* Katalog Kurallar Kart yerleşimini düzenle */
.catalog-rules-card ul {
    list-style:none;
    padding:0;
    margin:13px 0 0
}

/* Katalog Kurallar Kart yerleşimini düzenle */
.catalog-rules-card li {
    position:relative;
    padding:6px 0 6px 20px;
    color:var(--muted);
    font-size:.69rem
}

/* Katalog Kurallar Kart yerleşimini düzenle */
.catalog-rules-card li:before {
    content:"\f00c";
    position:absolute;
    left:0;
    color:var(--brand);
    font-family:"Font Awesome 6 Free";
    font-weight:900
}

/* Katalog Mesaj Araçlar yerleşimini düzenle */
.catalog-message-tools {
    border-top:1px solid var(--line);
    background:var(--surface);
    padding:8px 12px
}

/* Katalog Mesaj Araçlar yerleşimini düzenle */
.catalog-message-tools>button {
    border:0;
    background:var(--brand-soft);
    color:var(--brand);
    border-radius:9px;
    padding:8px 11px;
    font-size:.68rem;
    font-weight:750
}

/* Katalog Mesaj Araçlar yerleşimini düzenle */
.catalog-message-tools form {
    display:grid;
    grid-template-columns:220px minmax(170px,1fr) minmax(170px,1fr) auto;
    gap:8px;
    align-items:center;
    padding-top:10px
}

/* Katalog Tür Seçenekler yerleşimini düzenle */
.catalog-type-options {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px
}

/* Katalog Tür Seçenekler yerleşimini düzenle */
.catalog-type-options input {
    position:absolute;
    opacity:0
}

/* Katalog Tür Seçenekler yerleşimini düzenle */
.catalog-type-options span {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:9px;
    border:1px solid var(--line);
    border-radius:9px;
    cursor:pointer;
    color:var(--muted);
    font-size:.64rem
}

/* Katalog Tür Seçenekler etkileşim durumunu göster */
.catalog-type-options input:checked+span {
    border-color:var(--brand);
    background:var(--brand-soft);
    color:var(--brand)
}

/* Katalog Mesaj Araçlar yerleşimini düzenle */
.catalog-message-tools.catalog-missing {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:var(--muted);
    font-size:.66rem
}

/* Katalog Mesaj Araçlar görsel vurgusunu düzenle */
.catalog-message-tools.catalog-missing i {
    color:#d69213;
    margin-right:5px
}

/* Katalog Mesaj Araçlar metnini biçimlendir */
.catalog-message-tools.catalog-missing a {
    color:var(--brand);
    font-weight:750
}

/* Katalog Grup Paylaşım yerleşimini düzenle */
.catalog-group-share {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    padding:9px 12px;
    border:1px solid #bde4d3;
    border-radius:10px;
    background:#ecf9f3;
    color:#087a55;
    font-size:.7rem;
    font-weight:750
}

/* Katalog Grup Paylaşım metnini biçimlendir */
.catalog-group-share>i {
    font-size:1rem
}

/* Katalog Grup Paylaşım metnini biçimlendir */
.catalog-group-share small {
    padding-left:8px;
    border-left:1px solid #bde4d3;
    color:#668178;
    font-size:.59rem;
    font-weight:600
}

/* Ürün WhatsApp Paylaşım yerleşimini düzenle */
.product-whatsapp-share {
    display:grid;
    grid-template-columns:34px 1fr auto;
    align-items:center;
    gap:10px;
    margin-top:12px;
    padding:11px 13px;
    border:1px solid #bde4d3;
    border-radius:11px;
    background:#ecf9f3;
    color:#087a55
}

/* Ürün WhatsApp Paylaşım metnini biçimlendir */
.product-whatsapp-share>i:first-child {
    font-size:1.35rem
}

/* Ürün WhatsApp Paylaşım metnini biçimlendir */
.product-whatsapp-share>i:last-child {
    font-size:.68rem
}

/* Ürün WhatsApp Paylaşım yerleşimini düzenle */
.product-whatsapp-share span {
    display:flex;
    flex-direction:column
}

/* Ürün WhatsApp Paylaşım metnini biçimlendir */
.product-whatsapp-share strong {
    font-size:.7rem
}

/* Ürün WhatsApp Paylaşım metnini biçimlendir */
.product-whatsapp-share small {
    color:#668178;
    font-size:.59rem
}

/* Tek Ürün Ürün Akışı yerleşimini düzenle */
.single-product-feed {
    display:grid;
    grid-template-columns:minmax(210px,1fr) minmax(230px,1fr) auto;
    gap:10px;
    align-items:center;
    margin-top:16px;
    padding:14px;
    border:1px dashed #b9d8cb;
    border-radius:12px;
    background:#f7fbf9
}

/* Tek Ürün Ürün Akışı yerleşimini düzenle */
.single-product-feed>div {
    display:flex;
    flex-direction:column
}

/* Tek Ürün Ürün Akışı metnini biçimlendir */
.single-product-feed strong {
    font-size:.72rem
}

/* Tek Ürün Ürün Akışı yerleşimini düzenle */
.single-product-feed small {
    color:var(--muted);
    font-size:.6rem;
    line-height:1.45
}

/* Kenar Menü Gruplar yerleşimini düzenle */
.sidebar-groups {
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-top:5px
}

/* Gezinme Grup görsel vurgusunu düzenle */
.nav-group {
    border-radius:12px;
    overflow:hidden
}

/* Gezinme Grup yerleşimini düzenle */
.nav-group summary {
    display:grid;
    grid-template-columns:27px minmax(0,1fr) auto 14px;
    align-items:center;
    gap:9px;
    padding:11px 10px;
    color:#aebdb7;
    border-radius:11px;
    cursor:pointer;
    list-style:none;
    transition:.18s ease;
    user-select:none
}

/* Gezinme Grup yerleşimini düzenle */
.nav-group summary::-webkit-details-marker {
    display:none
}

/* Gezinme Grup etkileşim durumunu göster */
.nav-group summary:hover,.nav-group[open]>summary,.nav-group.has-active>summary {
    background:rgba(255,255,255,.065);
    color:#fff
}

/* Gezinme Grup görsel vurgusunu düzenle */
.nav-group.has-active>summary {
    box-shadow:inset 3px 0 0 #28c991
}

/* Gezinme Grup Simge yerleşimini düzenle */
.nav-group-icon {
    width:27px;
    height:27px;
    border-radius:8px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.055);
    color:#8ba098
}

/* Gezinme Grup Simge görsel vurgusunu düzenle */
.nav-group[open] .nav-group-icon,.nav-group.has-active .nav-group-icon {
    background:rgba(40,201,145,.14);
    color:#49d6a4
}

/* Gezinme Grup yerleşimini düzenle */
.nav-group summary small {
    min-width:20px;
    padding:2px 6px;
    border-radius:99px;
    background:rgba(255,255,255,.07);
    color:#71837b;
    text-align:center;
    font-size:.58rem;
    font-weight:800
}

/* Gezinme Grup Yön Oku metnini biçimlendir */
.nav-group-chevron {
    font-size:.58rem!important;
    transition:transform .2s
}

/* Gezinme Grup Yön Oku görünümünü düzenle */
.nav-group[open] .nav-group-chevron {
    transform:rotate(180deg)
}

/* Gezinme Grup Panel yerleşimini düzenle */
.nav-group-panel {
    position:relative;
    padding:4px 0 7px 17px
}

/* Gezinme Grup Panel yerleşimini düzenle */
.nav-group-panel:before {
    content:"";
    position:absolute;
    left:13px;
    top:3px;
    bottom:12px;
    width:1px;
    background:rgba(255,255,255,.08)
}

/* Gezinme Grup Panel yerleşimini düzenle */
.sidebar-nav .nav-group-panel a {
    min-height:37px;
    margin:2px 0;
    padding:8px 10px 8px 14px;
    border-radius:9px;
    font-size:.73rem
}

/* Gezinme Grup Panel metnini biçimlendir */
.sidebar-nav .nav-group-panel a i {
    font-size:.77rem;
    color:#71877e
}

/* Gezinme Grup Panel etkileşim durumunu göster */
.sidebar-nav .nav-group-panel a:hover i,.sidebar-nav .nav-group-panel a.active i {
    color:#55d9a7
}

/* Gezinme Grup Panel etkileşim durumunu göster */
.sidebar-nav .nav-group-panel a.active {
    box-shadow:none;
    background:rgba(15,159,110,.2)
}

/* Kenar Menü Ana Sayfa görünümünü düzenle */
.sidebar-home {
    margin-bottom:8px!important
}

/* Katalog Sağlık Bilgi Şeridi yerleşimini düzenle */
.catalog-health-banner {
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    margin-bottom:16px;
    padding:17px 19px;
    border:1px solid #efd7a8;
    border-radius:16px;
    background:#fff8ea;
    color:#72551d
}

/* Katalog Sağlık Bilgi Şeridi görsel vurgusunu düzenle */
.catalog-health-banner.is-ready {
    border-color:#bfe4d4;
    background:#eef9f4;
    color:#255f49
}

/* Katalog Sağlık Simge yerleşimini düzenle */
.catalog-health-icon {
    width:46px;
    height:46px;
    border-radius:14px;
    background:#ffefca;
    color:#c2840e;
    display:grid;
    place-items:center;
    font-size:1.05rem
}

/* Katalog Sağlık Simge görsel vurgusunu düzenle */
.catalog-health-banner.is-ready .catalog-health-icon {
    background:#dff5eb;
    color:var(--brand)
}

/* Katalog Sağlık Bilgi Şeridi yerleşimini düzenle */
.catalog-health-banner strong {
    display:block;
    font-size:.86rem
}

/* Katalog Sağlık Bilgi Şeridi yerleşimini düzenle */
.catalog-health-banner p {
    margin:4px 0 0;
    font-size:.7rem;
    line-height:1.55;
    color:inherit;
    opacity:.82
}

/* Katalog Sağlık Meta yerleşimini düzenle */
.catalog-health-meta {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:7px;
    font-size:.65rem
}

/* Katalog Sağlık Meta metnini biçimlendir */
.catalog-health-meta a {
    font-weight:750;
    color:var(--brand)
}

/* Katalog Sağlık Meta görünümünü düzenle */
.catalog-health-meta i {
    margin-right:5px
}

/* Katalog Yönetim Ölçümler yerleşimini düzenle */
.catalog-admin-metrics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    margin-bottom:16px
}

/* Katalog Yönetim Ölçümler yerleşimini düzenle */
.catalog-admin-metrics article {
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--surface)
}

/* Katalog Yönetim Ölçümler yerleşimini düzenle */
.catalog-admin-metrics article>span {
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--surface-2);
    color:var(--muted);
    display:grid;
    place-items:center
}

/* Katalog Yönetim Ölçümler görsel vurgusunu düzenle */
.catalog-admin-metrics article>span.green {
    background:#e4f8ee;
    color:var(--brand)
}

/* Katalog Yönetim Ölçümler görsel vurgusunu düzenle */
.catalog-admin-metrics article>span.blue {
    background:#e9f2ff;
    color:#3275cc
}

/* Katalog Yönetim Ölçümler görsel vurgusunu düzenle */
.catalog-admin-metrics article>span.amber {
    background:#fff2d8;
    color:#c27c00
}

/* Katalog Yönetim Ölçümler yerleşimini düzenle */
.catalog-admin-metrics article div {
    display:flex;
    flex-direction:column
}

/* Katalog Yönetim Ölçümler metnini biçimlendir */
.catalog-admin-metrics small {
    color:var(--muted);
    font-size:.66rem
}

/* Katalog Yönetim Ölçümler yerleşimini düzenle */
.catalog-admin-metrics strong {
    font-size:1.25rem;
    line-height:1.15
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:16px;
    padding:17px 19px
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card>div:first-child {
    display:flex;
    align-items:center;
    gap:13px
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card>div:first-child>span {
    width:44px;
    height:44px;
    border-radius:13px;
    background:#f0ebff;
    color:#7245b8;
    display:grid;
    place-items:center;
    flex:none
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card small {
    display:block;
    color:var(--muted);
    font-size:.64rem
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card strong {
    display:block;
    margin:2px 0;
    font-size:.86rem
}

/* Katalog Gönderim Kart yerleşimini düzenle */
.catalog-dispatch-card p {
    margin:0;
    color:var(--muted);
    font-size:.67rem
}

/* Katalog Gönderim İşlemler yerleşimini düzenle */
.catalog-dispatch-actions {
    display:flex;
    gap:8px;
    flex:none
}

/* Katalog Ürünler Panel görünümünü düzenle */
.catalog-products-panel {
    overflow:hidden
}

/* Katalog Ürün Filtreler görünümünü düzenle */
.catalog-product-filters {
    flex-wrap:wrap
}

/* Katalog Ürün Filtreler yerleşimini düzenle */
.catalog-product-filters .search-control {
    min-width:280px
}

/* Katalog Toplu Işlem Çubuğu yerleşimini düzenle */
.catalog-bulkbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:13px 18px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))
}

/* Katalog Toplu Işlem Çubuğu yerleşimini düzenle */
.catalog-bulkbar>div {
    display:flex;
    align-items:center;
    gap:9px
}

/* Katalog Toplu Işlem Çubuğu metnini biçimlendir */
.catalog-bulkbar strong {
    font-size:.75rem
}

/* Katalog Toplu Işlem Çubuğu metnini biçimlendir */
.catalog-bulkbar small {
    color:var(--muted);
    font-size:.64rem
}

/* Katalog Kontrol yerleşimini düzenle */
.catalog-check {
    display:inline-flex;
    cursor:pointer
}

/* Katalog Kontrol yerleşimini düzenle */
.catalog-check input {
    position:absolute;
    opacity:0;
    pointer-events:none
}

/* Katalog Kontrol yerleşimini düzenle */
.catalog-check span {
    position:relative;
    width:40px;
    height:23px;
    border-radius:99px;
    background:#cbd5d1;
    transition:.18s
}

/* Katalog Kontrol yerleşimini düzenle */
.catalog-check span:after {
    content:"";
    position:absolute;
    left:3px;
    top:3px;
    width:17px;
    height:17px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    transition:.18s
}

/* Katalog Kontrol etkileşim durumunu göster */
.catalog-check input:checked+span {
    background:var(--brand)
}

/* Katalog Kontrol etkileşim durumunu göster */
.catalog-check input:checked+span:after {
    left:20px
}

/* Katalog Kontrol etkileşim durumunu göster */
.catalog-check input:focus-visible+span {
    outline:3px solid rgba(15,159,110,.2)
}

/* Katalog Kontrol etkileşim durumunu göster */
.catalog-check input:disabled+span {
    opacity:.5;
    cursor:not-allowed
}

/* Katalog Ürünler Tablo yerleşimini düzenle */
.catalog-products-table {
    min-width:1050px
}

/* Katalog Ürünler Tablo görünümünü düzenle */
.catalog-products-table tbody tr {
    transition:background .18s
}

/* Durum Katalog Ürün görsel vurgusunu düzenle */
.catalog-products-table tbody tr.is-catalog-product {
    background:color-mix(in srgb,var(--brand-soft) 21%,transparent)
}

/* Durum Katalog Ürün etkileşim durumunu göster */
.catalog-products-table tbody tr.is-catalog-product:hover {
    background:color-mix(in srgb,var(--brand-soft) 43%,transparent)
}

/* Katalog Açma Kapama Sütun yerleşimini düzenle */
.catalog-toggle-column {
    width:76px;
    text-align:center!important
}

/* Katalog Ürün Kimlik yerleşimini düzenle */
.catalog-product-identity {
    display:flex;
    align-items:center;
    gap:11px;
    min-width:230px
}

/* Katalog Ürün Küçük Görsel yerleşimini düzenle */
.catalog-product-thumb {
    width:48px;
    height:48px;
    border-radius:11px;
    background:var(--surface-2);
    border:1px solid var(--line);
    display:grid;
    place-items:center;
    color:#9aaba3;
    overflow:hidden;
    flex:none
}

/* Katalog Ürün Küçük Görsel yerleşimini düzenle */
.catalog-product-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}

/* Katalog Ürün Kimlik yerleşimini düzenle */
.catalog-product-identity>div {
    display:flex;
    flex-direction:column
}

/* Katalog Ürün Kimlik metnini biçimlendir */
.catalog-product-identity strong {
    font-size:.76rem
}

/* Katalog Ürün Kimlik metnini biçimlendir */
.catalog-product-identity small {
    color:var(--muted);
    font-size:.63rem
}

/* Katalog Satır Içi Uyarı yerleşimini düzenle */
.catalog-inline-warning {
    align-self:flex-start;
    margin-top:4px;
    padding:2px 6px;
    border-radius:99px;
    background:#ffeaea;
    color:#c43e3e;
    font-size:.56rem;
    font-weight:750
}

/* Depo Stok Liste yerleşimini düzenle */
.warehouse-stock-list {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    min-width:210px
}

/* Depo Stok Liste yerleşimini düzenle */
.warehouse-stock-list>span {
    display:grid;
    grid-template-columns:16px minmax(100px,1fr) auto;
    gap:5px;
    align-items:center;
    min-width:195px;
    padding:4px 7px;
    border-radius:7px;
    background:var(--surface-2);
    color:var(--muted);
    font-size:.6rem
}

/* Depo Stok Liste görsel vurgusunu düzenle */
.warehouse-stock-list>span.has-stock i {
    color:var(--brand)
}

/* Depo Stok Liste görsel vurgusunu düzenle */
.warehouse-stock-list>span.no-stock {
    color:#b24b4b;
    background:#fff0f0
}

/* Depo Stok Liste metnini biçimlendir */
.warehouse-stock-list b {
    color:var(--ink);
    font-size:.61rem
}

/* Katalog Hazırlık yerleşimini düzenle */
.catalog-readiness {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 8px;
    border-radius:99px;
    font-size:.63rem;
    font-weight:750;
    white-space:nowrap
}

/* Katalog Hazırlık görsel vurgusunu düzenle */
.catalog-readiness.ready {
    background:#e5f8ef;
    color:#087a55
}

/* Katalog Hazırlık görsel vurgusunu düzenle */
.catalog-readiness.warning {
    background:#fff2d7;
    color:#986600
}

/* Katalog Hazırlık görsel vurgusunu düzenle */
.catalog-readiness.muted {
    background:#eef2f1;
    color:#66766f
}

/* Katalog Ürünler Tablo yerleşimini düzenle */
.catalog-products-table td>small {
    max-width:220px
}

/* Katalog Ürünler Tablo yerleşimini düzenle */
.catalog-products-table {
    min-width:1120px
}

/* Katalog Ürünler Tablo yerleşimini düzenle */
.catalog-products-table th:nth-child(5),.catalog-products-table td:nth-child(5) {
    min-width:145px
}

/* Katalog Ürünler Tablo yerleşimini düzenle */
.catalog-products-table .sticky-action {
    width:96px;
    min-width:96px
}

/* Yönetim Paneli Geniş Ekran Uyumu */
@media(max-width:1280px) {
/* Ölçüm Izgara görünümünü düzenle */
    .metric-grid {
        grid-template-columns:repeat(3,1fr)
    }


/* Gelen Kutusu Kabuk görünümünü düzenle */
    .inbox-shell {
        grid-template-columns:290px 1fr
    }

/* İletişim Panel yerleşimini düzenle */
    .contact-panel {
        display:none
    }



/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools form {
        grid-template-columns:1fr 1fr
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools form .btn {
        justify-self:start
    }

/* Katalog Yönetim Ölçümler görünümünü düzenle */
    .catalog-admin-metrics {
        grid-template-columns:repeat(2,1fr)
    }

}

/* Yönetim Paneli Tablet Düzeni */
@media(max-width:991px) {
/* Uygulama Kabuk görünümünü düzenle */
    .app-shell {
        grid-template-columns:1fr
    }

/* Kenar Menü yerleşimini düzenle */
    .sidebar {
        position:fixed;
        left:-280px;
        width:260px;
        transition:.25s
    }

/* Kenar Menü etkileşim durumunu göster */
    .sidebar.open {
        left:0;
        box-shadow:20px 0 50px rgba(0,0,0,.3)
    }

/* Üst Çubuk yerleşimini düzenle */
    .topbar {
        padding:0 18px
    }

/* Sayfa İçerik yerleşimini düzenle */
    .page-content {
        padding:22px
    }

/* Hızlı Sipariş Yerleşim görünümünü düzenle */
    .dashboard-grid,.bottom-grid,.order-detail-grid,.quick-order-layout,.settings-layout,.stock-layout {
        grid-template-columns:minmax(0,1fr)
    }

/* Hızlı Sipariş Yan Panel yerleşimini düzenle */
    .quick-order-aside,.settings-aside {
        position:static
    }

/* Ölçüm Izgara görünümünü düzenle */
    .metric-grid {
        grid-template-columns:repeat(2,1fr)
    }

/* Operasyon Ölçümler görünümünü düzenle */
    .operation-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }






/* Giriş Kabuk görünümünü düzenle */
    .login-shell {
        grid-template-columns:1fr
    }

/* Giriş Görsel yerleşimini düzenle */
    .login-visual {
        display:none
    }

/* Giriş Panel yerleşimini düzenle */
    .login-panel {
        padding:40px clamp(25px,8vw,80px)
    }

/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .inbox-shell {
        height:calc(100vh - 150px);
        grid-template-columns:270px 1fr
    }

/* Rapor filtrelerinin tablet sütunlarını düzenle */
    .report-filters {
        grid-template-columns:1fr 1fr
    }

/* Rapor filtresinin geniş alanını iki sütuna yay */
    .report-filters>div:first-child {
        grid-column:span 2
    }



/* API rehberi tanıtım ızgarasını tablet ekranına uyarla */
    .api-guide-hero-grid {
        grid-template-columns:1fr;
        gap:45px
    }

/* Akış Önizleme yerleşimini düzenle */
    .flow-preview {
        max-width:620px
    }






/* Kimlik Bilgisi Harita Kart yerleşimini düzenle */
    .credential-map-card {
        max-width:650px
    }

/* API Rehber Yerleşim görünümünü düzenle */
    .api-guide-layout {
        grid-template-columns:1fr
    }

/* API Rehber İçindekiler yerleşimini düzenle */
    .api-guide-toc {
        position:static;
        display:grid;
        grid-template-columns:repeat(4,1fr)
    }

/* API Rehber İçindekiler görünümünü düzenle */
    .api-guide-toc>span {
        grid-column:1/-1
    }

/* API Resmi Kaynaklar yerleşimini düzenle */
    .api-official-sources {
        gap:30px
    }

}

/* Yönetim Paneli Mobil Düzeni */
@media(max-width:767px) {
/* Sayfa Gövdesi metnini biçimlendir */
    body {
        font-size:13px
    }

/* Sayfa İçerik yerleşimini düzenle */
    .page-content {
        padding:18px 14px
    }

/* Sayfa Başlık görünümünü düzenle */
    .page-heading {
        align-items:flex-start;
        flex-direction:column
    }

/* Başlık İşlemler yerleşimini düzenle */
    .heading-actions {
        width:100%
    }

/* Başlık İşlemler yerleşimini düzenle */
    .heading-actions .btn,.heading-actions form {
        flex:1
    }

/* Başlık İşlemler yerleşimini düzenle */
    .heading-actions form .btn {
        width:100%
    }

/* Ölçüm Izgara yerleşimini düzenle */
    .metric-grid {
        grid-template-columns:1fr 1fr;
        gap:10px
    }

/* Ölçüm Kart yerleşimini düzenle */
    .metric-card {
        padding:15px;
        min-height:145px
    }

/* Gösterge Paneli Izgara yerleşimini düzenle */
    .dashboard-grid {
        gap:14px
    }

/* Form Izgara görünümünü düzenle */
    .form-grid {
        grid-template-columns:1fr
    }

/* Metin Alanı Ikincil görünümünü düzenle */
    .form-field.span-2 {
        grid-column:auto
    }

/* Operasyon Sayfa yerleşimini düzenle */
    .operation-page {
        gap:14px
    }

/* Operasyon Ölçümler yerleşimini düzenle */
    .operation-metrics {
        gap:9px
    }

/* Operasyon Ölçümler yerleşimini düzenle */
    .operation-metrics article {
        padding:13px
    }

/* Operasyon Ölçüm Simge yerleşimini düzenle */
    .operation-metric-icon {
        width:36px;
        height:36px
    }

/* Operasyon Panel Başlık yerleşimini düzenle */
    .operation-panel-head {
        align-items:flex-start;
        min-height:0;
        padding:17px
    }

/* Operasyon Panel Başlık yerleşimini düzenle */
    .operation-panel-head>form {
        width:100%
    }

/* Operasyon Panel Başlık yerleşimini düzenle */
    .operation-panel-head>form .btn {
        width:100%
    }

/* Operasyon Panel Başlık yerleşimini düzenle */
    .operation-panel-title>span {
        width:36px;
        height:36px
    }

/* Operasyon Başlık Sayı yerleşimini düzenle */
    .operation-head-count {
        display:none
    }

/* Operasyon Rota Form yerleşimini düzenle */
    .operation-route-form {
        padding:17px
    }

/* Operasyon Kontrol Izgara görünümünü düzenle */
    .operation-check-grid {
        grid-template-columns:1fr
    }

/* Operasyon Teslimat Satır yerleşimini düzenle */
    .operation-delivery-row {
        grid-template-columns:1fr;
        padding:15px 17px
    }

/* Operasyon Teslimat Satır yerleşimini düzenle */
    .operation-delivery-row .btn {
        width:100%
    }

/* Sabitlenen Işlem yerleşimini düzenle */
    .sticky-action {
        position:static
    }

/* Filtre Çubuk görünümünü düzenle */
    .filter-bar {
        align-items:stretch;
        flex-direction:column
    }

/* Filtre Seçim yerleşimini düzenle */
    .filter-select {
        width:100%
    }

/* Hızlı Satır görünümünü düzenle */
    .quick-line {
        grid-template-columns:1fr 100px 36px
    }

/* Hızlı Fiyat yerleşimini düzenle */
    .quick-price {
        display:none
    }

/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .inbox-shell {
        grid-template-columns:1fr;
        height:auto;
        min-height:680px
    }

/* Görüşme Liste yerleşimini düzenle */
    .conversation-list {
        max-height:280px;
        border-right:0;
        border-bottom:1px solid var(--line)
    }

/* Sohbet Panel yerleşimini düzenle */
    .chat-panel {
        min-height:600px
    }

/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .page-heading:has(+.inbox-shell) {
        display:none
    }







/* Katalog Arama yerleşimini düzenle */
    .catalog-search {
        height:52px
    }

/* Katalog Arama yerleşimini düzenle */
    .catalog-search button {
        height:40px;
        padding:0 16px
    }

/* Güven Satır yerleşimini düzenle */
    .trust-row {
        gap:10px;
        flex-wrap:wrap
    }

/* Katalog Bölüm yerleşimini düzenle */
    .catalog-section {
        padding:35px 0
    }

/* Bölüm Başlık metnini biçimlendir */
    .section-heading h2 {
        font-size:1.45rem
    }






















/* Rapor Ölçümler görünümünü düzenle */
    .report-metrics {
        grid-template-columns:1fr
    }

/* Rapor filtrelerini mobil ekranda tek sütuna indir */
    .report-filters {
        grid-template-columns:1fr
    }

/* Rapor filtresinin mobil sütun yayılımını sıfırla */
    .report-filters>div:first-child {
        grid-column:auto
    }

/* Yazdırma Sayfa yerleşimini düzenle */
    .print-sheet {
        width:100%;
        min-height:auto;
        margin:0;
        padding:20px
    }

/* Yazdırma Meta görünümünü düzenle */
    .print-meta {
        grid-template-columns:1fr
    }

/* Yazdırma Düğme görünümünü düzenle */
    .print-button {
        right:15px;
        bottom:15px
    }













/* API rehberi tanıtımını mobil ekrana uyarla */
    .api-guide-hero {
        padding:48px 0
    }

/* API rehberi başlığını mobil ekranda ölçekle */
    .api-guide-hero h1 {
        font-size:2.55rem
    }

/* API rehberi açıklamasını mobil ekranda ölçekle */
    .api-guide-hero p {
        font-size:.86rem
    }


















/* API Giriş Bölüm yerleşimini düzenle */
    .api-intro-section {
        padding:20px 0
    }

/* API Tanım Izgara görünümünü düzenle */
    .api-definition-grid {
        grid-template-columns:1fr
    }

/* API Rehber Bölüm yerleşimini düzenle */
    .api-guide-section {
        padding:35px 0 70px
    }

/* API Rehber İçindekiler yerleşimini düzenle */
    .api-guide-toc {
        display:flex;
        flex-direction:row;
        overflow:auto;
        white-space:nowrap;
        padding:10px
    }

/* API Rehber İçindekiler yerleşimini düzenle */
    .api-guide-toc>span {
        display:none
    }

/* API Rehber İçindekiler yerleşimini düzenle */
    .api-guide-toc a {
        flex:none
    }

/* API Adım yerleşimini düzenle */
    .api-step {
        padding:23px 18px
    }

/* API Adım Başlık görünümünü düzenle */
    .api-step-heading {
        grid-template-columns:42px 1fr
    }

/* API Adım Başlık yerleşimini düzenle */
    .api-step-heading>span {
        width:41px;
        height:41px
    }

/* API Adım Başlık metnini biçimlendir */
    .api-step-heading h2 {
        font-size:1.15rem
    }

/* Test Kontrol Izgara görünümünü düzenle */
    .check-list,.id-location-grid,.test-check-grid,.troubleshooting-list {
        grid-template-columns:1fr
    }

/* Yetki Izgara yerleşimini düzenle */
    .permission-grid>div {
        grid-template-columns:1fr;
        gap:5px
    }

/* API Panel Eylem Çağrısı görünümünü düzenle */
    .api-panel-cta {
        align-items:flex-start;
        flex-direction:column
    }

/* API Panel Eylem Çağrısı yerleşimini düzenle */
    .api-panel-cta .btn {
        width:100%
    }

/* Webhook Gösterim görünümünü düzenle */
    .webhook-display {
        grid-template-columns:1fr
    }

/* Webhook Gösterim görünümünü düzenle */
    .webhook-display button {
        justify-self:start
    }

/* Webhook Akış görünümünü düzenle */
    .webhook-flow {
        align-items:stretch;
        flex-direction:column
    }

/* Webhook Akış görünümünü düzenle */
    .webhook-flow>i {
        transform:rotate(90deg);
        align-self:center
    }

/* API Resmi Kaynaklar yerleşimini düzenle */
    .api-official-sources {
        grid-template-columns:1fr;
        gap:15px
    }

/* API Rehber İşlemler yerleşimini düzenle */
    .api-guide-actions .btn {
        width:100%
    }

}

/* Katalog Eşitleme Mobil Düzeni */
@media(max-width:767px) {
/* Katalog Eşitleme Özet görünümünü düzenle */
    .catalog-sync-summary {
        grid-template-columns:1fr
    }

/* Katalog Eşitleme İşlemler yerleşimini düzenle */
    .catalog-sync-actions .btn {
        width:100%
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools form {
        grid-template-columns:1fr
    }

/* Katalog Mesaj Araçlar yerleşimini düzenle */
    .catalog-message-tools form .btn {
        width:100%
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools.catalog-missing {
        align-items:flex-start;
        flex-direction:column
    }

/* Katalog Grup Paylaşım görünümünü düzenle */
    .catalog-group-share {
        align-items:flex-start;
        flex-wrap:wrap
    }

/* Katalog Grup Paylaşım yerleşimini düzenle */
    .catalog-group-share small {
        width:100%;
        padding:5px 0 0 24px;
        border:0
    }

/* Tek Ürün Ürün Akışı görünümünü düzenle */
    .single-product-feed {
        grid-template-columns:1fr
    }

/* Tek Ürün Ürün Akışı yerleşimini düzenle */
    .single-product-feed .btn {
        width:100%
    }

/* Katalog Sağlık Bilgi Şeridi görünümünü düzenle */
    .catalog-health-banner {
        grid-template-columns:42px 1fr
    }

/* Katalog Sağlık Meta görünümünü düzenle */
    .catalog-health-meta {
        grid-column:1/-1;
        align-items:flex-start;
        padding-left:56px
    }

/* Katalog Yönetim Ölçümler görünümünü düzenle */
    .catalog-admin-metrics {
        grid-template-columns:1fr 1fr
    }

/* Katalog Gönderim Kart görünümünü düzenle */
    .catalog-dispatch-card {
        align-items:flex-start;
        flex-direction:column
    }

/* Katalog Gönderim İşlemler yerleşimini düzenle */
    .catalog-dispatch-actions {
        width:100%;
        flex-wrap:wrap
    }

/* Katalog Gönderim İşlemler yerleşimini düzenle */
    .catalog-dispatch-actions .btn {
        flex:1
    }

/* Katalog Toplu Işlem Çubuğu görünümünü düzenle */
    .catalog-bulkbar {
        align-items:flex-start;
        flex-direction:column
    }

/* Katalog Toplu Işlem Çubuğu görünümünü düzenle */
    .catalog-bulkbar>div {
        align-items:flex-start;
        flex-wrap:wrap
    }

/* Katalog Toplu Işlem Çubuğu yerleşimini düzenle */
    .catalog-bulkbar>div small {
        width:100%;
        padding-left:49px
    }

/* Katalog Toplu Işlem Çubuğu yerleşimini düzenle */
    .catalog-bulkbar .btn {
        width:100%
    }

}

/* Yönetim Paneli Dar Mobil Düzeni */
@media(max-width:420px) {
/* Ölçüm Izgara görünümünü düzenle */
    .metric-grid {
        grid-template-columns:1fr
    }



/* Fiyat Blok metnini biçimlendir */
    .price-block strong {
        font-size:.92rem
    }

/* Katalog Marka yerleşimini düzenle */
    .catalog-brand small {
        display:none
    }


/* Giriş Panel yerleşimini düzenle */
    .login-panel {
        padding:28px 20px
    }


}

/* Yönetim Paneli Yazdırma Düzeni */
@media print {
/* Yönetim dışı öğeleri yazdırma görünümünden kaldır */
    .sidebar,.topbar,.page-heading,.heading-actions,.filter-bar,.print-button {
        display:none!important
    }

/* Uygulama Kabuk yerleşimini düzenle */
    .app-shell {
        display:block
    }

/* Sayfa İçerik yerleşimini düzenle */
    .page-content {
        padding:0
    }

/* Panel Kart görsel vurgusunu düzenle */
    .panel-card {
        box-shadow:none;
        border-color:#ccc
    }

/* Yazdırma Sayfa yerleşimini düzenle */
    .print-sheet {
        box-shadow:none;
        margin:0
    }

/* Rapor Filtreler yerleşimini düzenle */
    .report-filters {
        display:none
    }

}

/* Katalog Düzenleyici Kart yerleşimini düzenle */
.catalog-editor-card {
    margin-bottom:16px;
    padding:20px
}

/* Katalog Satır Içi Seçenekler yerleşimini düzenle */
.catalog-editor-options,.catalog-inline-options {
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:16px
}

/* WhatsApp Katalog Kartları ve Ürün Eşleme Arayüzünü Düzenle */
.whatsapp-catalog-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
}

/* WhatsApp Katalog Kart yerleşimini düzenle */
.whatsapp-catalog-card {
    position:relative;
    padding:19px;
    overflow:hidden
}

/* WhatsApp Katalog Kart görsel vurgusunu düzenle */
.whatsapp-catalog-card.is-default {
    border-color:#9bd6bf;
    box-shadow:0 10px 30px rgba(15,159,110,.09)
}

/* WhatsApp Katalog Kart yerleşimini düzenle */
.whatsapp-catalog-card.is-default:before {
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:var(--brand)
}

/* WhatsApp Katalog Kart Başlık yerleşimini düzenle */
.whatsapp-catalog-card-head {
    display:flex;
    align-items:flex-start;
    gap:12px
}

/* Katalog Kart Simge yerleşimini düzenle */
.catalog-card-icon {
    width:44px;
    height:44px;
    border-radius:13px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center;
    flex:none
}

/* Katalog Kart Başlık yerleşimini düzenle */
.catalog-card-title {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px
}

/* Katalog Kart Başlık yerleşimini düzenle */
.catalog-card-title h2 {
    margin:0;
    font-size:.94rem
}

/* WhatsApp Katalog Kart Başlık yerleşimini düzenle */
.whatsapp-catalog-card-head p {
    margin:5px 0 0;
    color:var(--muted);
    font-size:.67rem
}

/* Katalog Kart İstatistikler yerleşimini düzenle */
.catalog-card-stats {
    display:grid;
    grid-template-columns:80px 1fr 1fr;
    gap:8px;
    margin:16px 0
}

/* Katalog Kart İstatistikler yerleşimini düzenle */
.catalog-card-stats>div {
    padding:10px;
    border-radius:10px;
    background:var(--surface-2);
    display:flex;
    flex-direction:column
}

/* Katalog Kimlik Satır metnini biçimlendir */
.catalog-card-stats small,.catalog-id-line span {
    color:var(--muted);
    font-size:.58rem
}

/* Katalog Kart İstatistikler metnini biçimlendir */
.catalog-card-stats strong {
    margin-top:2px;
    font-size:.7rem
}

/* Katalog Kimlik Satır yerleşimini düzenle */
.catalog-id-line {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 10px;
    border:1px dashed var(--line);
    border-radius:9px
}

/* Katalog Kimlik Satır metnini biçimlendir */
.catalog-id-line code {
    color:var(--ink);
    font-size:.64rem
}

/* Katalog Kart Bağlantılar yerleşimini düzenle */
.catalog-card-links {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:10px 0
}

/* Katalog Kart Bağlantılar yerleşimini düzenle */
.catalog-card-links>a,.catalog-card-links>button {
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface);
    color:var(--ink);
    text-align:left
}

/* Katalog Kart Bağlantılar görsel vurgusunu düzenle */
.catalog-card-links i {
    color:var(--brand)
}

/* Katalog Kart Bağlantılar yerleşimini düzenle */
.catalog-card-links span {
    display:flex;
    flex-direction:column
}

/* Katalog Kart Bağlantılar metnini biçimlendir */
.catalog-card-links small {
    color:var(--muted);
    font-size:.54rem
}

/* Katalog Kart Bağlantılar metnini biçimlendir */
.catalog-card-links b {
    font-size:.64rem
}

/* Katalog Kart İşlemler yerleşimini düzenle */
.catalog-card-actions {
    display:flex;
    gap:7px
}

/* Katalog Kart İşlemler yerleşimini düzenle */
.catalog-card-actions .btn-success {
    flex:1
}

/* Katalog Satır Içi Düzenleyici yerleşimini düzenle */
.catalog-inline-editor {
    margin-top:14px;
    padding:14px;
    border-radius:12px;
    background:var(--surface-2)
}

/* Katalog Satır Içi Düzenleyici görünümünü düzenle */
.catalog-inline-editor .form-field {
    margin-bottom:10px
}

/* Katalog Varsayılan Form metnini biçimlendir */
.catalog-default-form {
    margin-top:10px;
    text-align:center
}

/* Katalog Varsayılan Form metnini biçimlendir */
.catalog-default-form button {
    border:0;
    background:none;
    color:var(--brand);
    font-size:.64rem;
    font-weight:750
}

/* Katalog Boş Durum yerleşimini düzenle */
.catalog-empty-state {
    padding:50px 20px
}

/* Katalog Seçici Sekmeler yerleşimini düzenle */
.catalog-selector-tabs {
    display:flex;
    gap:9px;
    margin-bottom:14px;
    overflow:auto;
    padding-bottom:2px
}

/* Katalog Seçici Sekmeler yerleşimini düzenle */
.catalog-selector-tabs>a {
    min-width:220px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface);
    color:var(--ink)
}

/* Katalog Seçici Sekmeler yerleşimini düzenle */
.catalog-selector-tabs>a>span {
    width:34px;
    height:34px;
    border-radius:10px;
    background:var(--surface-2);
    color:var(--muted);
    display:grid;
    place-items:center;
    flex:none
}

/* Katalog Seçici Sekmeler yerleşimini düzenle */
.catalog-selector-tabs>a>div {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Katalog Seçici Sekmeler metnini biçimlendir */
.catalog-selector-tabs strong {
    font-size:.7rem;
    white-space:nowrap
}

/* Katalog Seçici Sekmeler metnini biçimlendir */
.catalog-selector-tabs small {
    color:var(--muted);
    font-size:.56rem;
    white-space:nowrap
}

/* Katalog Seçici Sekmeler yerleşimini düzenle */
.catalog-selector-tabs b {
    margin-left:auto;
    padding:3px 6px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:.52rem
}

/* Katalog Seçici Sekmeler etkileşim durumunu göster */
.catalog-selector-tabs>a.active {
    border-color:var(--brand);
    background:var(--brand-soft)
}

/* Katalog Seçici Sekmeler etkileşim durumunu göster */
.catalog-selector-tabs>a.active>span {
    background:var(--brand);
    color:#fff
}

/* Satıcı Kimlik Girdi yerleşimini düzenle */
.retailer-id-input {
    min-width:150px;
    height:34px;
    font-size:.68rem
}

/* Form Sabit Bağlantı yerleşimini düzenle */
.form-static-link {
    min-height:45px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface-2)
}

/* Form Sabit Bağlantı görsel vurgusunu düzenle */
.form-static-link>i {
    color:var(--brand)
}

/* Form Sabit Bağlantı yerleşimini düzenle */
.form-static-link>span {
    display:flex;
    flex:1;
    flex-direction:column
}

/* Form Sabit Bağlantı metnini biçimlendir */
.form-static-link strong {
    font-size:.7rem
}

/* Form Sabit Bağlantı metnini biçimlendir */
.form-static-link small {
    font-size:.57rem;
    color:var(--muted)
}

/* Form Sabit Bağlantı metnini biçimlendir */
.form-static-link>a {
    color:var(--brand);
    font-size:.64rem;
    font-weight:750
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list {
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:14px
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list article {
    display:grid;
    grid-template-columns:36px 1fr auto 34px;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:11px
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list article>span {
    width:36px;
    height:36px;
    border-radius:10px;
    background:var(--brand-soft);
    color:var(--brand);
    display:grid;
    place-items:center
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list article>div>div {
    display:flex;
    align-items:center;
    gap:6px
}

/* Ayarlar Katalog Liste metnini biçimlendir */
.settings-catalog-list strong {
    font-size:.7rem
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list b {
    padding:2px 5px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:.5rem
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list small {
    display:block;
    color:var(--muted);
    font-size:.57rem
}

/* Ayarlar Katalog Liste metnini biçimlendir */
.settings-catalog-list>a {
    font-size:.63rem;
    color:var(--brand);
    font-weight:750
}

/* Ayarlar Katalog Liste yerleşimini düzenle */
.settings-catalog-list button {
    width:32px;
    height:32px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface);
    color:var(--muted)
}

/* Katalog Mesaj Araçlar görünümünü düzenle */
.catalog-message-tools #catalogMessageForm {
    grid-template-columns:minmax(150px,.8fr) minmax(280px,1.5fr) minmax(180px,1fr) auto;
    align-items:end
}

/* Katalog Tür Seçenekler görünümünü düzenle */
.catalog-message-tools #catalogMessageForm .catalog-type-options {
    grid-template-columns:repeat(3,1fr)
}

/* Katalog Mesaj Yazma Alan yerleşimini düzenle */
.catalog-composer-field {
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0
}

/* Katalog Mesaj Yazma Alan metnini biçimlendir */
.catalog-composer-field label {
    font-size:.58rem;
    font-weight:750;
    color:var(--muted)
}

/* Katalog Mesaj Yazma Alan metnini biçimlendir */
.catalog-composer-field label small {
    font-weight:500
}

/* Katalog Mesaj Yazma Not yerleşimini düzenle */
.catalog-composer-note {
    grid-column:1/-2;
    margin:0;
    color:var(--muted);
    font-size:.58rem
}

/* Katalog Mesaj Araçlar görünümünü düzenle */
.catalog-message-tools #catalogMessageForm .btn {
    grid-column:-2/-1
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile>small {
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:6px;
    color:var(--brand);
    font-size:.6rem
}

/* WhatsApp Kataloğu Geniş Ekran Uyumu */
@media(max-width:1280px) {
/* WhatsApp Katalog Izgara görünümünü düzenle */
    .whatsapp-catalog-grid {
        grid-template-columns:1fr
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools #catalogMessageForm {
        grid-template-columns:1fr 1fr
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools #catalogMessageForm .btn {
        grid-column:auto
    }

/* Katalog Mesaj Yazma Not görünümünü düzenle */
    .catalog-composer-note {
        grid-column:1/-1
    }

}

/* Katalog Düzenleyici Mobil Düzeni */
@media(max-width:767px) {
/* Katalog Satır Içi Seçenekler görünümünü düzenle */
    .catalog-editor-options,.catalog-inline-options {
        align-items:flex-start;
        flex-direction:column
    }

/* Katalog Düzenleyici Seçenekler yerleşimini düzenle */
    .catalog-editor-options .btn {
        width:100%;
        margin-left:0!important
    }

/* Katalog Kart İstatistikler görünümünü düzenle */
    .catalog-card-stats {
        grid-template-columns:1fr
    }

/* Katalog Kart Bağlantılar görünümünü düzenle */
    .catalog-card-links {
        grid-template-columns:1fr
    }

/* Katalog Seçici Sekmeler yerleşimini düzenle */
    .catalog-selector-tabs>a {
        min-width:200px
    }

/* Ayarlar Katalog Liste görünümünü düzenle */
    .settings-catalog-list article {
        grid-template-columns:36px 1fr 32px
    }

/* Ayarlar Katalog Liste yerleşimini düzenle */
    .settings-catalog-list article>a {
        display:none
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools #catalogMessageForm {
        grid-template-columns:1fr
    }

/* Katalog Tür Seçenekler görünümünü düzenle */
    .catalog-message-tools #catalogMessageForm .catalog-type-options {
        grid-template-columns:1fr
    }

/* Katalog Mesaj Araçlar görünümünü düzenle */
    .catalog-message-tools #catalogMessageForm .btn {
        grid-column:auto
    }

}

/* Cari Detayı Mobil Düzeni */
@media(max-width:767px) {
/* Cari Detay Liste görünümünü düzenle */
    .cari-detail-list {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

/* Cari Silme Kart yerleşimini düzenle */
    .cari-delete-card {
        padding:24px 18px
    }

/* Cari Silme Özet görünümünü düzenle */
    .cari-delete-summary {
        grid-template-columns:1fr
    }

/* Cari Silme Kart görünümünü düzenle */
    .cari-delete-card form {
        align-items:stretch;
        flex-direction:column
    }

/* Cari Silme Kart yerleşimini düzenle */
    .cari-delete-card form .btn {
        width:100%
    }

}

/* Cari Detayı Dar Mobil Düzeni */
@media(max-width:420px) {
/* Cari Detay Liste görünümünü düzenle */
    .cari-detail-list {
        grid-template-columns:1fr
    }

/* Cari Detay Tutar metnini biçimlendir */
    .cari-detail-amount strong {
        font-size:1.45rem
    }

}

/* Görüşme Kutusu Tablet Düzeni */
@media(max-width:991px) {
/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .page-content:has(.inbox-shell) .inbox-shell {
        height:auto;
        min-height:0
    }

}

/* Görüşme Kutusu Mobil Düzeni */
@media(max-width:767px) {
/* Gelen Kutusu Kabuk görünümünü düzenle */
    .page-content:has(.inbox-shell) .inbox-shell {
        grid-template-columns:1fr;
        grid-template-rows:minmax(150px,32%) minmax(0,1fr)
    }

/* Görüşme Liste yerleşimini düzenle */
    .page-content:has(.inbox-shell) .conversation-list {
        max-height:none
    }

/* Sohbet Panel yerleşimini düzenle */
    .page-content:has(.inbox-shell) .chat-panel {
        min-height:0
    }

}

/* Görüşme Kutusu Yazdırma Düzeni */
@media print {
/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .page-content:has(.inbox-shell) {
        height:auto;
        display:block;
        overflow:visible
    }

/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .page-content:has(.inbox-shell) .inbox-shell {
        display:block
    }

}

/* Gelen Kutusu Kabuk yerleşimini düzenle */
.page-content:has(.inbox-shell) {
    padding:16px 20px 20px
}

/* Gelen Kutusu Sayfa Başlık yerleşimini düzenle */
.inbox-page-heading {
    min-height:48px;
    align-items:center;
    margin-bottom:12px
}

/* Gelen Kutusu Başlık Ana yerleşimini düzenle */
.inbox-heading-main {
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0
}

/* Gelen Kutusu Başlık Simge yerleşimini düzenle */
.inbox-heading-icon {
    width:43px;
    height:43px;
    border-radius:13px;
    display:grid;
    place-items:center;
    flex:none;
    background:linear-gradient(145deg,#25d366,#0f9f6e);
    color:#fff;
    font-size:1.15rem;
    box-shadow:0 8px 18px rgba(15,159,110,.18)
}

/* Gelen Kutusu Başlık Kopyalama yerleşimini düzenle */
.inbox-heading-copy {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Gelen Kutusu Başlık Kopyalama yerleşimini düzenle */
.inbox-heading-copy>span {
    color:var(--brand);
    font-size:.58rem;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.09em
}

/* Gelen Kutusu Başlık Kopyalama yerleşimini düzenle */
.inbox-heading-copy>div {
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:2px
}

/* Gelen Kutusu Başlık Kopyalama yerleşimini düzenle */
.inbox-page-heading .inbox-heading-copy h1 {
    margin:0;
    font-size:1.28rem;
    letter-spacing:-.035em
}

/* Gelen Kutusu Başlık Kopyalama yerleşimini düzenle */
.inbox-heading-copy b {
    display:inline-flex;
    align-items:center;
    padding:4px 8px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand-dark);
    font-size:.58rem;
    white-space:nowrap
}

/* Gelen Kutusu Sayfa Başlık yerleşimini düzenle */
.inbox-page-heading .heading-actions {
    gap:7px
}

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
.inbox-quick-link {
    height:46px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:6px 11px 6px 7px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface);
    color:var(--ink);
    box-shadow:0 5px 16px rgba(18,48,37,.04);
    transition:border-color .18s ease,transform .18s ease
}

/* Gelen Kutusu Hızlı Bağlantı etkileşim durumunu göster */
.inbox-quick-link:hover {
    border-color:#abdaca;
    color:var(--ink);
    transform:translateY(-1px)
}

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
.inbox-quick-link>i {
    width:32px;
    height:32px;
    border-radius:9px;
    display:grid;
    place-items:center;
    flex:none;
    background:var(--brand-soft);
    color:var(--brand)
}

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
.inbox-quick-link>span {
    display:flex;
    flex-direction:column;
    line-height:1.1
}

/* Gelen Kutusu Hızlı Bağlantı metnini biçimlendir */
.inbox-quick-link small {
    color:var(--muted);
    font-size:.5rem
}

/* Gelen Kutusu Hızlı Bağlantı metnini biçimlendir */
.inbox-quick-link strong {
    margin-top:2px;
    font-size:.68rem
}

/* Gelen Kutusu Kabuk görsel vurgusunu düzenle */
.inbox-shell {
    grid-template-columns:300px minmax(420px,1fr) 280px;
    border-radius:16px
}

/* Gelen Kutusu Arama yerleşimini düzenle */
.inbox-search {
    padding:14px 14px 10px
}

/* Gelen Kutusu Arama görünümünü düzenle */
.inbox-search i {
    left:28px;
    top:35px
}

/* Gelen Kutusu Arama yerleşimini düzenle */
.inbox-search input {
    height:42px
}

/* Görüşme Filtre yerleşimini düzenle */
.conversation-filter {
    padding:0 14px 10px;
    gap:4px
}

/* Görüşme Filtre yerleşimini düzenle */
.conversation-filter button {
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px 8px
}

/* Görüşme Filtre yerleşimini düzenle */
.conversation-filter button span {
    min-width:17px;
    height:17px;
    padding:0 5px;
    border-radius:99px;
    display:grid;
    place-items:center;
    background:var(--surface-2);
    color:var(--muted);
    font-size:.54rem
}

/* Görüşme Filtre etkileşim durumunu göster */
.conversation-filter button.active span {
    background:var(--surface);
    color:var(--brand-dark)
}

/* Görüşme Satır yerleşimini düzenle */
.conversation-row {
    padding:12px 14px
}

/* Görüşme Durum yerleşimini düzenle */
.conversation-row .conversation-state {
    display:block;
    width:max-content;
    max-width:100%;
    padding:2px 6px;
    border-radius:99px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    background:var(--brand-soft);
    color:var(--brand-dark);
    line-height:1.35
}

/* Durum Personel Yanıtı Bekleyen görsel vurgusunu düzenle */
.conversation-row .state-personel_yaniti_bekliyor,.chat-status.state-personel_yaniti_bekliyor {
    background:#fff2d7;
    color:#986600
}

/* Durum Siparişe Dönüşmüş görsel vurgusunu düzenle */
.conversation-row .state-siparise_donustu,.chat-status.state-siparise_donustu {
    background:#e8f1ff;
    color:#2868b7
}

/* Durum Kapatılmış görsel vurgusunu düzenle */
.conversation-row .state-kapatildi,.chat-status.state-kapatildi {
    background:#eef2f1;
    color:#607069
}

/* Sohbet Başlık yerleşimini düzenle */
.chat-header {
    height:64px;
    flex:none;
    padding:0 14px
}

/* Sohbet İletişim Kopyalama yerleşimini düzenle */
.chat-contact-copy {
    min-width:0
}

/* Sohbet İletişim Kopyalama metnini biçimlendir */
.chat-contact-copy>strong {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* Sohbet İletişim Kopyalama yerleşimini düzenle */
.chat-contact-copy>div {
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    margin-top:2px
}

/* Sohbet İletişim Kopyalama görünümünü düzenle */
.chat-contact-copy small {
    white-space:nowrap
}

/* Sohbet Katalog yerleşimini düzenle */
.chat-status,.chat-catalog {
    display:inline-flex;
    align-items:center;
    padding:3px 7px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand-dark);
    font-size:.56rem;
    line-height:1.2;
    white-space:nowrap
}

/* Sohbet Katalog yerleşimini düzenle */
.chat-catalog {
    gap:3px;
    background:var(--surface-2);
    color:var(--muted)
}

/* Sohbet Başlık İşlemler yerleşimini düzenle */
.chat-header-actions {
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
    flex:none
}

/* Sohbet Başlık İşlemler yerleşimini düzenle */
.chat-header-actions .icon-btn {
    width:38px;
    height:38px
}

/* Sohbet Başlık İşlemler görsel vurgusunu düzenle */
.chat-header-actions a {
    color:var(--brand)
}

/* İletişim Panel yerleşimini düzenle */
.contact-panel {
    position:relative
}

/* İletişim Panel Kapatma yerleşimini düzenle */
.contact-panel-close {
    position:absolute;
    right:12px;
    top:12px;
    z-index:2;
    width:32px;
    height:32px;
    border:1px solid var(--line);
    border-radius:9px;
    display:grid;
    place-items:center;
    background:var(--surface);
    color:var(--muted)
}

/* İletişim Panel Kapatma etkileşim durumunu göster */
.contact-panel-close:hover {
    color:var(--ink);
    background:var(--surface-2)
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile {
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:1px 11px;
    align-items:center;
    text-align:left;
    padding:18px 48px 15px 16px
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile>span {
    grid-row:1/4;
    width:52px;
    height:52px;
    margin:0;
    border-radius:16px;
    font-size:1.1rem
}

/* İletişim Profil metnini biçimlendir */
.contact-profile h2 {
    align-self:end;
    font-size:.86rem
}

/* İletişim Profil yerleşimini düzenle */
.contact-profile p {
    align-self:start;
    margin:2px 0 0
}

/* İletişim Profil görünümünü düzenle */
.contact-profile>small {
    grid-column:2;
    margin-top:3px
}

/* İletişim İstatistikler yerleşimini düzenle */
.contact-stats {
    margin:0 14px 12px
}

/* İletişim Bölüm yerleşimini düzenle */
.contact-section {
    padding:14px
}

/* İletişim Panel Gizli görünümünü düzenle */
.inbox-shell.contact-panel-hidden {
    grid-template-columns:300px minmax(420px,1fr)
}

/* İletişim Panel Gizli yerleşimini düzenle */
.inbox-shell.contact-panel-hidden .contact-panel {
    display:none
}

/* Görüşme Kutusu Geniş Ekran Uyumu */
@media(max-width:1480px) {
/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .inbox-shell {
        position:relative;
        grid-template-columns:290px minmax(0,1fr)
    }

/* İletişim Panel yerleşimini düzenle */
    .inbox-shell .contact-panel {
        display:block;
        position:absolute;
        z-index:15;
        inset:0 0 0 auto;
        width:min(320px,82%);
        transform:translateX(102%);
        transition:transform .22s ease;
        box-shadow:-18px 0 38px rgba(18,43,34,.14)
    }

/* İletişim Panel Açık görünümünü düzenle */
    .inbox-shell.contact-panel-open .contact-panel {
        transform:translateX(0)
    }

/* İletişim Panel Açık görünümünü düzenle */
    .inbox-shell:not(.contact-panel-open) .contact-panel {
        pointer-events:none
    }

}

/* Görüşme Kutusu Tablet Yerleşimi */
@media(max-width:991px) {
/* Gelen Kutusu Kabuk görünümünü düzenle */
    .inbox-shell {
        grid-template-columns:270px minmax(0,1fr)
    }

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
    .inbox-page-heading .inbox-quick-link {
        width:42px;
        padding:0;
        justify-content:center
    }

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
    .inbox-page-heading .inbox-quick-link>i {
        width:auto;
        height:auto;
        background:transparent
    }

/* Gelen Kutusu Hızlı Bağlantı yerleşimini düzenle */
    .inbox-page-heading .inbox-quick-link>span {
        display:none
    }

}

/* Görüşme Kutusu Mobil Yerleşimi */
@media(max-width:767px) {
/* Gelen Kutusu Kabuk yerleşimini düzenle */
    .page-content:has(.inbox-shell) {
        padding:12px
    }

/* Gelen Kutusu Kabuk görsel vurgusunu düzenle */
    .page-content:has(.inbox-shell) .inbox-shell {
        grid-template-columns:1fr;
        grid-template-rows:minmax(160px,30%) minmax(0,1fr);
        border-radius:14px
    }

/* İletişim Panel yerleşimini düzenle */
    .page-content:has(.inbox-shell) .contact-panel {
        width:100%
    }

/* Sohbet İletişim Kopyalama yerleşimini düzenle */
    .chat-contact-copy .chat-status,.chat-contact-copy .chat-catalog {
        display:none
    }

}

/* Görüşme Filtreleri Dar Mobil Düzeni */
@media(max-width:420px) {
/* Görüşme Filtre yerleşimini düzenle */
    .conversation-filter button {
        gap:3px;
        padding:6px
    }

/* Görüşme Filtre yerleşimini düzenle */
    .conversation-filter button span {
        min-width:15px;
        padding:0 4px
    }

/* Sohbet Başlık yerleşimini düzenle */
    .chat-header {
        padding:0 10px
    }

/* Sohbet Başlık İşlemler yerleşimini düzenle */
    .chat-header-actions {
        gap:4px
    }

}

/* WhatsApp Kuyruk İzleme, Yeniden Deneme ve Hata Ayrıntılarını Düzenle */
.queue-page {
    display:flex;
    flex-direction:column;
    gap:18px
}

/* Sayfa Başlık görünümünü düzenle */
.queue-page>.page-heading {
    margin-bottom:0
}

/* Kuyruk Ölçümler yerleşimini düzenle */
.queue-metrics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px
}

/* Kuyruk Ölçümler yerleşimini düzenle */
.queue-metrics>a {
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    padding:16px 17px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--surface);
    box-shadow:0 8px 26px rgba(22,45,37,.04);
    transition:.18s
}

/* Kuyruk Ölçümler etkileşim durumunu göster */
.queue-metrics>a:hover,.queue-metrics>a.active {
    transform:translateY(-1px);
    border-color:#9ed7c2;
    box-shadow:0 12px 30px rgba(22,45,37,.08)
}

/* Kuyruk Ölçümler etkileşim durumunu göster */
.queue-metrics>a.active {
    box-shadow:inset 0 0 0 1px var(--brand),0 12px 30px rgba(22,45,37,.08)
}

/* Kuyruk Ölçümler etkileşim durumunu göster */
.queue-metrics>a.active.danger {
    border-color:#e7a9a9;
    box-shadow:inset 0 0 0 1px #d95b5b,0 12px 30px rgba(100,20,20,.06)
}

/* Kuyruk Ölçümler yerleşimini düzenle */
.queue-metrics>a>div {
    display:flex;
    flex-direction:column
}

/* Kuyruk Ölçümler metnini biçimlendir */
.queue-metrics small {
    color:var(--muted);
    font-size:.67rem;
    font-weight:700
}

/* Kuyruk Ölçümler yerleşimini düzenle */
.queue-metrics strong {
    font-size:1.3rem;
    line-height:1.15
}

/* Kuyruk Ölçüm Simge yerleşimini düzenle */
.queue-metric-icon {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:12px;
    background:var(--brand-soft);
    color:var(--brand)
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
.queue-metric-icon.amber {
    background:#fff3d9;
    color:#c77e00
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
.queue-metric-icon.blue {
    background:#e8f1ff;
    color:#2d72c7
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
.queue-metric-icon.red {
    background:#ffebeb;
    color:#d34444
}

/* Kuyruk Panel görünümünü düzenle */
.queue-panel {
    overflow:hidden
}

/* Kuyruk Filtreler yerleşimini düzenle */
.queue-filters {
    display:grid;
    grid-template-columns:minmax(260px,1fr) 210px 190px auto auto;
    gap:10px;
    align-items:center;
    padding:17px 19px;
    border-bottom:1px solid var(--line)
}

/* Arama Denetim yerleşimini düzenle */
.queue-filters .search-control {
    max-width:none
}

/* Arama Denetim yerleşimini düzenle */
.queue-filters .search-control input {
    height:46px;
    border-radius:11px
}

/* Kuyruk Sonuç Çubuk yerleşimini düzenle */
.queue-result-bar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:11px 18px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));
    color:var(--muted);
    font-size:.68rem
}

/* Kuyruk Sonuç Çubuk görsel vurgusunu düzenle */
.queue-result-bar strong {
    color:var(--ink)
}

/* Kuyruk Sonuç Çubuk yerleşimini düzenle */
.queue-result-bar small {
    display:flex;
    align-items:center;
    gap:7px
}

/* Kuyruk Sonuç Çubuk görsel vurgusunu düzenle */
.queue-result-bar i {
    color:var(--brand)
}

/* Kuyruk Tablo yerleşimini düzenle */
.queue-table {
    min-width:900px
}

/* Kuyruk Tablo görünümünü düzenle */
.queue-table th,.queue-table td {
    padding-left:12px;
    padding-right:12px
}

/* Kuyruk Detay Satır etkileşim durumunu göster */
.queue-table>tbody>tr:not(.queue-detail-row):hover {
    background:color-mix(in srgb,var(--brand-soft) 38%,transparent)
}

/* Kuyruk Mesaj Hücre yerleşimini düzenle */
.queue-recipient,.queue-message-cell,.queue-attempt,.queue-date {
    display:flex;
    min-width:0;
    flex-direction:column
}

/* Kuyruk Alıcı görünümünü düzenle */
.queue-recipient strong {
    white-space:nowrap
}

/* Kuyruk Mesaj Hücre görünümünü düzenle */
.queue-recipient small,.queue-message-cell small,.queue-attempt small,.queue-date small {
    margin-top:2px!important
}

/* Kuyruk Mesaj Hücre yerleşimini düzenle */
.queue-message-cell {
    max-width:230px
}

/* Kuyruk Mesaj Hücre metnini biçimlendir */
.queue-message-cell>span {
    font-size:.67rem;
    color:var(--brand);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em
}

/* Kuyruk Mesaj Hücre metnini biçimlendir */
.queue-message-cell small {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Kuyruk Öncelik yerleşimini düzenle */
.queue-priority {
    display:inline-grid;
    place-items:center;
    width:31px;
    height:31px;
    border-radius:9px;
    background:var(--surface-2);
    color:var(--muted);
    font-weight:800
}

/* Kuyruk Öncelik görsel vurgusunu düzenle */
.queue-priority.high {
    background:#fff1d6;
    color:#a76800
}

/* Kuyruk Tarih metnini biçimlendir */
.queue-attempt strong,.queue-date strong {
    font-size:.72rem;
    white-space:nowrap
}

/* Kuyruk Durum yerleşimini düzenle */
.queue-status {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:99px;
    background:#eef2f1;
    color:#607069;
    font-size:.64rem;
    font-weight:800;
    white-space:nowrap
}

/* Kuyruk Durum metnini biçimlendir */
.queue-status i {
    font-size:.58rem
}

/* Kuyruk Durum Bekleyen görsel vurgusunu düzenle */
.queue-status-bekliyor {
    background:#fff4d9;
    color:#986600
}

/* Kuyruk Durum Işlenen görsel vurgusunu düzenle */
.queue-status-isleniyor {
    background:#e8f1ff;
    color:#2868b7
}

/* Kuyruk Durum Gönderilmiş görsel vurgusunu düzenle */
.queue-status-gonderildi {
    background:#e5f8ef;
    color:#087a55
}

/* Kuyruk Durum Başarısız görsel vurgusunu düzenle */
.queue-status-basarisiz {
    background:#ffebeb;
    color:#c73535
}

/* Kuyruk Durum Yapılandırma Bekleyen görsel vurgusunu düzenle */
.queue-status-yapilandirma_bekliyor {
    background:#f2eaff;
    color:#7740b3
}

/* Kuyruk İşlemler yerleşimini düzenle */
.queue-actions {
    min-width:124px
}

/* Düğme Simge görsel vurgusunu düzenle */
.queue-actions .btn-icon.retry {
    color:#8b5f0a
}

/* Düğme Simge etkileşim durumunu göster */
.queue-actions .btn-icon.retry:hover {
    color:#a56b00;
    border-color:#e3bd72;
    background:#fff8e9
}

/* Kuyruk Kilitli yerleşimini düzenle */
.queue-locked {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    color:var(--muted)
}

/* Kuyruk Detay Satır yerleşimini düzenle */
.queue-detail-row>td {
    padding:0!important;
    border-top:0
}

/* Kuyruk Detay Satır etkileşim durumunu göster */
.queue-detail-row:hover {
    background:transparent!important
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details {
    display:grid;
    grid-template-columns:minmax(260px,1.3fr) minmax(300px,.8fr);
    gap:18px;
    padding:18px 22px;
    border-top:1px dashed var(--line);
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--surface-2) 66%,var(--surface))
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details>div>small {
    display:block;
    margin:0 0 5px;
    color:var(--muted);
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details p {
    margin:0;
    line-height:1.65;
    overflow-wrap:anywhere
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details dl {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details dl>div {
    padding:10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface)
}

/* Kuyruk Detaylar metnini biçimlendir */
.queue-details dt {
    color:var(--muted);
    font-size:.6rem
}

/* Kuyruk Detaylar yerleşimini düzenle */
.queue-details dd {
    margin:3px 0 0;
    font-size:.67rem;
    font-weight:750;
    overflow-wrap:anywhere
}

/* Kuyruk Hata Kutu yerleşimini düzenle */
.queue-error-box {
    grid-column:1/-1;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 14px;
    border:1px solid #efc5c5;
    border-radius:11px;
    background:#fff1f1;
    color:#9b3434
}

/* Kuyruk Hata Kutu görünümünü düzenle */
.queue-error-box>i {
    margin-top:2px
}

/* Kuyruk Hata Kutu yerleşimini düzenle */
.queue-error-box>span {
    display:flex;
    flex-direction:column;
    gap:2px;
    font-size:.68rem
}

/* Kuyruk Hata Kutu metnini biçimlendir */
.queue-error-box strong {
    font-size:.65rem
}

/* Kuyruk Sayfalama yerleşimini düzenle */
.queue-pagination {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:14px 18px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:.68rem
}

/* Kuyruk Sayfalama yerleşimini düzenle */
.queue-pagination>div {
    display:flex;
    gap:5px
}

/* Kuyruk Düzenleme İletişim Penceresi görsel vurgusunu düzenle */
.queue-edit-modal {
    background:var(--surface);
    color:var(--ink);
    border-color:var(--line)
}

/* Kuyruk Düzenleme İletişim Penceresi görsel vurgusunu düzenle */
.queue-edit-modal .modal-header,.queue-edit-modal .modal-footer {
    border-color:var(--line)
}

/* Kuyruk Düzenleme Bağlam yerleşimini düzenle */
.queue-edit-context {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
    padding:11px 13px;
    border-radius:11px;
    background:var(--surface-2)
}

/* Kuyruk Düzenleme Bağlam yerleşimini düzenle */
.queue-edit-context>span:first-child {
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:.7rem;
    font-weight:750
}

/* Kuyruk Düzenleme Bağlam görsel vurgusunu düzenle */
.queue-edit-context>span:first-child i {
    color:var(--brand)
}

/* Kuyruk Hata Kutu görsel vurgusunu düzenle */
[data-bs-theme=dark] .queue-error-box {
    border-color:#713a3a;
    background:#342020;
    color:#f0a6a6
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
[data-bs-theme=dark] .queue-metric-icon.amber {
    background:#3b3018
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
[data-bs-theme=dark] .queue-metric-icon.blue {
    background:#1d2d43
}

/* Kuyruk Ölçüm Simge görsel vurgusunu düzenle */
[data-bs-theme=dark] .queue-metric-icon.red {
    background:#402424
}

/* Kuyruk Filtreleri Tablet Düzeni */
@media(max-width:1100px) {
/* Kuyruk Filtreler görünümünü düzenle */
    .queue-filters {
        grid-template-columns:1fr 1fr
    }

/* Arama Denetim görünümünü düzenle */
    .queue-filters .search-control {
        grid-column:1/-1
    }

/* Kuyruk Ölçümler görünümünü düzenle */
    .queue-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

}

/* Kuyruk Sayfası Mobil Düzeni */
@media(max-width:767px) {
/* Kuyruk Sayfa yerleşimini düzenle */
    .queue-page {
        gap:13px
    }

/* Kuyruk Ölçümler yerleşimini düzenle */
    .queue-metrics {
        gap:8px
    }

/* Kuyruk Ölçümler yerleşimini düzenle */
    .queue-metrics>a {
        padding:13px
    }

/* Kuyruk Ölçüm Simge yerleşimini düzenle */
    .queue-metric-icon {
        width:36px;
        height:36px
    }

/* Kuyruk Filtreler yerleşimini düzenle */
    .queue-filters {
        grid-template-columns:1fr;
        padding:13px
    }

/* Arama Denetim görünümünü düzenle */
    .queue-filters .search-control {
        grid-column:auto
    }

/* Kuyruk Filtreler yerleşimini düzenle */
    .queue-filters .btn {
        width:100%
    }

/* Kuyruk Sonuç Çubuk görünümünü düzenle */
    .queue-result-bar {
        align-items:flex-start;
        flex-direction:column
    }

/* Kuyruk Sonuç Çubuk görünümünü düzenle */
    .queue-result-bar small {
        align-items:flex-start
    }

/* Kuyruk Detaylar yerleşimini düzenle */
    .queue-details {
        grid-template-columns:1fr;
        padding:15px
    }

/* Kuyruk Detaylar görünümünü düzenle */
    .queue-details dl {
        grid-template-columns:1fr
    }

/* Kuyruk Sayfalama görünümünü düzenle */
    .queue-pagination {
        align-items:flex-start;
        flex-direction:column
    }

/* Kuyruk Düzenleme Bağlam görünümünü düzenle */
    .queue-edit-context {
        align-items:flex-start;
        flex-direction:column
    }

}

/* Müşteri Segment Koşulu Oluşturucusunu Düzenle */
.segment-form-card {
    max-width:1180px
}

/* Segment Form Kart yerleşimini düzenle */
.segment-form-card .form-field {
    min-width:0
}

/* Segment Oluşturucu yerleşimini düzenle */
.segment-builder {
    width:100%;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--surface-2)
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:19px 20px;
    background:var(--surface);
    border-bottom:1px solid var(--line)
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-title {
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-title>span {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:12px;
    background:var(--brand-soft);
    color:var(--brand)
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-heading {
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-heading h2 {
    margin:0;
    font-size:.98rem
}

/* Segment Oluşturucu Başlık yerleşimini düzenle */
.segment-builder-title p {
    margin:4px 0 0;
    color:var(--muted);
    font-size:.7rem
}

/* Segment Mantık Rozet yerleşimini düzenle */
.segment-logic-badge {
    display:inline-flex;
    align-items:center;
    padding:4px 8px;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:.56rem;
    font-weight:850;
    letter-spacing:.05em
}

/* Segment Operasyon Bağlantı yerleşimini düzenle */
.segment-operation-link {
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:none;
    color:var(--brand);
    font-size:.68rem;
    font-weight:750
}

/* Segment Operasyon Bağlantı etkileşim durumunu göster */
.segment-operation-link:hover {
    color:var(--brand-dark)
}

/* Segment Kullanım Rehberi yerleşimini düzenle */
.segment-howto {
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:12px;
    padding:16px 20px;
    background:color-mix(in srgb,var(--brand-soft) 42%,var(--surface))
}

/* Segment Kullanım Rehberi yerleşimini düzenle */
.segment-howto>div {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0
}

/* Segment Kullanım Rehberi yerleşimini düzenle */
.segment-howto b {
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:9px;
    background:var(--surface);
    border:1px solid #bfe2d4;
    color:var(--brand);
    font-size:.67rem
}

/* Segment Kullanım Rehberi yerleşimini düzenle */
.segment-howto span {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Segment Kullanım Rehberi metnini biçimlendir */
.segment-howto strong {
    font-size:.68rem
}

/* Segment Kullanım Rehberi yerleşimini düzenle */
.segment-howto small {
    color:var(--muted);
    font-size:.58rem;
    line-height:1.35
}

/* Segment Kullanım Rehberi metnini biçimlendir */
.segment-howto>i {
    color:#9db0a8;
    font-size:.56rem
}

/* Segment Hazır Seçimler yerleşimini düzenle */
.segment-presets {
    display:flex;
    align-items:center;
    gap:7px;
    padding:13px 20px;
    background:var(--surface);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    overflow:auto
}

/* Segment Hazır Seçimler metnini biçimlendir */
.segment-presets>span {
    margin-right:4px;
    color:var(--muted);
    font-size:.61rem;
    font-weight:750;
    white-space:nowrap
}

/* Segment Hazır Seçimler yerleşimini düzenle */
.segment-presets button {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface-2);
    color:var(--ink);
    font-size:.63rem;
    font-weight:700;
    white-space:nowrap
}

/* Segment Hazır Seçimler görsel vurgusunu düzenle */
.segment-presets button i {
    color:var(--brand)
}

/* Segment Hazır Seçimler etkileşim durumunu göster */
.segment-presets button:hover {
    border-color:#9bd6bf;
    background:var(--brand-soft);
    color:var(--brand-dark)
}

/* Segment Koşul Alan yerleşimini düzenle */
.segment-condition-area {
    padding:18px 20px
}

/* Segment Koşul Liste yerleşimini düzenle */
.segment-condition-list {
    display:flex;
    flex-direction:column;
    gap:9px
}

/* Segment Koşul Satır yerleşimini düzenle */
.segment-condition-row {
    display:grid;
    grid-template-columns:30px minmax(230px,1.25fr) minmax(105px,.45fr) minmax(210px,1fr) 38px;
    align-items:end;
    gap:10px;
    padding:13px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface);
    transition:.18s
}

/* Segment Koşul Satır etkileşim durumunu göster */
.segment-condition-row:hover {
    border-color:#bfd8ce;
    box-shadow:0 7px 20px rgba(24,71,53,.045)
}

/* Segment Koşul Numara yerleşimini düzenle */
.segment-condition-number {
    align-self:center;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:.66rem;
    font-weight:800
}

/* Segment Koşul Değer yerleşimini düzenle */
.segment-condition-field,.segment-condition-value {
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0
}

/* Segment Koşul Işleç metnini biçimlendir */
.segment-condition-field>small,.segment-condition-value>small,.segment-condition-operator small {
    color:var(--muted);
    font-size:.57rem;
    font-weight:700
}

/* Segment Koşul Satır yerleşimini düzenle */
.segment-condition-row .form-control,.segment-condition-row .form-select {
    width:100%;
    min-width:0;
    min-height:42px;
    height:42px;
    padding:.55rem .7rem;
    font-size:.7rem
}

/* Segment Koşul Işleç yerleşimini düzenle */
.segment-condition-operator {
    height:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:5px 11px;
    border-radius:10px;
    background:var(--surface-2)
}

/* Segment Koşul Işleç metnini biçimlendir */
.segment-condition-operator strong {
    font-size:.7rem
}

/* Segment Değer Satır yerleşimini düzenle */
.segment-value-line {
    position:relative;
    display:flex;
    align-items:center;
    min-width:0
}

/* Segment Değer Satır görünümünü düzenle */
.segment-value-line .form-control {
    padding-right:76px
}

/* Segment Değer Satır yerleşimini düzenle */
.segment-value-line>b {
    position:absolute;
    right:11px;
    color:var(--muted);
    font-size:.62rem;
    pointer-events:none
}

/* Segment Kaldırma Koşul yerleşimini düzenle */
.segment-remove-condition {
    width:38px;
    height:42px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface);
    color:var(--muted)
}

/* Segment Kaldırma Koşul etkileşim durumunu göster */
.segment-remove-condition:hover {
    border-color:#efb4b4;
    background:#fff0f0;
    color:#d83d3d
}

/* Segment Ekleme Koşul yerleşimini düzenle */
.segment-add-condition {
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:10px;
    padding:9px 12px;
    border:1px dashed #93cdb6;
    border-radius:10px;
    background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface));
    color:var(--brand-dark);
    font-size:.68rem;
    font-weight:750
}

/* Segment Ekleme Koşul etkileşim durumunu göster */
.segment-add-condition:hover {
    background:var(--brand-soft);
    border-style:solid
}

/* Segment Ekleme Koşul etkileşim durumunu göster */
.segment-add-condition:disabled {
    opacity:.45;
    cursor:not-allowed
}

/* Segment Özet yerleşimini düzenle */
.segment-summary {
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 20px 18px;
    padding:14px 15px;
    border:1px solid #cbe7dc;
    border-radius:12px;
    background:var(--brand-soft)
}

/* Segment Özet yerleşimini düzenle */
.segment-summary>span {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:10px;
    background:var(--surface);
    color:var(--brand)
}

/* Segment Özet yerleşimini düzenle */
.segment-summary>div {
    display:flex;
    flex-direction:column;
    min-width:0
}

/* Segment Özet metnini biçimlendir */
.segment-summary small {
    color:var(--brand-dark);
    font-size:.57rem;
    font-weight:750
}

/* Segment Özet yerleşimini düzenle */
.segment-summary strong {
    margin-top:2px;
    font-size:.7rem;
    line-height:1.45
}

/* Durum Boş Durum metnini biçimlendir */
.segment-summary strong.is-empty {
    color:var(--muted);
    font-weight:600
}

/* Segment Oluşturucu Hata yerleşimini düzenle */
.segment-builder-error {
    display:none;
    margin:-6px 20px 16px;
    color:#c73535;
    font-size:.67rem;
    font-weight:650
}

/* Içeren Sunucu Hata görsel vurgusunu düzenle */
.segment-builder.has-error,.segment-builder.has-server-error {
    border-color:#e8a7a7
}

/* Segment Oluşturucu Hata yerleşimini düzenle */
.segment-builder.has-error .segment-builder-error,.segment-builder.has-server-error .segment-builder-error {
    display:block
}

/* Segment Json Detaylar görsel vurgusunu düzenle */
.segment-json-details {
    border-top:1px solid var(--line);
    background:var(--surface)
}

/* Segment Json Detaylar yerleşimini düzenle */
.segment-json-details summary {
    display:flex;
    align-items:center;
    gap:7px;
    padding:13px 20px;
    color:var(--muted);
    font-size:.64rem;
    font-weight:700;
    cursor:pointer;
    list-style:none
}

/* Segment Json Detaylar yerleşimini düzenle */
.segment-json-details summary::-webkit-details-marker {
    display:none
}

/* Segment Json Detaylar görsel vurgusunu düzenle */
.segment-json-details[open] summary {
    color:var(--ink);
    border-bottom:1px solid var(--line)
}

/* Segment Json Detaylar yerleşimini düzenle */
.segment-json-details>div {
    padding:15px 20px 19px
}

/* Segment Json Detaylar yerleşimini düzenle */
.segment-json-details p {
    margin:0 0 9px;
    color:var(--muted);
    font-size:.63rem
}

/* Segment Json Çıktı yerleşimini düzenle */
.segment-json-output {
    min-height:132px;
    resize:vertical;
    background:#101916!important;
    color:#d9eee6!important;
    border-color:#2b3a35!important;
    font:500 .68rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace
}

/* Segment Form Kart görünümünü düzenle */
.segment-form-card>.form-actions {
    align-items:center
}

/* Segment Koşulları Tablet Düzeni */
@media(max-width:991px) {
/* Segment Koşul Satır görünümünü düzenle */
    .segment-condition-row {
        grid-template-columns:30px minmax(190px,1fr) minmax(95px,.45fr) minmax(180px,1fr) 38px
    }

/* Segment Kullanım Rehberi yerleşimini düzenle */
    .segment-howto small {
        display:none
    }

}

/* Segment Formu Mobil Düzeni */
@media(max-width:767px) {
/* Segment Form Kart yerleşimini düzenle */
    .segment-form-card {
        padding:17px
    }

/* Segment Oluşturucu Başlık yerleşimini düzenle */
    .segment-builder-head {
        align-items:flex-start;
        flex-direction:column;
        padding:16px
    }

/* Segment Operasyon Bağlantı yerleşimini düzenle */
    .segment-operation-link {
        width:100%;
        justify-content:center;
        padding-top:12px;
        border-top:1px solid var(--line)
    }

/* Segment Kullanım Rehberi yerleşimini düzenle */
    .segment-howto {
        grid-template-columns:1fr;
        padding:13px 16px
    }

/* Segment Kullanım Rehberi yerleşimini düzenle */
    .segment-howto>i {
        display:none
    }

/* Segment Kullanım Rehberi görünümünü düzenle */
    .segment-howto>div {
        align-items:center
    }

/* Segment Kullanım Rehberi yerleşimini düzenle */
    .segment-howto small {
        display:block
    }

/* Segment Hazır Seçimler yerleşimini düzenle */
    .segment-presets {
        padding:11px 16px
    }

/* Segment Koşul Alan yerleşimini düzenle */
    .segment-condition-area {
        padding:14px
    }

/* Segment Koşul Satır görünümünü düzenle */
    .segment-condition-row {
        grid-template-columns:28px minmax(0,1fr) 38px;
        align-items:start
    }

/* Segment Koşul Numara görünümünü düzenle */
    .segment-condition-number {
        grid-column:1;
        grid-row:1
    }

/* Segment Koşul Alan görünümünü düzenle */
    .segment-condition-field {
        grid-column:2;
        grid-row:1
    }

/* Segment Kaldırma Koşul görünümünü düzenle */
    .segment-remove-condition {
        grid-column:3;
        grid-row:1
    }

/* Segment Koşul Işleç yerleşimini düzenle */
    .segment-condition-operator {
        grid-column:1/2;
        grid-row:2;
        height:42px;
        padding:4px 6px;
        text-align:center
    }

/* Segment Koşul Işleç yerleşimini düzenle */
    .segment-condition-operator small {
        display:none
    }

/* Segment Koşul Değer görünümünü düzenle */
    .segment-condition-value {
        grid-column:2/4;
        grid-row:2
    }

/* Segment Özet yerleşimini düzenle */
    .segment-summary {
        align-items:flex-start;
        margin:0 14px 14px
    }

/* Segment Json Detaylar yerleşimini düzenle */
    .segment-json-details summary {
        padding:13px 16px
    }

/* Segment Json Detaylar yerleşimini düzenle */
    .segment-json-details>div {
        padding:14px 16px
    }

/* Segment Form Kart görünümünü düzenle */
    .segment-form-card>.form-actions {
        flex-direction:column-reverse
    }

/* Segment Form Kart yerleşimini düzenle */
    .segment-form-card>.form-actions .btn {
        width:100%
    }

}

/* Kayıt Detayı Mobil Düzeni */
@media(max-width:767px) {
/* Kayıt Detay Izgara görünümünü düzenle */
    .record-detail-grid {
        grid-template-columns:1fr
    }

}

/* Form Alanları Mobil Düzeni */
@media(max-width:767px) {
/* Form Izgara görünümünü düzenle */
    .form-grid {
        grid-template-columns:minmax(0,1fr)
    }

/* Form Alan yerleşimini düzenle */
    .form-field {
        min-width:0
    }

/* Gelişmiş Seçim Kapsayıcı yerleşimini düzenle */
    .form-field .ck-editor,.form-field .select2-container {
        min-width:0;
        max-width:100%
    }

}

/* Modül Sekmeler yerleşimini düzenle */
.module-tabs {
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--surface);
    overflow-x:auto;
    box-shadow:0 6px 22px rgba(22,45,37,.035)
}

/* Modül Sekmeler yerleşimini düzenle */
.module-tabs a {
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:none;
    padding:9px 12px;
    border-radius:10px;
    color:var(--muted);
    font-size:.68rem;
    font-weight:750;
    white-space:nowrap
}

/* Modül Sekmeler etkileşim durumunu göster */
.module-tabs a:hover,.module-tabs a.active {
    background:var(--brand-soft);
    color:var(--brand-dark)
}

/* Modül Sekmeler etkileşim durumunu göster */
.module-tabs a.active {
    box-shadow:inset 0 0 0 1px #bfe2d4
}

/* Durum Rozet görsel vurgusunu düzenle */
.status-badge.success {
    background:#e5f8ef;
    color:#087a55
}

/* Durum Rozet görsel vurgusunu düzenle */
.status-badge.danger {
    background:#ffebeb;
    color:#c73535
}

/* Durum Rozet görsel vurgusunu düzenle */
.status-badge.warning {
    background:#fff4d9;
    color:#986600
}

/* Durum Rozet görsel vurgusunu düzenle */
.status-badge.muted {
    background:#eef2f1;
    color:#607069
}

/* Tablo Bağlantı metnini biçimlendir */
.table-link {
    color:var(--brand);
    font-weight:800
}

/* Tablo Bağlantı etkileşim durumunu göster */
.table-link:hover {
    color:var(--brand-dark)
}

/* Tablo yerleşimini düzenle */
.table td>small,.table td>a+small,.table td>strong+small {
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.61rem
}

/* Boş Durum yerleşimini düzenle */
.empty-state.compact {
    min-height:120px;
    padding:24px
}

/* Boş Durum metnini biçimlendir */
.empty-state.compact>i {
    margin-bottom:8px;
    color:var(--brand);
    font-size:1.2rem
}

/* Boş Durum yerleşimini düzenle */
.empty-state.compact p {
    margin:0
}

/* Filtre Tarih yerleşimini düzenle */
.filter-date {
    width:165px;
    min-height:43px
}

/* Filtre Seçim yerleşimini düzenle */
.filter-select.wide {
    width:320px
}

/* Rol ve Yetki Seçim Arayüzünü Düzenle */
.role-form-card {
    max-width:1240px
}

/* Rol Yetki Düzenleyici görsel vurgusunu düzenle */
.role-permission-editor {
    grid-column:1/-1;
    margin-top:24px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:17px;
    background:var(--surface-2)
}

/* Rol Yetki Başlık yerleşimini düzenle */
.role-permission-heading {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:19px 20px;
    border-bottom:1px solid var(--line);
    background:var(--surface)
}

/* Rol Yetki Simge yerleşimini düzenle */
.role-permission-icon {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:var(--brand-soft);
    color:var(--brand);
    font-size:1rem
}

/* Rol Yetki Başlık yerleşimini düzenle */
.role-permission-heading h2 {
    margin:0;
    font-size:1rem
}

/* Rol Yetki Başlık yerleşimini düzenle */
.role-permission-heading p {
    margin:4px 0 0;
    color:var(--muted);
    font-size:.68rem
}

/* Rol Yetki Sayı yerleşimini düzenle */
.role-permission-count {
    padding:7px 11px;
    border:1px solid #bfe2d4;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand-dark);
    font-size:.65rem;
    white-space:nowrap
}

/* Rol Yetki Kilit Not yerleşimini düzenle */
.role-permission-lock-note {
    display:flex;
    align-items:center;
    gap:11px;
    margin:16px 18px 0;
    padding:12px 14px;
    border:1px solid #b9d5ef;
    border-radius:12px;
    background:#edf6ff;
    color:#285f91
}

/* Rol Yetki Kilit Not yerleşimini düzenle */
.role-permission-lock-note>i {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:9px;
    background:#fff
}

/* Rol Yetki Kilit Not yerleşimini düzenle */
.role-permission-lock-note>div {
    display:flex;
    flex-direction:column;
    gap:2px
}

/* Rol Yetki Kilit Not metnini biçimlendir */
.role-permission-lock-note b {
    font-size:.69rem
}

/* Rol Yetki Kilit Not metnini biçimlendir */
.role-permission-lock-note span {
    font-size:.61rem
}

/* Rol Yetki Araç Çubuğu yerleşimini düzenle */
.role-permission-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px
}

/* Rol Yetki Arama yerleşimini düzenle */
.role-permission-search {
    position:relative;
    display:block;
    width:min(460px,100%)
}

/* Rol Yetki Arama yerleşimini düzenle */
.role-permission-search i {
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--muted);
    font-size:.72rem
}

/* Rol Yetki Arama yerleşimini düzenle */
.role-permission-search input {
    width:100%;
    height:42px;
    padding:0 14px 0 39px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface);
    color:var(--ink);
    font-size:.68rem;
    outline:0
}

/* Rol Yetki Arama etkileşim durumunu göster */
.role-permission-search input:focus {
    border-color:#8bcdb3;
    box-shadow:0 0 0 3px rgba(27,145,101,.11)
}

/* Rol Yetki Toplu İşlemler yerleşimini düzenle */
.role-permission-bulk-actions {
    display:flex;
    gap:7px
}

/* Rol Yetki Toplu İşlemler yerleşimini düzenle */
.role-permission-bulk-actions .btn {
    display:inline-flex;
    align-items:center;
    gap:6px
}

/* Rol Yetki Gruplar yerleşimini düzenle */
.role-permission-groups {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:0 18px 19px
}

/* Rol Yetki Grup yerleşimini düzenle */
.role-permission-group {
    min-width:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface)
}

/* Rol Yetki Grup Başlık yerleşimini düzenle */
.role-permission-group-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:13px 14px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--surface-2) 78%,var(--surface))
}

/* Rol Yetki Grup Başlık yerleşimini düzenle */
.role-permission-group-head>div {
    min-width:0
}

/* Rol Yetki Grup Başlık yerleşimini düzenle */
.role-permission-group-head h3 {
    margin:0;
    font-size:.73rem
}

/* Rol Yetki Grup Başlık yerleşimini düzenle */
.role-permission-group-head code {
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:.55rem
}

/* Rol Yetki Grup Açma Kapama yerleşimini düzenle */
.role-permission-group-toggle {
    display:flex;
    align-items:center;
    gap:6px;
    flex:none;
    color:var(--muted);
    font-size:.58rem;
    font-weight:750;
    cursor:pointer
}

/* Rol Yetki Grup Açma Kapama yerleşimini düzenle */
.role-permission-group-toggle input {
    width:15px;
    height:15px;
    accent-color:var(--brand)
}

/* Rol Yetki Öğeler yerleşimini düzenle */
.role-permission-items {
    display:grid
}

/* Rol Yetki Öğe yerleşimini düzenle */
.role-permission-item {
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:10px;
    padding:11px 13px;
    border-top:1px solid var(--line);
    cursor:pointer;
    transition:.15s
}

/* Rol Yetki Öğe görsel vurgusunu düzenle */
.role-permission-item:first-child {
    border-top:0
}

/* Rol Yetki Öğe etkileşim durumunu göster */
.role-permission-item:hover {
    background:color-mix(in srgb,var(--brand-soft) 36%,transparent)
}

/* Rol Yetki Öğe yerleşimini düzenle */
.role-permission-item>input {
    position:absolute;
    opacity:0;
    pointer-events:none
}

/* Rol Yetki Kontrol yerleşimini düzenle */
.role-permission-check {
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    margin-top:1px;
    border:1px solid #b8c8c2;
    border-radius:5px;
    background:var(--surface);
    color:transparent;
    font-size:.52rem;
    transition:.15s
}

/* Rol Yetki Kontrol etkileşim durumunu göster */
.role-permission-item>input:checked+.role-permission-check {
    border-color:var(--brand);
    background:var(--brand);
    color:#fff
}

/* Rol Yetki Kontrol etkileşim durumunu göster */
.role-permission-item>input:focus-visible+.role-permission-check {
    box-shadow:0 0 0 3px rgba(27,145,101,.18)
}

/* Rol Yetki Öğe etkileşim durumunu göster */
.role-permission-item>input:disabled~* {
    opacity:.72
}

/* Rol Yetki Kopyalama yerleşimini düzenle */
.role-permission-copy {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:10px;
    min-width:0
}

/* Rol Yetki Kopyalama metnini biçimlendir */
.role-permission-copy b {
    font-size:.67rem
}

/* Rol Yetki Kopyalama yerleşimini düzenle */
.role-permission-copy small {
    grid-column:1;
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:.58rem;
    line-height:1.4
}

/* Rol Yetki Kopyalama yerleşimini düzenle */
.role-permission-copy code {
    grid-column:2;
    grid-row:1/3;
    align-self:center;
    max-width:180px;
    overflow:hidden;
    color:var(--brand);
    font-size:.54rem;
    text-overflow:ellipsis;
    white-space:nowrap
}

/* Rol Yetki Boş Durum yerleşimini düzenle */
.role-permission-empty {
    margin:0 18px 18px;
    padding:20px;
    border:1px dashed var(--line);
    border-radius:12px;
    color:var(--muted);
    font-size:.68rem;
    text-align:center
}

/* Rol Yetki Boş Durum görünümünü düzenle */
.role-permission-empty i {
    margin-right:6px
}

/* Rol Yetki Özet görünümünü düzenle */
.role-permission-summary {
    margin-top:16px
}

/* Rol Yetki Gruplar görünümünü düzenle */
.role-permission-summary .role-permission-groups {
    padding-top:18px
}

/* Rol Yetki Öğe görünümünü düzenle */
.role-permission-summary .role-permission-item {
    cursor:default
}

/* Rol Yetki Öğe etkileşim durumunu göster */
.role-permission-summary .role-permission-item:hover {
    background:transparent
}

/* Yetki Işlem görsel vurgusunu düzenle */
.permission-action {
    color:var(--brand)!important
}

/* Rol Yetki Kilit Not görsel vurgusunu düzenle */
[data-bs-theme=dark] .role-permission-lock-note {
    border-color:#315878;
    background:#1d3041;
    color:#9cc9ee
}

/* Rol Yetki Kilit Not görsel vurgusunu düzenle */
[data-bs-theme=dark] .role-permission-lock-note>i {
    background:#243f56
}

/* Rol Yetkileri Tablet Düzeni */
@media(max-width:900px) {
/* Rol Yetki Gruplar görünümünü düzenle */
    .role-permission-groups {
        grid-template-columns:1fr
    }

}

/* Rol Yetkileri Mobil Düzeni */
@media(max-width:767px) {
/* Rol Yetki Başlık yerleşimini düzenle */
    .role-permission-heading {
        grid-template-columns:40px minmax(0,1fr);
        padding:16px
    }

/* Rol Yetki Sayı görünümünü düzenle */
    .role-permission-count {
        grid-column:1/-1;
        justify-self:start
    }

/* Rol Yetki Araç Çubuğu yerleşimini düzenle */
    .role-permission-toolbar {
        align-items:stretch;
        flex-direction:column;
        padding:14px
    }

/* Rol Yetki Arama yerleşimini düzenle */
    .role-permission-search {
        width:100%
    }

/* Rol Yetki Toplu İşlemler yerleşimini düzenle */
    .role-permission-bulk-actions {
        display:grid;
        grid-template-columns:1fr 1fr
    }

/* Rol Yetki Toplu İşlemler görünümünü düzenle */
    .role-permission-bulk-actions .btn {
        justify-content:center
    }

/* Rol Yetki Gruplar yerleşimini düzenle */
    .role-permission-groups {
        gap:9px;
        padding:0 14px 15px
    }

/* Rol Yetki Kopyalama yerleşimini düzenle */
    .role-permission-copy code {
        display:none
    }

/* Rol Yetki Kilit Not yerleşimini düzenle */
    .role-permission-lock-note {
        margin:14px 14px 0
    }

}