/* destek.sitebizden.com - Ek Stiller */

/* sitebizden kurumsal font (sitebizden-kit) */
@font-face{font-family:'sitebizdenWeb';src:url('https://cdn.sitebizden.com/ui/v1/fonts/sitebizdenWebRegular.woff2?v=2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'sitebizdenWeb';src:url('https://cdn.sitebizden.com/ui/v1/fonts/sitebizdenWebMedium.woff2?v=2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'sitebizdenWeb';src:url('https://cdn.sitebizden.com/ui/v1/fonts/sitebizdenWebBold.woff2?v=2') format('woff2');font-weight:600 700;font-style:normal;font-display:swap}


/* Genel */
body {
    background-color: #f5f7fa;
    font-family: 'sitebizdenWeb', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Kartlar */
.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

.card-header {
    border-bottom: 1px solid #eee;
    border-radius: 8px 8px 0 0 !important;
}

/* İstatistik Kartları */
.card.border-primary { border-left: 3px solid #0d6efd !important; }
.card.border-danger { border-left: 3px solid #dc3545 !important; }
.card.border-warning { border-left: 3px solid #fff9e5 !important; }
.card.border-success { border-left: 3px solid #e04921 !important; }

/* Tablo */
.table th {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6c757d;
    font-weight: 600;
    border-top: none;
}

.table td {
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background-color: #f0f4ff;
}

/* Avatar */
.avatar-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

/* Mesaj Balonları */
.mesaj-balonu {
    padding: 12px 16px;
    border-radius: 12px;
    max-width: 100%;
    word-wrap: break-word;
}

.mesaj-yonetici {
    background-color: #f4f4f2;
    border: 1px solid #ebebe8;
    border-radius: 4px 14px 14px 14px;
}

.mesaj-musteri {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px 4px 14px 14px;
}

/* Badge */
.badge {
    font-weight: 500;
    font-size: 0.75rem;
    padding: 4px 8px;
}

/* Navbar */
.navbar-brand {
    font-weight: 600;
}

/* Form */
.form-control:focus,
.form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
}

textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

/* Butonlar */
.btn {
    border-radius: 6px;
    font-weight: 500;
}

/* Alert */
.alert {
    border: none;
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .navbar .d-flex {
        flex-wrap: wrap;
        gap: 5px;
    }

    .navbar .text-light.me-3 {
        display: none;
    }

    .card-body.py-3 h4 {
        font-size: 1.3rem;
    }

    .mesaj-balonu {
        padding: 10px 12px;
        font-size: 0.9rem;
    }

    .table {
        font-size: 0.85rem;
    }
}


.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e04921;
    --bs-btn-border-color: #e04921;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e04921;
    --bs-btn-disabled-border-color: #e04921;
}
.btn:hover {
    color: #fff;
    background-color:#f07d4e;
    border-color: #f07d4e;
}



.btn-warning {
    --bs-btn-color: #f9886a;
    --bs-btn-bg: #fff9e5;
    --bs-btn-border-color: #fff9e5;
    --bs-btn-hover-color: #f9886a;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #f9886a;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f9886a;
    --bs-btn-disabled-bg: #fff9e5;
    --bs-btn-disabled-border-color: #fff9e5;
}

.ustbar{
  width:100%;
  background: #fff;
  padding:20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}




.baslik{color:#e04921!important}
.kucukFont{font-size:0.8rem!important}
.gri1{color:#717171!important}


.element-box{
  border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

/* Editör (Quill) */
.editor-kutu {
    border: 1px solid #dee2e6;
    border-radius: 12px;
    background: #fff;
}
.editor-kutu:focus-within {
    border-color: #111;
    box-shadow: none;
}
.editor-kutu .ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid #dee2e6;
    border-radius: 12px 12px 0 0;
    background: #fafafa;
}
.editor-kutu .ql-container.ql-snow {
    border: 0;
    font-family: inherit;
    font-size: 0.95rem;
}
.editor-kutu .ql-editor {
    min-height: 220px;
    max-height: 60vh;
    overflow-y: auto;
    line-height: 1.55;
}
.editor-kutu-kisa .ql-editor {
    min-height: 120px;
}
.editor-kutu .ql-editor.ql-blank::before {
    font-style: normal;
    color: #9aa0a6;
}
.editor-kutu .ql-editor img {
    max-width: 100%;
    height: auto;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin: 6px 0;
}
.editor-durum {
    font-size: 0.8rem;
    min-height: 1.2em;
    margin-top: 4px;
}
.editor-durum-bilgi { color: #0d6efd; }

/* Talep ve mesaj içeriği */
.ticket-icerik {
    line-height: 1.55;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.ticket-icerik p { margin: 0 0 0.5rem; }
.ticket-icerik p:last-child { margin-bottom: 0; }
.ticket-icerik ul,
.ticket-icerik ol { padding-left: 1.4rem; margin: 0 0 0.5rem; }
.ticket-icerik img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin: 6px 0;
    cursor: zoom-in;
}
.ticket-icerik a { word-break: break-all; }


/* ===== Sade tasarım (liste, detay, header) ===== */

/* Header */
.sb-ust{background:#fff;border-bottom:1px solid #e5e5e5}
.sb-ust-ic{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:16px}
.sb-marka{display:inline-flex;align-items:center;gap:12px;color:#111;text-decoration:none}
.sb-marka img{display:block;height:26px;width:auto}
.sb-marka span{font-size:17px;font-weight:400;color:#888;padding-left:12px;border-left:1px solid #e5e5e5;line-height:26px}
.sb-marka:hover{color:#111}
.sb-sol{display:flex;align-items:center;gap:10px}
.sb-bildirim{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#e5322d;color:#fff;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s}
.sb-bildirim:hover{background:#c4221d;color:#fff}
.sb-menu{display:flex;align-items:center;gap:22px}
.sb-kullanici{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#888;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-cikis{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.sb-cikis:hover{color:#111;border-bottom-color:#111}
.sb-sayfa{margin-top:56px;margin-bottom:80px}

/* Ortak */
.tl-kutu{background:#fff;border:1px solid #e5e5e5;border-radius:14px}
.tl-btn{display:inline-block;background:#111;color:#fff;padding:11px 24px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid #111;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.tl-btn:hover{background:#fff;color:#111}
.tl-btn:disabled{opacity:.6;cursor:default}
.tl-btn-kucuk{padding:8px 18px;font-size:11px}
.tl-durum{display:inline-flex;align-items:center;gap:8px}
.tl-durum:before{content:"";width:7px;height:7px;border-radius:50%;background:#bbb}
.tl-durum.acik:before{background:#111}
.tl-baloncuk{display:inline-block;background:#111;color:#fff;font-size:11px;letter-spacing:.04em;padding:5px 11px;border-radius:12px;white-space:nowrap}
.tl-oncelik{color:#888}
.tl-oncelik.yuksek{color:#111;font-weight:600}

/* Liste */
.tl-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:48px}
.tl-ozet div{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:26px 24px}
.tl-ozet b{display:block;font-size:34px;font-weight:400;color:#111;line-height:1}
.tl-ozet span{display:block;margin-top:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#777}
.tl-bas{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.tl-bas h1{font-size:26px;font-weight:400;color:#111;margin:0}
.tl-kolon,.tl-satir{display:grid;grid-template-columns:130px 1fr 150px 80px 140px;gap:16px;align-items:center;padding:0 24px}
.tl-kolon{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#999;padding-bottom:12px}
.tl-satir{background:#fff;border:1px solid #e5e5e5;border-radius:14px;min-height:76px;margin-bottom:10px;color:#333;text-decoration:none;font-size:14px;transition:border-color .2s}
.tl-satir:hover{border-color:#111;color:#333}
.tl-no{font-size:12px;letter-spacing:.06em;color:#888}
.tl-baslik{color:#111;font-size:15px}
.tl-yanit{display:inline-block;margin-left:8px;font-size:12px;color:#888}
.tl-tarih{color:#333;font-size:13px;line-height:1.35}
.tl-tarih small{display:block;color:#999;font-size:12px}
.tl-satir.kapali{background:#fafafa;opacity:.5}
.tl-satir.kapali:hover{opacity:.8}
.tl-bos{border:1px solid #e5e5e5;border-radius:14px;background:#fff;text-align:center;padding:64px 24px;color:#777}

/* Detay */
.td-kutu{padding:28px}
.td-etiket{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:18px}
.td-bilgi{margin:0}
.td-bilgi dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#999;font-weight:400;margin-top:16px}
.td-bilgi dt:first-child{margin-top:0}
.td-bilgi dd{margin:4px 0 0;color:#111;font-size:14px}
.td-bilgi dd small{display:block;color:#999;font-size:12px}
.td-ek{width:100%;height:80px;object-fit:cover;cursor:pointer;border-radius:10px;border:1px solid #e5e5e5}
.td-ust-bilgi{font-size:12px;letter-spacing:.06em;color:#888;margin-bottom:8px}
.td-baslik{font-size:26px;font-weight:400;color:#111;margin:0 0 20px;line-height:1.25}
.td-sistem{text-align:center;font-size:12px;color:#999;margin:10px 0 18px}
.td-mesaj-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.td-mesaj-ust strong{color:#111;font-size:14px}
.td-mesaj-ust span{color:#999;font-size:12px;white-space:nowrap}
.td-av-yonetici{background:#111;color:#fff}
.td-av-musteri{background:#ececec;color:#555}
.td-bildirim{background:#fff;border:1px solid #111;border-radius:14px;padding:16px 22px;margin-bottom:24px;color:#111}
.td-kapali{background:#fafafa;border:1px solid #e5e5e5;border-radius:14px;padding:18px 22px;color:#777}

/* Yeni talep formu */
.yt-form .form-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:8px}
.yt-zorunlu{color:#111}
.yt-form .form-control,.yt-form .form-select{border:1px solid #dee2e6;border-radius:12px;padding:11px 14px;font-size:15px;color:#111}
.yt-form .form-control:focus,.yt-form .form-select:focus{border-color:#111;box-shadow:none}
.yt-form .form-control::placeholder{color:#aaa}
.yt-form .form-text{color:#999;font-size:12px;margin-top:8px}
.yt-form .mb-3{margin-bottom:24px!important}
.yt-hata{border:1px solid #e5322d;border-radius:12px;padding:14px 18px;margin-bottom:24px;color:#c4221d;font-size:14px}
.kr-serit{height:3px;background:#e9e9e9}
.kr-dolu{display:block;height:100%}
.kr-i{flex:none;width:18px;height:18px;padding:0;margin-left:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d5d5d5;border-radius:50%;color:#666;cursor:pointer}
.kr-i:hover{border-color:#111;color:#111}
.kr-kota{margin-bottom:14px;font-size:14px}
.kr-kota-ust{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}
.kr-kota-ust span{color:#666;font-size:13px}
.kr-kota .kr-serit{height:6px;border-radius:3px;overflow:hidden}
.kr-modal p{font-size:14px;line-height:1.7}
.kr-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:48px}
.kr-kartlar-yakin{margin-bottom:12px}
.kr-kart{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:26px 24px}
.kr-kart b{display:block;font-size:34px;font-weight:400;color:#111;line-height:1}
.kr-kart-ad{display:block;margin-top:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#777}
.kr-kart .kr-serit{height:4px;border-radius:2px;overflow:hidden;margin-top:18px}
.kr-kart small{display:block;margin-top:12px;font-size:13px;color:#888}
.kr-yazi{font-size:15px;line-height:1.9;color:#333}
.kr-yazi p{margin-bottom:14px}
.kr-yazi ul{padding-left:20px;margin:0 0 20px}
.kr-yazi li{margin-bottom:12px}
.kr-yazi a{color:#111}
.kr-etiket-ara{margin-top:48px}
.kr-bakiye{margin-bottom:20px}
.kr-bakiye b{display:block;font-size:34px;font-weight:400;color:#111;line-height:1}
.kr-hareket{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eee;font-size:14px}
.kr-hareket b{font-weight:600;color:#111;white-space:nowrap}
.kr-ticket{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:14px;min-height:76px;padding:12px 24px;margin-bottom:10px;color:#333;text-decoration:none;font-size:14px;transition:border-color .2s}
.kr-ticket:hover{border-color:#111;color:#333}
.kr-ticket b{font-weight:600;color:#111;white-space:nowrap}
@media (max-width:767px){.kr-kartlar{grid-template-columns:1fr}.kr-ticket{grid-template-columns:1fr auto}.kr-ticket .tl-no{grid-column:1 / -1}.kr-hareket{grid-template-columns:1fr auto}.kr-hareket .tl-no{grid-column:1 / -1}}

/* Hata ekranı */
.hs-kutu{max-width:520px;margin:0 auto;padding:40px 36px;text-align:center}
.hs-kutu .td-etiket{margin-bottom:14px}
.hs-mesaj{font-size:18px;color:#111;line-height:1.5;margin:0 0 28px}

@media (max-width:991px){
    .tl-ozet{grid-template-columns:repeat(2,1fr)}
    .tl-kolon{display:none}
    .tl-satir{grid-template-columns:1fr auto;gap:6px 16px;padding:18px 20px}
    .tl-baslik{grid-column:1 / -1}
    .sb-kullanici{display:none}
}
@media (max-width:576px){
    .td-kutu{padding:20px}
    .td-mesaj-ust{flex-direction:column;gap:2px}
}

/* Otomatik mesajlar (durum değişikliği, cevapsız kapatma) - temsilci mesajından açık */
.mesaj-otomatik{background-color:#fefefe;border-color:#d8d8d4;color:#898989}
.mesaj-otomatik .td-mesaj-ust strong{color:#898989}
.td-av-otomatik{background:#7a7a76;color:#fff}