/* Ovozli xabar paneli — kichik qo'shimchalar Tabler ustiga */
.qisqa { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qisqa-manzil { max-width: 13rem; }
.qisqa-tavsif { max-width: 11rem; }
.qisqa-matn { max-width: 17rem; }
@media (max-width: 1399.98px) { .qisqa-manzil { max-width: 10rem; } .qisqa-tavsif { max-width: 8rem; } .qisqa-matn { max-width: 13rem; } }
.thumb { width: 56px; height: 42px; object-fit: cover; border-radius: 4px; }
.min-w-0 { min-width: 0; }
.audio-pleyer { display: block; width: 280px; height: 36px; }
.chat-bubble-body p { white-space: pre-line; margin-bottom: 0; }
.steps .step-item { font-size: .875rem; }
/* Tabler faqat nomlangan `steps-*` ranglarini beradi (blue, green, red, ...) — `secondary` yo'q.
   Usiz tugagan, natijasi aniqlanmagan qo'ng'iroq stepper'da ko'k, ya'ni "davom etyapti" ko'rinardi. */
.steps-secondary { --tblr-steps-color: var(--tblr-secondary-color); }
.stat-izoh { font-size: .75rem; line-height: 1.25; }
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { display: inline-block; }
/* `--bbox-*` ni rasm.js o'qiydi: canvas o'z fonini chizadi (shaffof qolsa dark rejimda modal
   foni rasm ostidan ko'rinadi), ramka rangi esa bitta joyda turadi. */
#rasm-canvas { max-width: 100%; cursor: crosshair; border: 1px solid var(--tblr-border-color); border-radius: 4px;
               background: var(--tblr-bg-surface); --bbox-ramka: #ff2828; --bbox-fon: var(--tblr-bg-surface); }