.user-editor.post-type-page .select-lang,
.user-editor.post-type-page .table-heading-languages,
.user-editor.post-type-page .table-langs,
.user-editor.post-type-page .table-langs-edit,
.user-editor.post-type-page .language-panel {
    display: none;
}
.simple-textarea button[title="Italic"],
.simple-textarea button[title="Strikethrough"],
.simple-textarea button[title="Emoticons"],
.simple-textarea button[title="Special character"],
.simple-textarea button[title="Undo"],
.simple-textarea button[title="Redo"],
.simple-textarea button[title="Superscript"],
.simple-textarea button[title="Subscript"],
.simple-textarea button[title="Justify"] {
    display: none;
}
.term-logo img {
    aspect-ratio: 5 / 3;
    object-fit: contain;
    width: 60px;
}
.activate-watermark {
    display: none;
}
/* GA4 / Search Console statistika paneli üslubları köçürüldü →
   /partials/admin/analytics/assets/style.css */

/* ============================================================
   CRM SİSTEMİ (admin-crm/) — bütün stillər flexbox ilə (grid yox)
   ============================================================ */
.crm-badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    color: #fff;
    background: var(--crm-badge, #6c757d);
    white-space: nowrap;
}
.badge {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    white-space: nowrap;
}
.badge.green {
    background: #e6f6ed;
    color: #146c43;
}
.badge.red {
    background: #fbe7e9;
    color: #b02a37;
}
.badge.blue {
    background: #e7f0fb;
    color: #0a58ca;
}
.badge.orange {
    background: #fef1e6;
    color: #b5620f;
}
.badge.gray {
    background: #eef0f2;
    color: #5c636a;
}
.badge.purple {
    background: #efe9fb;
    color: #59359a;
}

/* Company switcher */
.crm-company-switch {
    padding: 6px 14px;
}
.crm-company-select {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid #d7dbe0;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
}
.admin-sidebar-badge.red {
    background: #dc3545;
}

/* Filter bar */
.crm-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 10px;
    padding: 14px 16px;
}
.crm-filter .filter-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.crm-filter label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.crm-filter input,
.crm-filter select {
    padding: 7px 10px;
    border: 1px solid #d7dbe0;
    border-radius: 7px;
    font-size: 13px;
    min-width: 150px;
}
.crm-filter .filter-submit {
    padding: 8px 18px;
}
.crm-filter-total {
    margin-left: auto;
    font-size: 13px;
    color: #374151;
    font-weight: 600;
    align-self: center;
}
.crm-filter-total b {
    font-size: 18px;
    color: #111827;
}

/* Stat cards row */
.crm-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 20px;
}
.crm-stat {
    flex: 1 1 170px;
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.crm-stat .crm-stat-label {
    font-size: 12px;
    color: #6b7280;
    font-weight: 600;
}
.crm-stat .crm-stat-value {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
}
.crm-stat.accent-green {
    border-top: 3px solid #198754;
}
.crm-stat.accent-red {
    border-top: 3px solid #dc3545;
}
.crm-stat.accent-blue {
    border-top: 3px solid #0d6efd;
}
.crm-stat.accent-orange {
    border-top: 3px solid #fd7e14;
}

/* Panels */
.crm-panel {
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 18px;
}
.crm-panel-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.crm-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.crm-col {
    flex: 1 1 340px;
    min-width: 0;
}

/* Formlar və tablar üçün CRM CSS-i YOXDUR — panelin öz `tabs` + `option-page` /
   `admin-element` strukturu olduğu kimi işlədilir (bax backend.md §23b, §23h). */

/* Tables — reuse site-table; CRM extras */
.crm-table th,
.crm-table td {
    padding: 12px 10px;
}
.crm-table td .crm-sub {
    display: block;
    font-size: 13px;
    color: #4e4ec8;
    font-weight: 600;
}
.crm-table td .crm-task-excerpt {
    overflow: hidden;
    display: block;
    max-width: 420px;
    margin: 5px 0;
    line-height: 1.45;
    font-size: 14px;
}
.crm-amount {
    font-weight: 700;
    white-space: nowrap;
}
.crm-muted {
    color: #9096a0;
}
/* Şərti sahələr — custom-admin.js `is-visible` class-ı ilə açır.
   Selektor `.admin-element` ilə birlikdə yazılır, yoxsa `.option-page .admin-element`
   qaydası (daha yüksək spesifiklik) gizlətməni üstələyir. */
.admin-element.crm-type-field,
.admin-element.crm-handle-field,
.admin-element.crm-pay-full,
.admin-element.crm-pay-installment {
    display: none;
}
.admin-element.crm-type-field.is-visible,
.admin-element.crm-handle-field.is-visible,
.admin-element.crm-pay-full.is-visible,
.admin-element.crm-pay-installment.is-visible {
    display: flex;
}

/* Customer card */
.crm-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.crm-card-head h2 {
    margin: 0;
    font-size: 20px;
}
.crm-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: 13px;
    color: #374151;
}
.crm-card-meta .crm-k {
    color: #9096a0;
    margin-right: 5px;
}
.crm-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
}
.crm-timeline li {
    padding: 10px;
    border-bottom: 1px solid #f0f2f4;
}
.crm-timeline a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.crm-timeline .crm-tl-meta {
    font-size: 11px;
    color: #9096a0;
    margin-bottom: 2px;
}
.crm-tl-block {
    display: flex;
    align-items: center;
    gap: 10px;
}
.crm-note-form {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.crm-note-form input {
    flex: 1;
    padding: 8px 11px;
    border: 1px solid #d7dbe0;
    border-radius: 8px;
}

/* Installments editor */
.crm-inst-row {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}
.crm-inst-row input {
    padding: 7px 9px;
    border: 1px solid #d7dbe0;
    border-radius: 7px;
}
.crm-inst-row .inst-amt {
    width: 130px;
}
.crm-inst-row .inst-date {
    width: 140px;
}
.crm-inst-remove {
    color: #b02a37;
    cursor: pointer;
    font-weight: 700;
    padding: 0 6px;
}

.crm-empty {
    padding: 26px;
    text-align: center;
    color: #9096a0;
}
.crm-overdue-row {
    background: #fdf2f3 !important;
}
.crm-note-box {
    background: #f7f9fb;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 10px;
    font-size: 13px;
}
.crm-note-box strong {
    color: #374151;
}
/* Redaktordan gələn HTML açıqlama — teqlərin panel daxilində səliqəli görünməsi üçün */
.crm-html {
    line-height: 1.6;
}
.crm-html p,
.crm-html ul,
.crm-html ol,
.crm-html table {
    margin: 0 0 10px;
}
.crm-html p:last-child,
.crm-html ul:last-child,
.crm-html ol:last-child,
.crm-html table:last-child {
    margin-bottom: 0;
}
.crm-html ul,
.crm-html ol {
    padding-left: 20px;
}
.crm-html li {
    list-style: inherit;
}
.crm-html ul {
    list-style: disc;
}
.crm-html ol {
    list-style: decimal;
}
.crm-html a {
    color: #4d4da3;
    text-decoration: underline;
}
.crm-html img,
.crm-html video,
.crm-html iframe {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}
.crm-html table {
    width: 100%;
    border-collapse: collapse;
}
.crm-html table td,
.crm-html table th {
    border: 1px solid #e5e7eb;
    padding: 6px 8px;
}
.crm-html blockquote {
    margin: 0 0 10px;
    padding-left: 12px;
    border-left: 3px solid #dfe3e8;
    color: #6b7280;
}
.crm-report-note {
    background: #ffffff;
    border: 1px solid #bcbcbc;
    border-left: 3px solid #4d4da3;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.6;
    color: #4b5563;
}
.crm-report-note strong {
    color: #374151;
}
.crm-report-note b {
    color: #b45309;
    font-weight: 600;
}
.crm-card-head .button {
    margin-left: auto;
}
.crm-card-head .button + .button {
    margin-left: 8px;
}
.crm-inst-editor {
    margin-bottom: 8px;
}
.crm-inst-add,
.crm-inst-split {
    font-size: 12px;
}
.crm-sched-table td {
    padding: 6px 8px;
}
.crm-pay-form {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f2f4;
}
.crm-timeline li.crm-unread {
    background: #fffff0;
    border-left: 3px solid #8add79;
    padding-left: 10px;
}
.crm-lead-convert {
    color: #146c43;
}

/* jquery-searchBox: istifadə olunmayan data-search alt-sətri "undefined" göstərir → gizlə
   (sayt boyu heç bir option data-search işlətmir; təhlükəsizdir) */
.searchBoxElement li span div {
    display: none;
}

/* Hesabatlar landing — kart şəbəkəsi (flexbox) */
.crm-report-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.crm-report-card {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 300px;
    max-width: calc(50% - 7px);
    background: #fff;
    border: 1px solid #eaedf1;
    border-radius: 12px;
    padding: 16px 18px;
    text-decoration: none;
    color: inherit;
    transition:
        border-color 0.15s,
        box-shadow 0.15s,
        transform 0.15s;
}
.crm-report-card:hover {
    border-color: #1f6fb0;
    box-shadow: 0 4px 14px rgba(31, 111, 176, 0.12);
    transform: translateY(-2px);
}
.crm-report-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef4fb;
    color: #1f6fb0;
    font-size: 20px;
}
.crm-report-text {
    flex: 1 1 auto;
    min-width: 0;
}
.crm-report-name {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 3px;
}
.crm-report-desc {
    font-size: 12.5px;
    color: #6b7280;
    line-height: 1.4;
}
.crm-report-arrow {
    color: #c2c8d0;
    font-size: 18px;
    flex: 0 0 auto;
}
.crm-report-card:hover .crm-report-arrow {
    color: #1f6fb0;
}
@media (max-width: 720px) {
    .crm-report-card {
        max-width: 100%;
    }
}

/* add-button: avtomatik feather glyph söndürülür (dizaynı korlayırdı) — ikon ƏLLƏ <i class="fe ..."> ilə verilir */
.add-button:before {
    content: none !important;
    margin: 0 !important;
}
.add-button i.fe {
    margin-right: 6px;
    font-size: 12px;
}
/* Cüt qarmaq (WhatsApp "oxundu" nişanı kimi) — feather-də belə ikon yoxdur, ona görə
   iki `fe-check` üst-üstə sürüşdürülür. Sağdakı boşluğu wrapper-in özü verir. */
.add-button .crm-ticks {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    vertical-align: middle;
}
.add-button .crm-ticks i.fe {
    margin: 0;
}
.add-button .crm-ticks i.fe + i.fe {
    margin-left: -5px;
}
.admin-extra-buttons {
    margin-top: 30px;
}

/* Other */
.crm-back-link {
    font-weight: 600;
    margin: -10px 0 30px;
    display: table;
}

/* ------------------------------------------------------------------
   Tapşırıq icraçıları — formada checkbox siyahısı, tapşırıq siyahısında
   sətrin altındakı kim-nə-vaxt-bitirdi cədvəli, baxış səhifəsində eyni
   siyahının geniş forması. Hamısı flexbox (CSS grid yoxdur).
------------------------------------------------------------------ */
.crm-assignee-all {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 600;
    cursor: pointer;
}
.crm-assignee-list {
    display: flex;
    flex-wrap: wrap;
}
.crm-assignee-box {
    flex: 1 1 260px;
    min-width: 0;
    margin-bottom: 6px;
    padding-right: 15px;
}
.crm-assignee-box label .crm-sub {
    display: block;
    color: #9096a0;
    font-size: 11px;
}
.crm-assignee-done {
    display: block;
    color: #146c43;
    font-size: 11px;
    font-weight: 600;
}

/* Tapşırıq siyahısında icraçı sətri (tapşırığın altında) */
.crm-table {
    color: black;
}
.crm-task-title {
    font-weight: 600;
}
.crm-task-progress {
    font-weight: 600;
}
/* Təfərrüat sətri — ayrıca baxış səhifəsi YOXDUR (2026-09-12): "göz" düyməsi
   tapşırığın altındakı bu sətri açıb-bağlayır (custom-admin.js). */
.crm-task-detail-row {
    display: none;
}
.crm-task-detail-row.is-open {
    display: table-row;
    background: #e6e6e6 !important;
}
.crm-task-detail-row > td {
    border-top: 0;
}
/* Zolaqlı sətirlər — hər tapşırıq İKİ <tr> verir (əsas sətir + gizli təfərrüat
   sətri), ona görə admin.css-dəki `.master-table tr:nth-child(odd)` qaydası bütün
   əsas sətirlərə düşür və hamısı eyni rəngdə görünür. Ona görə cütlüklə sayırıq:
   4n+1/4n+2 = tək tapşırığın cütü (rəngli), 4n+3/4n+4 = cüt tapşırıq (ağ). */
.crm-table tbody tr:nth-child(odd) {
    background: transparent;
}
.crm-table tbody tr:nth-child(4n + 1),
.crm-table tbody tr:nth-child(4n + 2) {
    background: #f9f9f9;
}
/* Açıq sətir — əsas sətir də işarələnir ki, hansı tapşırığın açıldığı itməsin */
tr.is-expanded > td {
    background: #f3f6fa;
}
tr.is-expanded > td:first-child {
    box-shadow: inset 3px 0 0 #4d4da3;
}
/* Təfərrüat bir kart kimi verilir — boş cədvəl xanası kimi görünməsin */
/* Kart YIĞCAMDIR — boşluqlar kiçikdir, amma mətn ölçüləri toxunulmur
   (oxunaqlılıq yığcamlıqdan əvvəl gəlir). */
/* Açıqlama — redaktorun HTML-i olduğu kimi çap olunur, ona görə burada yalnız KART daxilində
   yaraşacaq boşluq/ölçü qaydaları verilir (rəng və qalınlıq mətnin öz style-ındandır). */
.crm-task-detail-body {
    margin: 0 0 10px;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
}
.crm-task-detail-body > *:first-child {
    margin-top: 0;
}
.crm-task-detail-body > *:last-child {
    margin-bottom: 0;
}
.crm-task-detail-body p {
    margin: 0 0 6px;
}
.crm-task-detail-body ul,
.crm-task-detail-body ol {
    margin: 0 0 6px;
    padding-left: 18px;
}
.crm-task-detail-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.crm-task-detail-body table {
    border-collapse: collapse;
}
.crm-task-detail-body th,
.crm-task-detail-body td {
    border: 1px solid #e3e7ec;
    padding: 4px 8px;
}
.crm-task-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 14px;
    margin: 0 0 8px;
    color: #000;
    font-size: 13px;
}
.crm-task-detail-meta .crm-k {
    margin-right: 5px;
    color: #000;
    font-weight: 600;
}
/* Kartın içində hansı ikinci dərəcəli mətn olursa olsun — qara qalır */
.crm-task-detail .crm-sub,
.crm-task-detail .crm-empty {
    color: #000;
}
/* Nişan mətni də bir ölçü iridir */
.crm-task-person .badge {
    font-size: 12px;
}
/* Bitirmə göstəricisi — rəqəmin altında nazik zolaq (dolğunluq dinamikdir) */
.crm-task-bar {
    display: block;
    width: 84px;
    height: 4px;
    margin-top: 5px;
    border-radius: 2px;
    background: #dee2e6;
    overflow: hidden;
}
.crm-task-bar:before {
    content: "";
    display: block;
    width: var(--crm-progress, 0%);
    height: 100%;
    border-radius: 2px;
    background: #2f8f83;
}
.crm-task-bar.is-full:before {
    background: #146c43;
}
/* İcraçılar HƏMİŞƏ alt-alta düzülür (yan-yana yox) — sütunlar üzbəüz oxunsun */
.crm-task-people {
    display: flex;
    flex-direction: column;
}
/* İcraçı sətri artıq YALNIZ açılan təfərrüat kartındadır (siyahıda həmişə görünmür),
   ona görə rənglər SAKİTDİR: ağ sətir + nazik vurğu zolağı. Doymuş yaşıl/qırmızı fon
   uzun siyahıda gözü yorurdu — vəziyyət nişanla və zolaqla onsuz da oxunur. */
.crm-task-person {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 5px 10px;
    border: 1px solid #e6e9ed;
    border-left: 3px solid #ced4da;
    background: #fff;
    border-radius: 4px;
}
.crm-task-person:last-child {
    margin-bottom: 0;
}
/* Vəziyyəti YALNIZ sol zolaq bildirir; ad rəngi dəyişmir — mətn həmişə eyni tonda
   oxunur, sətirlər bir-birinə qarışmır. */
.crm-task-person.is-done {
    border-left-color: #4c9a6a;
}
.crm-task-person.is-late_done {
    border-left-color: #c79a4b;
}
.crm-task-person.is-overdue {
    border-left-color: #c47272;
}
/* Mətnlər TAM QARA və iridir — açılan kartda oxunaqlılıq birinci gəlir,
   solğun boz kiçik yazı gözü yorurdu. */
.crm-task-person-name {
    flex: 1 1 140px;
    min-width: 0;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
.crm-task-person-name .crm-sub {
    display: block;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}
.crm-task-person-state {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* Gecikmə gün sayı — nişanın dərhal yanında, öz vəziyyətinin tünd tonunda */
.crm-task-person .crm-late {
    font-size: 13px;
    white-space: nowrap;
}
.crm-task-person.is-overdue .crm-late {
    color: #9b4040;
}
.crm-task-person.is-late_done .crm-late {
    color: #8a5a12;
}
/* Nişan YUMŞAQ tintdədir (dolu rəng yox) — ağ sətrin üstündə dolu rənglər
   diqqəti mətndən oğurlayırdı. Yalnız tapşırıq sətrinə aiddir. */
.crm-task-person .badge.green {
    background: #25cb6c;
    color: #ffffff;
}
.crm-task-person .badge.orange {
    background: #e38f01;
    color: #ffffff;
}
.crm-task-person .badge.red {
    background: #de4444;
    color: #ffffff;
}
.crm-task-person .badge.gray {
    background: #f1f3f5;
    color: #61686f;
}
.crm-task-person-date {
    flex: 0 0 auto;
    color: #000;
    font-size: 13px;
}
.crm-task-person-side {
    flex: 0 0 auto;
    margin-left: auto;
}
.crm-task-people.is-full .crm-task-person {
    padding: 5px 15px;
}
.crm-late {
    color: #9b4040;
    font-weight: 600;
}

/* ================================================================
   TAPŞIRIQ CHAT OTAĞI — action düyməsi + sağdan açılan canvas
   Görünüş Instagram DM üslubundadır: ağ fon, tam yumru qabarcıqlar,
   öz mesajın tünd göy, başqasınınkı boz. Ad qabarcığın ÜSTÜNDƏ,
   vaxt ALTINDA — hər ikisi qabarcığın kənarındadır.
   Soket yoxdur: canvas açıq olduğu müddətdə içəri 1 saniyədən bir
   yenilənir (custom-admin.js). Flexbox — grid işlədilmir.
   ============================================================== */
.crm-chat-button {
    position: relative;
}
/* Oxunmamış say. 0 olanda serverdə heç yazılmır — burada gizlətmə qaydası yoxdur. */
.crm-chat-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #ff3040;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}
/* Admin-bar sabit 35px-dir (ms-admin/assets/css/admin-bar.css) və z-index-i 1000000-dır —
   canvas onun ALTINA girə bilmir, ona görə hər ikisi 35px aşağıdan başlayır. */
.crm-chat-overlay {
    position: fixed;
    top: var(--crm-adminbar, 35px);
    left: 0;
    width: 100%;
    height: calc(100% - var(--crm-adminbar, 35px));
    background: rgba(0, 0, 0, 0.45);
    visibility: hidden;
    opacity: 0;
    transition: 0.25s all;
    z-index: 9998;
}
.crm-chat-overlay.is-open {
    visibility: visible;
    opacity: 1;
}
.crm-chat-canvas {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 400px;
    max-width: 100%;
    height: 100%;
    background: #fff;
    transform: translate3d(100%, 0, 0);
    transition: 0.25s all;
    z-index: 99999999;
}
.crm-chat-canvas.is-open {
    transform: none;
}
.crm-chat-head {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 15px 16px;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
}
/* Başlıq iki sətirdir: sabit ad + altında hansı tapşırıq olduğu */
.crm-chat-head-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}
.crm-chat-title {
    overflow: hidden;
    color: #262626;
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crm-chat-task {
    overflow: hidden;
    color: #8e8e8e;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crm-chat-task:empty {
    display: none;
}
/* Bağlama düyməsi — yalnız ikon deyil, mətnlə birlikdə (sağ üst küncdə aydın görünsün).
   Canvas həm bu düymə, həm fon overlay-i, həm də Esc ilə bağlanır. */
.crm-chat-close {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 6px 12px;
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    color: #262626;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.crm-chat-close:hover {
    background: #efefef;
}
.crm-chat-close i {
    font-size: 14px;
}
/* Mesaj lenti — köhnədən yeniyə, aşağıya sürüşür */
.crm-chat-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 16px 12px;
    overflow-y: auto;
}
/* Bir mesaj = ad + qabarcıq + vaxt (öz sütununda) */
.crm-chat-msg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 78%;
    margin-bottom: 10px;
}
.crm-chat-msg.is-mine {
    align-items: flex-end;
    margin-left: auto;
}
.crm-chat-bubble {
    padding: 10px 16px;
    border-radius: 20px;
    background: #efefef;
    color: #262626;
    font-size: 15px;
    line-height: 1.45;
    word-wrap: break-word;
}
/* Öz mesajın — tünd göy, mətn ağ (qradiyent işlədilmir) */
.crm-chat-msg.is-mine .crm-chat-bubble {
    background: #173d6b;
    color: #fff;
}
/* Ad yalnız BAŞQASININ mesajında yazılır (otaqda bir neçə nəfər var) */
.crm-chat-name {
    margin: 0 0 3px 16px;
    color: #6b6b6b;
    font-size: 13px;
    font-weight: 600;
}
/* Vaxt qabarcığın KƏNARINDA — altında, qabarcığın yaslandığı tərəfdə */
.crm-chat-time {
    margin: 3px 16px 0;
    color: #6b6b6b;
    font-size: 12px;
}
.crm-chat-empty,
.crm-chat-loading,
.crm-chat-error {
    align-self: center;
    margin: auto 0;
    color: #6b6b6b;
    font-size: 14px;
}
.crm-chat-error {
    color: #ed4956;
}
.crm-chat-foot {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 12px;
    border-top: 1px solid #dbdbdb;
    background: #fff;
}
.crm-chat-foot textarea {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 46px;
    max-height: 130px;
    padding: 12px 16px;
    border: 1px solid #dbdbdb;
    border-radius: 23px;
    background: #fff;
    color: #262626;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;
    resize: none;
}
.crm-chat-foot textarea::placeholder {
    color: #8e8e8e;
}
/* Instagram-da "Göndər" doldurulmuş düymə deyil — mavi mətndir */
.crm-chat-send {
    flex: 0 0 auto;
    padding: 0 6px;
    border: none;
    background: none;
    color: #0095f6;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.crm-chat-send:hover {
    color: #00376b;
}
/* Bildirişlər səhifəsinin "Chat mesajları" tabındakı otaq sətri */
.crm-chat-room-count {
    color: #d62976;
    font-weight: 600;
}