/* DESTEK (kullanici tarafi) - yeni talep formu (Destek sayfasi ve Destek cekmecesi ORTAK:
   Views/Shared/Partials/_SupportTicketFormPartial.cshtml), Destek cekmecesi (_HeaderPartial) ve Destek sayfasi
   (Views/Home/Support.cshtml). Talep penceresi ticket-conversation.css'te. Her sayfada yuklenir: cekmece kenar
   menusunden her sayfada acilir. YALNIZ yerlesim; yuzey ortak tanimlardan (sayfa plakasi / pencere panel-chrome.css,
   cekmece UST KATMAN).

   Eskiden: support-page.css (sohbet kutularinin sabit renkleri, gradyan, golge) ve support-quick-access.css (gri govdede
   golgeli kartlar, 0,54 rem rozet, tam genislik gonder dugmesi, cekmece ici ayrinti gorunumu); cekmecenin stili sayfa
   govdesinde yukleniyordu. */

/* --- Form ----------------------------------------------------------------------- */

/* Alanlar arasi tek aralik (alanlara mb-* yazilmaz); gonder sagda, sitenin dugme olcusunde. */
.support-ticket-form {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.support-form-field {
    min-width: 0;
}

.support-form-actions {
    display: flex;
    justify-content: flex-end;
}

/* --- Destek sayfasi --------------------------------------------------------------- */

/* Listeler SABIT duzende: govde hucresi tek satir + uc nokta yalniz sabit duzende keser (bm-datatables.css). Dar
   sutunlar sabit genislikte, MESAJ kalani alir ve tek satirda kesilir; tam metin hucrenin title'inda ve pencerede.
   Otomatik duzende uzun mesaj tabloyu pencerenin disina tasiyordu. En kucuk genislik: dar ekranda mesaj sutunu
   sifira inmez, tablo kendi kabinda yatay kayar. */
.support-page .dataTable {
    table-layout: fixed;
    min-width: 62rem;
}

.support-page .support-col-code {
    width: 12rem;
}

.support-page .support-col-requester {
    width: 10rem;
}

.support-page .support-col-category {
    width: 12rem;
}

.support-page .support-col-status {
    width: 6.5rem;
}

.support-page .support-col-date {
    width: 8.5rem;
}

.support-page .support-col-read {
    width: 5rem;
}

.support-page .support-col-action {
    width: 7.5rem;
}

/* Genis ekranda (tek ekran cercevesi) YENI TALEP formu sekmenin kalanini doldurur: mesaj kutusu uzar, dosya ekleri ve
   Gonder pencerenin altinda (kullanici, 2026-10-02: "burada altta cok bosluk var" - form dogal boyda kalinca pencerenin
   alti bos kaliyordu). Kisa ekranda sekme kendi icinde kayar (en kucuk mesaj kutusu 8rem); dar ekranda dogal boy. */
@media (min-width: 1200px) {
    .support-page .support-ticket-form {
        flex: 1 0 auto;
    }

    .support-page .support-form-message {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }

        .support-page .support-form-message textarea {
            flex: 1 1 auto;
            min-height: 8rem;
            resize: none;
        }
}

/* --- Destek cekmecesi ------------------------------------------------------------------ */

/* Genislik ekranin %52'si, en az 720 px (kullanici, 2026-10-07: "destek sidedrawer daha genis olsun, %50 - 55 kadar
   gelebilir"; 2026-10-02'den beri sabit 720 px'ti, once 520 px - form ve son talepler tek sutun, mesaj onizlemeleri
   erken kesiliyordu). Ekrandan tasmaz. Eskiden liste + ayrinti icin 960 px / 60vw. Dar ekran bm-offcanvas.css kurali. */
#supportQuickAccess {
    width: min(max(720px, 52vw), calc(100vw - 2.5rem)) !important;
}

.support-drawer .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* "Yalniz benimkiler" anahtari (sitenin anahtari .switch): listenin ustunde, sagda. */
.support-drawer-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    margin-bottom: .35rem;
    font-size: var(--bz-font-sm);
}

    .support-drawer-filter label:not(.switch) {
        margin: 0;
    }

/* Son talepler: satirlar ince cizgiyle ayrilir (beyaz katmanin icinde ayri kutu yok). */
.support-drawer-list {
    display: flex;
    flex-direction: column;
}

.support-drawer-item {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    width: 100%;
    padding: .5rem .35rem;
    text-align: left;
    color: inherit;
    background: none;
    border: 0;
    border-top: var(--bz-border-width) solid var(--bs-border-color-translucent);
    border-radius: 0;
}

    .support-drawer-item:first-child {
        border-top: 0;
    }

    .support-drawer-item:hover,
    .support-drawer-item:focus-visible {
        background-color: var(--bs-tertiary-bg);
    }

.support-drawer-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.support-drawer-code {
    font-weight: 600;
}

.support-drawer-meta {
    font-size: var(--bz-font-xs);
    color: var(--bs-secondary-color);
}

.support-drawer-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-drawer-empty {
    padding: .5rem .35rem;
    color: var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
    /* Kimlik secicisi bm-offcanvas.css'in dar ekran genisligini eziyordu; ayni deger burada da. */
    #supportQuickAccess {
        width: calc(100vw - 1rem) !important;
    }
}