.form-check-danger:checked {
    background-color: #dc3545!important;
    border-color: #dc3545!important;;
}

.form-check-success:checked {
    background-color: #198754!important;
    border-color: #198754!important;;
}

.form-check-warning:checked {
    background-color: #ffc107!important;
    border-color: #ffc107!important;;
}

.no-we{font-weight:lighter!important;}
.no-click {
    pointer-events: none!important;
    cursor: default!important;
    opacity: 0.5!important;
}

.sc{
    max-height:400px;
    overflow-x: hidden;
    overflow-y:auto!important;
}

.sorting_disabled::before,
.sorting_disabled::after {
    display: none !important;
    content: ''; /* Boş içerik eklemek */
}

label, select {
    cursor: pointer;
}

.pointer{cursor: pointer!important;}
.mdi-form-select::before{content:''!important;}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


div.dataTables_wrapper div.dt-row{
    overflow-y: auto!important;
}

.btn-group .btn, .leadnoadd, .form-control-sm{
    padding: 4px 8px; /* Buton iç boşluklarını küçült */
    font-size: 0.875rem; /* Yazı boyutunu küçült */
}

@media (max-width: 912px) {


    #leadNumbers tr {
        border-top: 1px dotted #FF0000;
        display: flex;
        flex-wrap: wrap;
    }

    #leadNumbers td {
        display: block;
        width: 50%;
    }
    #leadNumbers thead {
        height: 0;
        visibility: hidden;
    }

}
@media (max-width: 768px){
    .bread-but{
        margin-top: -54px!important;
    }

    .container-fluid{
        padding-right: 0!important;
        padding-left: 0!important;
    }

    #dr_wait_pay{
        width: 160px!important;
    }

    .input-group .input-group-prepend {
        flex: 0 0 40%!important;
        max-width: 40%!important;
    }
    .sis{
        margin-right: -12px!important;
    }

    #leadNumbers thead {
        visibility: visible;

    }
    #leadNumbers {
        display: block; /* Tablonun blok olarak davranmasını sağlar */
    }

    #leadNumbers tr {
        border-top: none!important;
        display: block; /* Satırları blok olarak gösterir */
    }

    #leadNumbers td {
        display: block; /* Hücreleri blok olarak gösterir */
        width: 100% !important; /* Her hücrenin tam genişlikte görünmesini sağlar */
    }
}


.sis{
    margin-top: 4px;
    margin-right: -12px;
}
.drops{
    padding-left: 8px!important;
}



@media (max-width: 992px){
    .topnav .navbar-nav .nav-item:first-of-type .nav-link {
        padding-left: 1rem!important;
    }
    .lefter{
        margin-left: 0!important;
    }

    .sis{
        margin-right:8px;
    }
    #drpmenucallbacks, #drpmenuleads{
        width: 100%!important;
    }

    #hideBtt {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .info-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .info-container span {
        width: 100% !important;
        text-align: left !important;
    }

    .btnhide,
    #nextLead {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .lbtts{
        width: 100% !important;
    }

}
@media (min-width: 992px){
    .drops{
        min-width: 210px!important;
    }

    .activity-wid .activity-list {
        padding: 0 0 33px 18px!important;
    }
    .activity-border:before{
        top: 35px!important;
        left: -5px!important;
        height:40px!important
    }
    .avatar-sm {
        height: 2rem!important;
        width: 2rem!important;
    }
}
.input-group .input-group-prepend {
    flex: 0 0 20%; /* Select kutusu genişliğini %30 yap */
    max-width: 20%;
}

.input-group .form-control {
    flex: 1; /* Input alanı geri kalan %70'lik alanı kaplayacak */
}

/* iPad Mini & iPad Air Yatay (Landscape) */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .topnav .navbar-nav .nav-link {
        font-size: 14px!important;
        padding: 1.2rem 1rem!important;
    }
    .page-title-box{
        margin-top: 2px!important;
    }
}

/* iPad Mini & iPad Air Dikey (Portrait) */
@media only screen and (max-width: 768px) and (orientation: portrait) {

}

/* iPad Pro Dikey (Portrait) */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
    .topnav .navbar-nav .nav-link {
        font-size: 14px!important;
        padding: 1.2rem 1rem!important;
    }
    .page-title-box{
        margin-top: 2px!important;
    }
}
.btn-whatsapp {
    color: #fff;
    background-color: #05cd51;
    border-color: #05cd51;
}

.btn-whatsapp:hover,
.btn-whatsapp:active,
.btn-whatsapp.active {
    background: #1c9c4d;
    color: #ffffff;
    border-color: #1c9c4d;
}
.btn-whatsapp:focus, .btn-whatsapp.focus {
    box-shadow: 0 0 0 0.1rem rgba(12, 70, 135,0.4)
}
#poolCount i{
    font-size: 12px!important;
    color: #fff;
}

.dropdown-item small {
    color: #F00!important;
}
.bootstrap-select .dropdown-menu li.active small{
    color: #F00!important;
}

.modal-80{
    width: 80% !important;
}


/* --- ORTAK BUTON AYARI (Hafif Yuvarlak & Geçişli) --- */
.btn-custom {
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 18px;
    transition: all 0.25s ease-in-out;
    letter-spacing: 0.3px;
}

/* 1. TANGERINE (Canlı Mandalina - Enerjik işlemler) */
.btn-tangerine { background-color: #FF8C42; border: 1px solid #FF8C42; color: #fff; }
.btn-tangerine:hover { background-color: #E67325; border-color: #E67325; color: #fff; }
.btn-tangerine-outline { background: transparent; border: 1px solid #FF8C42; color: #FF8C42; }
.btn-tangerine-outline:hover { background-color: #FF8C42; color: #fff; }

/* 2. BERRY (Böğürtlen - Dikkat çekici butonlar) */
.btn-berry { background-color: #D93666; border: 1px solid #D93666; color: #fff; }
.btn-berry:hover { background-color: #B52048; border-color: #B52048; color: #fff; }
.btn-berry-outline { background: transparent; border: 1px solid #D93666; color: #D93666; }
.btn-berry-outline:hover { background-color: #D93666; color: #fff; }

/* 3. TEAL (Zümrüt Yeşili - Onay/Başarılı) */
.btn-teal { background-color: #20C997; border: 1px solid #20C997; color: #fff; }
.btn-teal:hover { background-color: #179B74; border-color: #179B74; color: #fff; }
.btn-teal-outline { background: transparent; border: 1px solid #20C997; color: #20C997; }
.btn-teal-outline:hover { background-color: #20C997; color: #fff; }

/* 4. MIDNIGHT (Gece Mavisi - Kurumsal/Ciddi) */
.btn-midnight { background-color: #2C3E50; border: 1px solid #2C3E50; color: #fff; }
.btn-midnight:hover { background-color: #1A252F; border-color: #1A252F; color: #fff; }
.btn-midnight-outline { background: transparent; border: 1px solid #2C3E50; color: #2C3E50; }
.btn-midnight-outline:hover { background-color: #2C3E50; color: #fff; }

/* 5. SLATE (Füme/Gri - İkincil işlemler) */
.btn-slate { background-color: #607D8B; border: 1px solid #607D8B; color: #fff; }
.btn-slate:hover { background-color: #455A64; border-color: #455A64; color: #fff; }
.btn-slate-outline { background: transparent; border: 1px solid #607D8B; color: #607D8B; }
.btn-slate-outline:hover { background-color: #607D8B; color: #fff; }

/* 6. MUSTARD (Hardal - Uyarı/Bekleme) */
.btn-mustard { background-color: #F39C12; border: 1px solid #F39C12; color: #fff; }
.btn-mustard:hover { background-color: #D68910; border-color: #D68910; color: #fff; }
.btn-mustard-outline { background: transparent; border: 1px solid #F39C12; color: #F39C12; }
.btn-mustard-outline:hover { background-color: #F39C12; color: #fff; }

/* 7. ROYAL (Kraliyet Mavisi - Vurgulu) */
.btn-royal { background-color: #4169E1; border: 1px solid #4169E1; color: #fff; }
.btn-royal:hover { background-color: #274AC0; border-color: #274AC0; color: #fff; }
.btn-royal-outline { background: transparent; border: 1px solid #4169E1; color: #4169E1; }
.btn-royal-outline:hover { background-color: #4169E1; color: #fff; }

/* 8. LIME (Canlı Yeşil - Yeni/Aktif) */
.btn-lime { background-color: #82C91E; border: 1px solid #82C91E; color: #fff; }
.btn-lime:hover { background-color: #66A80F; border-color: #66A80F; color: #fff; }
.btn-lime-outline { background: transparent; border: 1px solid #82C91E; color: #82C91E; }
.btn-lime-outline:hover { background-color: #82C91E; color: #fff; }

/* 9. GRAPE (Üzüm Moru - Özel yetki) */
.btn-grape { background-color: #BE4BDB; border: 1px solid #BE4BDB; color: #fff; }
.btn-grape:hover { background-color: #9C36B5; border-color: #9C36B5; color: #fff; }
.btn-grape-outline { background: transparent; border: 1px solid #BE4BDB; color: #BE4BDB; }
.btn-grape-outline:hover { background-color: #BE4BDB; color: #fff; }

/* 10. CHOCO (Kahve - Log/Arşiv) */
.btn-choco { background-color: #795548; border: 1px solid #795548; color: #fff; }
.btn-choco:hover { background-color: #5D4037; border-color: #5D4037; color: #fff; }
.btn-choco-outline { background: transparent; border: 1px solid #795548; color: #795548; }
.btn-choco-outline:hover { background-color: #795548; color: #fff; }

/* DataTable — genel hücre ayarı */
.dataTable th, .dataTable td { vertical-align: middle !important; padding: 6px 10px !important; }

/* DataTable — mobilde yatay scroll (satır kırılması önlenir) */
@media (max-width: 767.98px) {
    .dataTables_wrapper {  -webkit-overflow-scrolling: touch; }
    .dataTable { white-space: nowrap; }
}

/* Nav-tabs — mobilde tek satır yatay scroll */
@media (max-width: 767.98px) {
    .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;        /* Firefox */
    }
    .nav-tabs::-webkit-scrollbar { display: none; } /* Chrome/Safari */
    .nav-tabs .nav-item { flex-shrink: 0; }
}

#dropzone{
    padding: 20px;
}

.w-30{width:30%!important}
.w-35{width:35%!important}
.w-40{width:40%!important}
.w-45{width:45%!important}

.isscr {
    height: 300px!important;
    overflow-x: auto!important;
}

/* Selectpicker içindeki renkli badge'ler — dropdown listesi ve seçili değer */
.bootstrap-select .dropdown-menu .dropdown-item .badge,
.bootstrap-select .filter-option-inner-inner .badge {
    font-size: 0.82rem;
    padding: 0.38em 0.72em;
    vertical-align: middle;
}

.topnav .navbar-nav .nav-link {
    font-size: 15px!important;
    padding: 1.3rem 1rem!important;
}

/* ── Warning palet — global okunabilirlik (light + dark ortak) ──
   Bootstrap default'unda sarı zemin + beyaz/açık metin okunmuyor.
   #ffc107 sarısı her iki temada aynı; üstüne koyu metin WCAG uyumlu. */
.badge.bg-warning,
.bg-warning {
    color: #1f2937 !important;
}
.btn-warning {
    color: #1f2937 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    color: #1f2937 !important;
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}
.btn-outline-warning {
    color: #b8860b !important;
    border-color: #d39e00 !important;
    background-color: transparent;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active {
    color: #1f2937 !important;
    background-color: #ffc107 !important;
    border-color: #d39e00 !important;
}

/* Mobilde topbar (dark) — header item'lar arasını daralt */
@media (max-width: 575.98px) {
    body[data-topbar="dark"] .header-item {
        padding: 0 .5rem !important;
    }
    body[data-topbar="dark"] .header-item .noti-icon,
    body[data-topbar="dark"] .navbar-header .dropdown > .header-item {
        padding-left: .50rem !important;
        padding-right: .50rem !important;
    }
}

/* ============================================================
   Ask Doctor (chat modülü) — layout (tema-agnostik)
   Renkler custom.css / custom-dark.css'te.
   ============================================================ */
.chat-shell { max-height: calc(100vh - 220px); display: flex; flex-direction: column; }
.chat-header { padding: 12px 16px; }
.chat-body {
    flex: 1; overflow-y: auto; padding: 16px;
    display: flex; flex-direction: column; gap: 6px;
}
.chat-msg {
    max-width: 70%; padding: 8px 12px; border-radius: 12px;
    word-wrap: break-word;
    position: relative;
}
.chat-msg-patient { align-self: flex-start; border-bottom-left-radius: 4px; }
.chat-msg-staff   { align-self: flex-end;   border-bottom-right-radius: 4px; }
.chat-msg .meta   { font-size: 11px; margin-top: 2px; }

.chat-att { margin-top: 4px; display: flex; flex-direction: column; gap: 4px; }
.chat-att img { max-width: 240px; max-height: 240px; border-radius: 8px; cursor: pointer; display: block; }
.chat-att .pdf {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 10px; border-radius: 6px; text-decoration: none;
}
.chat-att .purged { font-style: italic; font-size: 12px; }

.chat-input { padding: 12px; }
.chat-loadmore { text-align: center; padding: 8px; }
.chat-empty { text-align: center; padding: 32px; }

.att-staging { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.att-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 8px; border-radius: 16px; font-size: 12px;
}
.att-chip.uploading { opacity: 0.6; }
.att-chip .rm { cursor: pointer; margin-left: 2px; }

.lb-overlay {
    position: fixed; inset: 0;
    display: none; align-items: center; justify-content: center; z-index: 2000;
}
.lb-overlay.show { display: flex; }
.lb-overlay img { max-width: 95vw; max-height: 95vh; object-fit: contain; }
.lb-close {
    position: absolute; top: 16px; right: 20px;
    font-size: 28px; cursor: pointer; line-height: 1;
    border-radius: 50%;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
}

.chat-msg.hl-match  { box-shadow: 0 0 0 2px #f59e0b; }
.chat-msg.hl-hidden { display: none; }

.emoji-pop {
    display: none; position: absolute; bottom: 100%; margin-bottom: 6px;
    border-radius: 8px; padding: 4px 6px;
    flex-wrap: nowrap; gap: 2px; z-index: 100; white-space: nowrap;
}
.emoji-pop.show { display: inline-flex; }
.emoji-pop button {
    background: none; border: 0; font-size: 20px; padding: 2px 4px;
    cursor: pointer; line-height: 1; color: inherit;
    flex: 0 0 auto;
}

.chat-msg-actions {
    position: absolute; top: -10px; right: 4px;
    display: none; gap: 2px;
    border-radius: 12px; padding: 2px 4px;
}
.chat-msg:hover .chat-msg-actions { display: inline-flex; }
.chat-msg-actions button {
    background: none; border: 0; padding: 2px 6px;
    font-size: 11px; cursor: pointer;
}

.chat-msg-deleted .msg-body em { font-size: 13px; }
.msg-edited { font-size: 10px; font-style: italic; margin-right: 4px; }
.msg-read-tick, .msg-sent-tick { font-size: 11px; margin-left: 2px; }

.msg-edit-form textarea { width: 100%; min-width: 200px; }

/* ── Hasta Hatırlatmaları (paylaşımlı: profile + edit/tasks tab) ── */
/* Layout/yapı — tema-agnostik. Renkler custom.css / custom-dark.css'te. */
.task-timeline { display: grid; gap: 10px; }
.task-item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
}
.task-item.task-status-done   { opacity: .78; }
.task-item.task-status-skipped,
.task-item.task-status-cancelled { opacity: .55; }
.task-icon {
    width: 44px; height: 44px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem;
}
.task-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 8px; flex-wrap: wrap; margin-bottom: 4px;
}
.task-title { font-weight: 600; }
.task-meta {
    display: flex; flex-wrap: wrap; gap: 10px 14px;
    font-size: .82rem;
}
.task-meta-item i { margin-right: 4px; opacity: .8; }
.task-note, .task-completion-note {
    font-size: .86rem; margin-top: 6px; padding: 6px 10px;
    border-radius: 6px;
}
.task-completion-note { border-left: 3px solid #34c38f; }
.task-actions { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }

@media (max-width: 767.98px) {
    .task-item { grid-template-columns: 1fr !important; gap: 8px; padding: 10px; }
    .task-icon { display: none !important; }
    .task-title { font-size: .88rem; line-height: 1.25; }
    .task-meta { font-size: .76rem; gap: 6px 10px; }
    .task-actions { gap: 5px; }
    .task-actions .btn { flex: 1 1 calc(50% - 5px); min-width: 0; font-size: .78rem; padding: .35rem .4rem; }
    .task-actions .patient-task-delete { flex: 0 0 38px; }
    .task-head-right .badge { font-size: .68rem; }
    .task-head-right .patient-task-reopen { font-size: .72rem; padding: .2rem .5rem; }
    .task-section-desc { display: none !important; }
    #patientTaskAddBtn { padding: .5rem .9rem; font-size: .85rem; }
}

/* Logo mobilde — theme CSS .logo-dark variantını gösteriyor; bizim HTML'de
   sadece .logo-light var. Ayrıca ≤380px'de tüm .navbar-brand-box gizleniyor —
   ikisini birden override edip light variantı zorla göster. */
@media (max-width: 991.98px) {
    .navbar-brand-box { display: block !important; padding: 0 .75rem !important; }
    .navbar-brand-box .logo,
    .navbar-brand-box .logo-light { display: inline-block !important; }
    .navbar-brand-box .logo-light span.logo-sm { display: inline-block !important; }
    .navbar-brand-box .logo-light span.logo-lg { display: none !important; }
    .navbar-brand-box .logo-light span.logo-sm img { height: 28px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   ASK — WhatsApp-tarzı iki kolonlu sohbet ekranı (sadece LAYOUT)
   Renkler: custom.css (light) ve custom-dark.css (dark) içinde
   ════════════════════════════════════════════════════════════════════ */

.ask-shell {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    height: calc(100vh - 180px);
    min-height: 520px;
}

.ask-sidebar {
    width: 340px;
    min-width: 340px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid transparent;
}
.ask-sidebar-filters {
    padding: 10px;
    border-bottom: 1px solid transparent;
}
.ask-sidebar-list { flex: 1 1 auto; overflow-y: auto; padding: 0; }
.ask-sidebar-empty { padding: 40px 20px; text-align: center; }

.ask-row {
    display: flex;
    align-items: flex-start;
    padding: 12px 14px;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: background .12s;
    cursor: pointer;
}
.ask-row:hover { text-decoration: none; }

.ask-row-av {
    flex: 0 0 44px;
    width: 44px; height: 44px;
    margin-right: 12px;
    position: relative;
}
.ask-row-av img {
    width: 44px; height: 44px;
    border-radius: 50%;
    object-fit: cover;
}
.ask-row-av-initial {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px;
    border-radius: 50%;
    font-size: 18px; font-weight: 600;
}

.ask-row-main { flex: 1 1 auto; min-width: 0; }
.ask-row-top {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 8px; margin-bottom: 2px;
}
.ask-row-name {
    font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    max-width: 100%;
}
.ask-row-time {
    font-size: 11px;
    flex-shrink: 0; white-space: nowrap;
}
.ask-row-bottom {
    display: flex; justify-content: space-between; align-items: center;
    gap: 8px;
}
.ask-row-preview {
    font-size: 13px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    flex: 1 1 auto; min-width: 0;
}
.ask-row-preview strong { font-weight: 600; }
.ask-row-badge {
    border-radius: 10px; padding: 1px 7px;
    font-size: 11px; font-weight: 600;
    flex-shrink: 0;
}
.ask-row-recipient { font-size: 11px; margin-top: 2px; }

/* ── Sağ pane ──────────────────────────────────────────────── */
.ask-pane {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}
.ask-pane.is-loading::before {
    content: "";
    position: absolute; inset: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1px);
}
.ask-pane.is-loading::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: 36px; height: 36px;
    margin: -18px 0 0 -18px;
    border: 3px solid rgba(0,0,0,0.1);
    border-top-color: #5b73e8;
    border-radius: 50%;
    animation: askSpin 0.8s linear infinite;
    z-index: 11;
}
@keyframes askSpin { to { transform: rotate(360deg); } }
.ask-pane-empty { margin: auto; text-align: center; padding: 40px; }

.ask-chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.ask-chat-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid transparent;
}
.ask-chat-av {
    width: 42px; height: 42px;
    border-radius: 50%;
    object-fit: cover;
}
.ask-chat-av-initial {
    display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px;
    border-radius: 50%;
    font-size: 17px; font-weight: 600;
}
.ask-chat-headinfo { flex: 1 1 auto; min-width: 0; }
.ask-chat-tools { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.ask-chat-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
}
/* Mesajlar az olunca alta yapis (WhatsApp tarzi) */
.ask-chat-body > *:first-child { margin-top: auto; }
.ask-chat-input {
    border-top: 1px solid transparent;
    padding: 8px 10px;
}
.ask-admin-hint {
    font-size: 11px;
    padding: 4px 8px;
    margin-bottom: 6px;
    border-radius: 4px;
    line-height: 1.3;
}
.ask-reply-form { margin: 0; }
.ask-reply-row {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}
.ask-reply-row .btn-icon {
    width: 34px; height: 34px;
    padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}
.ask-reply-text {
    flex: 1 1 auto;
    min-height: 36px;
    max-height: 120px;
    padding: 6px 12px;
    border-radius: 18px;
    resize: none;
    line-height: 1.4;
    font-size: 14px;
}
.ask-send-btn {
    width: 36px; height: 36px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

/* Chat balonları (sadece layout) */
.chat-msg {
    position: relative;
    max-width: 70%;
    margin-bottom: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    clear: both;
}
.chat-msg-patient { float: left; }
.chat-msg-staff   { float: right; }
.chat-msg-deleted { opacity: .7; }
.chat-msg .msg-body { word-wrap: break-word; white-space: pre-wrap; font-size: 14px; }
.chat-msg .meta { font-size: 11px; margin-top: 4px; }
.chat-msg .msg-edited { font-style: italic; margin-right: 4px; }
.chat-msg-actions {
    position: absolute; top: 2px; right: 4px;
    display: none; gap: 2px;
}
.chat-msg:hover .chat-msg-actions { display: flex; }
.chat-msg-actions button {
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    cursor: pointer;
}
.chat-att { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; }
.chat-att img { max-width: 180px; max-height: 180px; border-radius: 6px; cursor: pointer; }
.chat-att .pdf, .chat-att .purged {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 8px; border-radius: 4px;
    font-size: 13px; text-decoration: none;
}
.chat-loadmore { text-align: center; margin-bottom: 10px; }
.chat-empty { text-align: center; padding: 60px 20px; }
.chat-msg.hl-hidden { display: none; }

/* Reply input chips + emoji popup (sadece layout) */
.att-staging { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.att-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 12px;
    font-size: 12px;
}
.att-chip .rm { cursor: pointer; }
.att-chip.uploading { opacity: .55; }

.emoji-pop {
    display: none;
    position: absolute; bottom: 100%; left: 0;
    border-radius: 6px;
    padding: 6px; margin-bottom: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    z-index: 1050;
    width: 200px;
}
.emoji-pop.show { display: flex; flex-wrap: wrap; gap: 2px; }
.emoji-pop button {
    background: transparent; border: 0;
    font-size: 20px; padding: 4px 6px; cursor: pointer;
    border-radius: 4px;
}

/* Lightbox */
.lb-overlay {
    display: none;
    position: fixed; inset: 0;
    background: rgba(0,0,0,.85);
    z-index: 2000;
    justify-content: center; align-items: center;
}
.lb-overlay.show { display: flex; }
.lb-overlay img { max-width: 92%; max-height: 92%; }
.lb-close {
    position: absolute; top: 16px; right: 24px;
    font-size: 36px; color: #fff; cursor: pointer;
    line-height: 1;
}

/* Mobil: tek kolon */
@media (max-width: 991.98px) {
    .ask-shell { height: calc(100vh - 130px); }
    .ask-sidebar { width: 100%; min-width: 0; }
    .ask-pane { display: none; }
    .ask-shell.is-conv-open .ask-sidebar { display: none; }
    .ask-shell.is-conv-open .ask-pane    { display: flex; }
}