/* =========================
   CHAT · SHINY MARKET
   VERSIÓN COMPACTA
   ========================= */

.chat-panel{
    position:fixed;
    right:18px;
    bottom:18px;

    width:min(300px, calc(100vw - 36px));
    height:min(430px, calc(100vh - 36px));

    display:flex;
    flex-direction:column;

    background:rgba(12,18,30,.72);
    border:1px solid rgba(148,163,184,.25);
    border-radius:17px;

    box-shadow:
        0 18px 55px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.04);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    overflow:hidden;
    z-index:9999;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(14px) scale(.96);
    transform-origin:bottom right;

    transition:
        opacity .20s ease,
        transform .20s ease,
        visibility .20s ease;
}

.chat-panel.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
}

/* Encabezado */

.chat-header{
    min-height:45px;
    padding:8px 9px 8px 12px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;

    color:#f8fafc;
    font-size:12px;
    font-weight:1000;

    background:
        linear-gradient(
            135deg,
            rgba(30,41,59,.74),
            rgba(15,23,42,.62)
        );

    border-bottom:1px solid rgba(148,163,184,.16);
}

.chat-header span{
    display:flex;
    align-items:center;
    gap:6px;
}

.chat-header button{
    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    padding:0;
    border:1px solid rgba(148,163,184,.22);
    border-radius:8px;

    background:rgba(51,65,85,.52);
    color:#f8fafc;

    font-size:12px;
    font-weight:900;
    cursor:pointer;

    transition:
        background .15s ease,
        transform .15s ease;
}

.chat-header button:hover{
    background:rgba(71,85,105,.74);
    transform:scale(1.04);
}

/* Área de mensajes */

.chat-messages{
    flex:1;
    min-height:0;

    padding:8px 10px 10px;
    overflow-y:auto;
    overscroll-behavior:contain;

    scrollbar-width:thin;
    scrollbar-color:rgba(100,116,139,.7) transparent;
}

.chat-messages::-webkit-scrollbar{
    width:5px;
}

.chat-messages::-webkit-scrollbar-track{
    background:transparent;
}

.chat-messages::-webkit-scrollbar-thumb{
    background:rgba(100,116,139,.7);
    border-radius:999px;
}

.chat-placeholder{
    margin:28px auto 0;
    max-width:210px;

    color:#94a3b8;
    text-align:center;
    font-size:11px;
    line-height:1.4;
}

/* Mensaje normal */

.chat-message{
    padding:6px 1px 7px;
    border-bottom:1px solid rgba(148,163,184,.09);
}

.chat-message-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:8px;

    margin-bottom:2px;
}

.chat-message-head strong{
    min-width:0;

    color:#facc15;
    font-size:11px;
    font-weight:1000;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.chat-message-head span{
    flex:none;
    color:#64748b;
    font-size:8px;
}

.chat-message-copy{
    color:#e5e7eb;
    font-size:11px;
    line-height:1.32;

    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
}

/* Mensaje oficial */

.chat-message.admin-message{
    margin:6px 0;
    padding:7px 8px;

    border:1px solid rgba(250,204,21,.28);
    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            rgba(250,204,21,.09),
            rgba(245,158,11,.025)
        );

    box-shadow:inset 2px 0 0 #facc15;
}

.chat-message.admin-message .chat-message-head strong{
    color:#fde047;
    font-size:10px;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.chat-message.admin-message .chat-message-copy{
    color:#fff7cc;
    font-size:10.5px;
}

/* Campo para escribir */

.chat-footer{
    display:flex;
    align-items:stretch;
    gap:6px;

    padding:8px;

    border-top:1px solid rgba(148,163,184,.15);
    background:rgba(15,23,42,.68);
}

.chat-footer input{
    flex:1;
    min-width:0;
    height:35px;

    padding:0 10px;

    border:1px solid rgba(71,85,105,.8);
    border-radius:9px;

    background:rgba(2,6,23,.58);
    color:#f8fafc;

    font:inherit;
    font-size:10.5px;
    outline:none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.chat-footer input::placeholder{
    color:#64748b;
}

.chat-footer input:focus{
    border-color:#facc15;
    box-shadow:0 0 0 2px rgba(250,204,21,.09);
}

.chat-footer button{
    width:37px;
    min-width:37px;

    padding:0;
    border:1px solid #eab308;
    border-radius:9px;

    background:linear-gradient(180deg,#facc15,#eab308);
    color:#111827;

    font-size:15px;
    font-weight:1000;
    cursor:pointer;

    transition:
        transform .14s ease,
        filter .14s ease;
}

.chat-footer button:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
}

.chat-footer button:active{
    transform:scale(.95);
}

/* Modo solo lectura */

.chat-read-only-notice{
    padding:9px 10px;

    border-top:1px solid rgba(148,163,184,.15);

    background:rgba(15,23,42,.68);
    color:#cbd5e1;

    text-align:center;
    font-size:10px;
    font-weight:800;
}

/* Botón flotante */

.chat-fab{
    position:fixed;
    left:16px;
    bottom:16px;

    width:50px;
    height:50px;

    display:grid;
    place-items:center;

    padding:0;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;

    background:linear-gradient(145deg,#38bdf8,#2563eb);

    color:#fff;
    font-size:20px;

    box-shadow:
        0 11px 28px rgba(2,132,199,.32),
        inset 0 1px 0 rgba(255,255,255,.24);

    cursor:pointer;
    z-index:9998;

    transition:
        transform .17s ease,
        filter .17s ease;
}

.chat-fab:hover{
    transform:translateY(-2px) scale(1.04);
    filter:brightness(1.06);
}

.chat-fab:active{
    transform:scale(.94);
}

/* =========================
   MÓVIL
   ========================= */

@media (max-width:700px){

    .chat-panel{
        left:12px;
        right:auto;
        bottom:14px;

        width:76vw;
        max-width:300px;

        height:44vh;
        min-height:300px;
        max-height:410px;

        border-radius:15px;

        background:rgba(10,16,27,.68);

        transform:
            translateY(14px)
            scale(.96);

        transform-origin:bottom left;
    }

    .chat-panel.open{
        transform:
            translateY(0)
            scale(1);
    }

    .chat-header{
        min-height:42px;
        padding:7px 8px 7px 11px;
        font-size:11px;
    }

    .chat-header button{
        width:27px;
        height:27px;
        font-size:11px;
    }

    .chat-messages{
        padding:7px 9px 9px;
    }

    .chat-message{
        padding:5px 0 6px;
    }

    .chat-message-head{
        margin-bottom:2px;
    }

    .chat-message-head strong{
        font-size:10px;
    }

    .chat-message-head span{
        font-size:7.5px;
    }

    .chat-message-copy{
        font-size:10px;
        line-height:1.28;
    }

    .chat-message.admin-message{
        margin:5px 0;
        padding:6px 7px;
        border-radius:9px;
    }

    .chat-message.admin-message .chat-message-copy{
        font-size:9.5px;
    }

    .chat-footer{
        padding:7px;
        gap:5px;
    }

    .chat-footer input{
        height:34px;
        padding:0 9px;
        font-size:10px;
    }

    .chat-footer button{
        width:35px;
        min-width:35px;
        font-size:14px;
    }

    .chat-read-only-notice{
        padding:8px;
        font-size:9px;
    }

    .chat-fab{
        left:12px;
        bottom:14px;

        width:48px;
        height:48px;

        font-size:19px;
    }
}

/* Mensajes consecutivos agrupados */
.chat-message-lines{
    display:grid;
    gap:3px;
}

.chat-message-lines .chat-message-copy + .chat-message-copy{
    margin-top:1px;
}

/* El botón desaparece mientras el chat está abierto */
.chat-fab.chat-fab-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:scale(.78);
}


/* AVATARES EN EL CHAT */
.chat-message{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:7px;
    align-items:start;
}

.chat-message-content{
    min-width:0;
}

.chat-message-avatar{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:2px solid #94a3b8;
    border-radius:50%;
    background:#0f172a;
    color:#f8fafc;
    font-size:10px;
    font-weight:1000;
    box-shadow:0 4px 10px rgba(0,0,0,.28);
}

.chat-message-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
}

.chat-message-avatar.rarity-rare{border-color:#38bdf8;box-shadow:0 0 10px rgba(56,189,248,.35)}
.chat-message-avatar.rarity-ultra{border-color:#c084fc;box-shadow:0 0 10px rgba(192,132,252,.38)}
.chat-message-avatar.rarity-special{border-color:#fb7185;box-shadow:0 0 10px rgba(251,113,133,.38)}
.chat-message-avatar.rarity-gold{border-color:#facc15;box-shadow:0 0 11px rgba(250,204,21,.46)}
.chat-message-avatar.rarity-rainbow{
    border-color:transparent;
    background:
        linear-gradient(#0f172a,#0f172a) padding-box,
        linear-gradient(135deg,#f87171,#facc15,#4ade80,#38bdf8,#c084fc) border-box;
    box-shadow:0 0 12px rgba(192,132,252,.45);
}

.chat-message.admin-message{
    grid-template-columns:30px minmax(0,1fr);
}

@media(max-width:700px){
    .chat-message{
        grid-template-columns:27px minmax(0,1fr);
        gap:6px;
    }

    .chat-message-avatar{
        width:25px;
        height:25px;
    }
}


/* CORRECCIÓN DEFINITIVA · AVATAR VISIBLE EN CHAT */
.chat-message{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:7px!important;
    align-items:start!important;
}

.chat-message>.chat-message-avatar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    position:relative!important;
    z-index:1!important;
}

.chat-message>.chat-message-content{
    display:block!important;
    min-width:0!important;
}

.chat-message>.chat-message-avatar img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
}

@media(max-width:700px){
    .chat-message{
        grid-template-columns:27px minmax(0,1fr)!important;
    }

    .chat-message>.chat-message-avatar{
        width:25px!important;
        height:25px!important;
        min-width:25px!important;
        min-height:25px!important;
    }
}


/* CHAT CLAIMS · ESCRITORIO GRANDE + MÓVIL REDUCIDO */

/* En escritorio, el chat abierto aprovecha la columna derecha del live. */
@media(min-width:701px){
    .chat-panel{
        top:74px!important;
        right:18px!important;
        bottom:18px!important;
        left:auto!important;

        width:clamp(320px,23vw,430px)!important;
        height:auto!important;
        max-width:calc(100vw - 36px)!important;
        max-height:none!important;

        border-radius:16px!important;
        transform:translateX(18px) scale(.985)!important;
        transform-origin:center right!important;
    }

    .chat-panel.open{
        transform:translateX(0) scale(1)!important;
    }

    .chat-header{
        min-height:52px!important;
        padding:10px 12px 10px 15px!important;
        font-size:14px!important;
    }

    .chat-header button{
        width:32px!important;
        height:32px!important;
    }

    .chat-messages{
        padding:12px 14px 14px!important;
    }

    .chat-message{
        padding-top:8px!important;
        padding-bottom:9px!important;
        grid-template-columns:34px minmax(0,1fr)!important;
        column-gap:9px!important;
    }

    .chat-message>.chat-message-avatar{
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        min-height:32px!important;
    }

    .chat-message-head strong{
        font-size:13px!important;
    }

    .chat-message-head span{
        font-size:9px!important;
    }

    .chat-message-copy{
        font-size:13px!important;
        line-height:1.38!important;
    }

    .chat-footer{
        padding:11px!important;
        gap:8px!important;
    }

    .chat-footer input{
        height:42px!important;
        padding:0 12px!important;
        font-size:13px!important;
    }

    .chat-footer button{
        width:44px!important;
        min-width:44px!important;
        font-size:17px!important;
    }
}

/* En móvil queda aproximadamente al 70% de su tamaño anterior. */
@media(max-width:700px){
    .chat-panel{
        left:10px!important;
        right:auto!important;
        bottom:12px!important;

        width:min(54vw,210px)!important;
        height:31vh!important;
        min-height:215px!important;
        max-height:290px!important;

        border-radius:13px!important;
    }

    .chat-header{
        min-height:34px!important;
        padding:5px 6px 5px 8px!important;
        font-size:9px!important;
    }

    .chat-header button{
        width:22px!important;
        height:22px!important;
        border-radius:6px!important;
        font-size:9px!important;
    }

    .chat-messages{
        padding:5px 6px 6px!important;
    }

    .chat-message{
        grid-template-columns:22px minmax(0,1fr)!important;
        column-gap:5px!important;
        padding:4px 0 5px!important;
    }

    .chat-message>.chat-message-avatar{
        width:21px!important;
        height:21px!important;
        min-width:21px!important;
        min-height:21px!important;
        border-width:1.5px!important;
    }

    .chat-message-head{
        gap:4px!important;
        margin-bottom:1px!important;
    }

    .chat-message-head strong{
        font-size:8px!important;
    }

    .chat-message-head span{
        font-size:6px!important;
    }

    .chat-message-copy{
        font-size:8px!important;
        line-height:1.24!important;
    }

    .chat-message.admin-message{
        margin:3px 0!important;
        padding:4px 5px!important;
        border-radius:7px!important;
    }

    .chat-message.admin-message .chat-message-copy{
        font-size:7.5px!important;
    }

    .chat-footer{
        padding:5px!important;
        gap:4px!important;
    }

    .chat-footer input{
        height:27px!important;
        padding:0 7px!important;
        border-radius:7px!important;
        font-size:8px!important;
    }

    .chat-footer button{
        width:28px!important;
        min-width:28px!important;
        border-radius:7px!important;
        font-size:11px!important;
    }

    .chat-read-only-notice{
        padding:6px!important;
        font-size:7px!important;
    }

    .chat-fab{
        left:10px!important;
        bottom:12px!important;
        width:36px!important;
        height:36px!important;
        font-size:14px!important;
    }
}


/* SELECTOR DE EMOJIS DEL CHAT */
.chat-footer{position:relative}
.chat-emoji-btn{
    flex:0 0 auto;width:37px;min-width:37px;padding:0;
    border:1px solid rgba(148,163,184,.28);border-radius:9px;
    background:rgba(51,65,85,.72);color:#fff;font-size:17px;cursor:pointer
}
.chat-emoji-btn:hover,.chat-emoji-btn[aria-expanded="true"]{background:rgba(71,85,105,.92)}
.chat-emoji-picker{
    position:absolute;left:8px;bottom:calc(100% + 7px);z-index:4;
    display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:218px;padding:7px;
    border:1px solid rgba(148,163,184,.25);border-radius:12px;
    background:rgba(15,23,42,.97);box-shadow:0 14px 32px rgba(0,0,0,.46);
    visibility:hidden;opacity:0;pointer-events:none;
    transform:translateY(5px) scale(.98);transform-origin:bottom left;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease
}
.chat-emoji-picker.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.chat-emoji-picker button{
    width:36px;height:36px;display:grid;place-items:center;padding:0;
    border:1px solid transparent;border-radius:8px;background:rgba(51,65,85,.58);
    font-size:20px;cursor:pointer
}
.chat-emoji-picker button:hover{
    border-color:rgba(250,204,21,.45);background:rgba(71,85,105,.9);transform:scale(1.06)
}
@media(min-width:701px){
    .chat-emoji-btn{width:44px!important;min-width:44px!important;font-size:20px!important}
    .chat-emoji-picker{left:11px;bottom:calc(100% + 9px);width:260px;gap:7px;padding:9px}
    .chat-emoji-picker button{width:42px;height:42px;font-size:23px}
}
@media(max-width:700px){
    .chat-emoji-btn{width:28px!important;min-width:28px!important;height:27px!important;border-radius:7px!important;font-size:12px!important}
    .chat-emoji-picker{left:5px;bottom:calc(100% + 5px);width:164px;gap:3px;padding:5px;border-radius:9px}
    .chat-emoji-picker button{width:28px;height:28px;border-radius:6px;font-size:15px}
}


/* ==========================================================
   CHAT FIJO MÓVIL 37%
   SOLO PRESENTACIÓN / INTERACCIÓN DEL CHAT.
   ========================================================== */
.chat-title-mobile{display:none!important}

@media(max-width:700px){
    body.mobile-claims-layout .chat-title-desktop{
        display:none!important;
    }

    body.mobile-claims-layout .chat-title-mobile{
        display:inline!important;
    }

    body.mobile-claims-layout .chat-panel{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;

        display:flex!important;
        flex:1 1 auto!important;
        width:100%!important;
        height:100%!important;
        min-width:0!important;
        min-height:0!important;
        max-width:none!important;
        max-height:none!important;

        overflow:hidden!important;
        border:0!important;
        border-radius:0!important;
        background:rgba(8,13,23,.96)!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;

        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:none!important;
        transition:none!important;
    }

    body.mobile-claims-layout .chat-panel.open{
        transform:none!important;
    }

    body.mobile-claims-layout .chat-header{
        flex:0 0 31px!important;
        min-height:31px!important;
        padding:5px 7px!important;
        font-size:10px!important;
        line-height:1!important;
    }

    body.mobile-claims-layout .chat-header button{
        display:none!important;
    }

    body.mobile-claims-layout .chat-messages{
        flex:1 1 auto!important;
        min-height:0!important;
        padding:5px!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
    }

    body.mobile-claims-layout .chat-message{
        grid-template-columns:19px minmax(0,1fr)!important;
        column-gap:4px!important;
        padding:4px 0!important;
    }

    body.mobile-claims-layout .chat-message>.chat-message-avatar{
        width:18px!important;
        height:18px!important;
        min-width:18px!important;
        min-height:18px!important;
        border-width:1px!important;
    }

    body.mobile-claims-layout .chat-message-head{
        display:block!important;
        margin-bottom:1px!important;
    }

    body.mobile-claims-layout .chat-message-head strong{
        display:block!important;
        font-size:7px!important;
        line-height:1.08!important;
    }

    body.mobile-claims-layout .chat-message-head span{
        display:block!important;
        margin-top:1px!important;
        font-size:5.5px!important;
        line-height:1!important;
    }

    body.mobile-claims-layout .chat-message-copy{
        font-size:7px!important;
        line-height:1.22!important;
    }

    body.mobile-claims-layout .chat-message.admin-message{
        margin:3px 0!important;
        padding:4px!important;
        border-radius:6px!important;
    }

    body.mobile-claims-layout .chat-message.admin-message .chat-message-copy{
        font-size:6.5px!important;
    }

    /* Los tres controles son el límite inferior del chat. */
    body.mobile-claims-layout .chat-footer{
        position:relative!important;
        flex:0 0 auto!important;
        display:grid!important;
        grid-template-columns:25px minmax(0,1fr) 27px!important;
        align-items:center!important;
        gap:3px!important;
        width:100%!important;
        min-height:36px!important;
        margin:0!important;
        padding:4px!important;
    }

    body.mobile-claims-layout .chat-footer input{
        width:100%!important;
        min-width:0!important;
        height:27px!important;
        padding:0 6px!important;
        border-radius:6px!important;
        font-size:7px!important;
    }

    body.mobile-claims-layout .chat-emoji-btn{
        width:25px!important;
        min-width:25px!important;
        height:27px!important;
        border-radius:6px!important;
        font-size:11px!important;
    }

    body.mobile-claims-layout #sendChat{
        width:27px!important;
        min-width:27px!important;
        height:27px!important;
        border-radius:6px!important;
        font-size:11px!important;
    }

    body.mobile-claims-layout .chat-emoji-picker{
        left:4px!important;
        bottom:calc(100% + 4px)!important;
        grid-template-columns:repeat(3,1fr)!important;
        width:104px!important;
        gap:3px!important;
        padding:4px!important;
        border-radius:8px!important;
    }

    body.mobile-claims-layout .chat-emoji-picker button{
        width:29px!important;
        height:29px!important;
        border-radius:6px!important;
        font-size:15px!important;
    }

    body.mobile-claims-layout .chat-read-only-notice{
        flex:0 0 auto!important;
        padding:5px!important;
        font-size:6px!important;
    }

    body.mobile-claims-layout .chat-fab{
        display:none!important;
    }
}


/* CHAT MÓVIL · TEXTO MÁS GRANDE SIN CAMBIAR EL TAMAÑO DEL PANEL */
@media(max-width:700px){
    body.mobile-claims-layout .chat-message-head strong{
        font-size:10.5px!important;
        line-height:1.12!important;
    }

    body.mobile-claims-layout .chat-message-head span{
        font-size:8px!important;
        line-height:1.05!important;
    }

    body.mobile-claims-layout .chat-message-copy{
        font-size:10.5px!important;
        line-height:1.3!important;
    }

    body.mobile-claims-layout .chat-message.admin-message .chat-message-copy{
        font-size:10px!important;
        line-height:1.28!important;
    }

    body.mobile-claims-layout .chat-footer input{
        font-size:10px!important;
    }

    body.mobile-claims-layout .chat-placeholder{
        font-size:9px!important;
        line-height:1.3!important;
    }
}


/* CHAT TIPO TWITCH · MENSAJES CON SCROLL INTERNO */
.chat-panel{
    overflow:hidden!important;
}

.chat-header{
    flex:0 0 auto!important;
}

.chat-messages{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
}

.chat-footer{
    flex:0 0 auto!important;
    position:relative!important;
    z-index:5!important;
}

.chat-read-only-notice{
    flex:0 0 auto!important;
}

.chat-messages::-webkit-scrollbar{
    width:7px;
}

.chat-messages::-webkit-scrollbar-track{
    background:rgba(15,23,42,.35);
}

.chat-messages::-webkit-scrollbar-thumb{
    background:rgba(148,163,184,.58);
    border-radius:999px;
}

.chat-messages::-webkit-scrollbar-thumb:hover{
    background:rgba(148,163,184,.78);
}

@media(max-width:700px){
    body.mobile-claims-layout .mobile-chat-mount{
        min-height:0!important;
        overflow:hidden!important;
    }

    body.mobile-claims-layout .chat-panel{
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
    }

    body.mobile-claims-layout .chat-messages{
        min-height:0!important;
        max-height:none!important;
        overflow-y:auto!important;
        padding-bottom:5px!important;
    }

    body.mobile-claims-layout .chat-footer{
        position:relative!important;
        inset:auto!important;
        bottom:auto!important;
        margin-top:0!important;
    }

    body.mobile-claims-layout .chat-messages::-webkit-scrollbar{
        width:4px;
    }
}