.chatview-wide {
    width: 32rem;
}

.chatview-headpanel {
    min-height: 65px !important;
    max-height: 65px !important;
}

.chatview-body {
    padding-top: 80px;
    padding-bottom: 100px;
}

.external-chatview-body {
    padding-top: 80px;
    padding-bottom: 110px;
}
/* ---------------- BLUE ---------------- */
.tag-blue-50 {
    background-color: #eff6ff;
    display: inline-block;
}

.tag-blue-100 {
    background-color: #dbeafe;
    display: inline-block;
}

.tag-blue-200 {
    background-color: #bfdbfe;
    display: inline-block;
}

.tag-blue-300 {
    background-color: #93c5fd;
    display: inline-block;
}

.tag-blue-400 {
    background-color: #60a5fa;
    display: inline-block;
}

.tag-blue-500 {
    background-color: #3b82f6;
    display: inline-block;
    color: #fff;
}

.tag-blue-600 {
    background-color: #2563eb;
    display: inline-block;
    color: #fff;
}

.tag-blue-700 {
    background-color: #1d4ed8;
    display: inline-block;
    color: #fff;
}

.tag-blue-800 {
    background-color: #1e40af;
    display: inline-block;
    color: #fff;
}

.tag-blue-900 {
    background-color: #1e3a8a;
    display: inline-block;
    color: #fff;
}

.tag-blue-950 {
    background-color: #172554;
    display: inline-block;
    color: #fff;
}

/* ---------------- RED ---------------- */
.tag-red-50 {
    background-color: #fef2f2;
    display: inline-block;
}

.tag-red-100 {
    background-color: #fee2e2;
    display: inline-block;
}

.tag-red-200 {
    background-color: #fecaca;
    display: inline-block;
}

.tag-red-300 {
    background-color: #fca5a5;
    display: inline-block;
}

.tag-red-400 {
    background-color: #f87171;
    display: inline-block;
}

.tag-red-500 {
    background-color: #ef4444;
    display: inline-block;
    color: #fff;
}

.tag-red-600 {
    background-color: #dc2626;
    display: inline-block;
    color: #fff;
}

.tag-red-700 {
    background-color: #b91c1c;
    display: inline-block;
    color: #fff;
}

.tag-red-800 {
    background-color: #991b1b;
    display: inline-block;
    color: #fff;
}

.tag-red-900 {
    background-color: #7f1d1d;
    display: inline-block;
    color: #fff;
}

.tag-red-950 {
    background-color: #450a0a;
    display: inline-block;
    color: #fff;
}

/* ---------------- GREEN ---------------- */
.tag-green-50 {
    background-color: #f0fdf4;
    display: inline-block;
}

.tag-green-100 {
    background-color: #dcfce7;
    display: inline-block;
}

.tag-green-200 {
    background-color: #bbf7d0;
    display: inline-block;
}

.tag-green-300 {
    background-color: #86efac;
    display: inline-block;
}

.tag-green-400 {
    background-color: #4ade80;
    display: inline-block;
}

.tag-green-500 {
    background-color: #22c55e;
    display: inline-block;
    color: #fff;
}

.tag-green-600 {
    background-color: #16a34a;
    display: inline-block;
    color: #fff;
}

.tag-green-700 {
    background-color: #15803d;
    display: inline-block;
    color: #fff;
}

.tag-green-800 {
    background-color: #166534;
    display: inline-block;
    color: #fff;
}

.tag-green-900 {
    background-color: #14532d;
    display: inline-block;
    color: #fff;
}

.tag-green-950 {
    background-color: #052e16;
    display: inline-block;
    color: #fff;
}

/* ---------------- VIOLET ---------------- */
.tag-violet-50 {
    background-color: #f5f3ff;
    display: inline-block;
}

.tag-violet-100 {
    background-color: #ede9fe;
    display: inline-block;
}

.tag-violet-200 {
    background-color: #ddd6fe;
    display: inline-block;
}

.tag-violet-300 {
    background-color: #c4b5fd;
    display: inline-block;
}

.tag-violet-400 {
    background-color: #a78bfa;
    display: inline-block;
}

.tag-violet-500 {
    background-color: #8b5cf6;
    display: inline-block;
    color: #fff;
}

.tag-violet-600 {
    background-color: #7c3aed;
    display: inline-block;
    color: #fff;
}

.tag-violet-700 {
    background-color: #6d28d9;
    display: inline-block;
    color: #fff;
}

.tag-violet-800 {
    background-color: #5b21b6;
    display: inline-block;
    color: #fff;
}

.tag-violet-900 {
    background-color: #4c1d95;
    display: inline-block;
    color: #fff;
}

.tag-violet-950 {
    background-color: #2e1065;
    display: inline-block;
    color: #fff;
}

/* ---------------- YELLOW ---------------- */
.tag-yellow-50 {
    background-color: #fefce8;
    display: inline-block;
}

.tag-yellow-100 {
    background-color: #fef9c3;
    display: inline-block;
}

.tag-yellow-200 {
    background-color: #fef08a;
    display: inline-block;
}

.tag-yellow-300 {
    background-color: #fde047;
    display: inline-block;
}

.tag-yellow-400 {
    background-color: #facc15;
    display: inline-block;
}

.tag-yellow-500 {
    background-color: #eab308;
    display: inline-block;
}

.tag-yellow-600 {
    background-color: #ca8a04;
    display: inline-block;
    color: #fff;
}

.tag-yellow-700 {
    background-color: #a16207;
    display: inline-block;
    color: #fff;
}

.tag-yellow-800 {
    background-color: #854d0e;
    display: inline-block;
    color: #fff;
}

.tag-yellow-900 {
    background-color: #713f12;
    display: inline-block;
    color: #fff;
}

.tag-yellow-950 {
    background-color: #422006;
    display: inline-block;
    color: #fff;
}

/* ---------------- GRAY ---------------- */
.tag-gray-50 {
    background-color: #f9fafb;
    display: inline-block;
}

.tag-gray-100 {
    background-color: #f3f4f6;
    display: inline-block;
}

.tag-gray-200 {
    background-color: #e5e7eb;
    display: inline-block;
}

.tag-gray-300 {
    background-color: #d1d5db;
    display: inline-block;
}

.tag-gray-400 {
    background-color: #9ca3af;
    display: inline-block;
    color: #fff;
}

.tag-gray-500 {
    background-color: #6b7280;
    display: inline-block;
    color: #fff;
}

.tag-gray-600 {
    background-color: #4b5563;
    display: inline-block;
    color: #fff;
}

.tag-gray-700 {
    background-color: #374151;
    display: inline-block;
    color: #fff;
}

.tag-gray-800 {
    background-color: #1f2937;
    display: inline-block;
    color: #fff;
}

.tag-gray-900 {
    background-color: #111827;
    display: inline-block;
    color: #fff;
}

.tag-gray-950 {
    background-color: #030712;
    display: inline-block;
    color: #fff;
}

/* ---------------- ORANGE ---------------- */
.tag-orange-50 {
    background-color: #fff7ed;
    display: inline-block;
}

.tag-orange-100 {
    background-color: #ffedd5;
    display: inline-block;
}

.tag-orange-200 {
    background-color: #fed7aa;
    display: inline-block;
}

.tag-orange-300 {
    background-color: #fdba74;
    display: inline-block;
}

.tag-orange-400 {
    background-color: #fb923c;
    display: inline-block;
}

.tag-orange-500 {
    background-color: #f97316;
    display: inline-block;
    color: #fff;
}

.tag-orange-600 {
    background-color: #ea580c;
    display: inline-block;
    color: #fff;
}

.tag-orange-700 {
    background-color: #c2410c;
    display: inline-block;
    color: #fff;
}

.tag-orange-800 {
    background-color: #9a3412;
    display: inline-block;
    color: #fff;
}

.tag-orange-900 {
    background-color: #7c2d12;
    display: inline-block;
    color: #fff;
}

.tag-orange-950 {
    background-color: #431407;
    display: inline-block;
    color: #fff;
}

.mud-tab-override {
    min-width: 0px !important;
    text-transform: none !important;
}

.max-50-text {
    overflow: hidden;
    max-width: 50ch;
}

.fixed-table-screen {
    height: calc(100vh - 90px);
}

@media (max-width: 768px) {
    .h-svh-mobile {
        height: calc(100svh-5px);
    }
}