#messagesBlock div.message-row.response div.msg-body:not(.msg-body-media):not(.msg-body-widget):not(.msg-body-emoji){background-color:#2563EB!important;}#messagesBlock div.message-row.response div.msg-body,#messagesBlock div.message-row.response div.msg-body a.link{color:#FFFFFF!important;}#messagesBlock div.response .vis-tit{color:#1D4ED8!important;}.btn-bot,.btn-bot:hover,.btn-bot:focus,.btn-bot:active{}.vis-tit {display: none!important;}.user-nick-title,.op-nick-title{display: none!important;}.op-tit {float:left!important;margin-top: 2px!important;}.vis-tit {float:right;margin-left: 3px!important;margin-top: 3px!important;position: absolute!important;right: 0;}.op-tit {position: absolute!important;}.op-tit i.material-icons,.vis-tit i.material-icons{font-size: 24px!important;}div.message-admin div.msg-date,div.message-admin div.msg-body,div.message-admin div.meta-message{margin-left:29px!important;}@media (min-width: 1024px) {.profile-msg-pic {width: 33px!important;}div.message-admin div.msg-body,div.message-admin div.meta-message{margin-left:42px!important;}}.header-chat {background-color: #!important;}.desktop-header,.desktop-body{border-color:#080208!important;border-width: 1px!important;}.btn-bottom-scroll > button{color: #FFFFFF!important;background-color: #374151!important;border-color: #374151!important;}#scroll-to-message {border-bottom-color: #DC2626!important;}.new-msg-holder > .new-msg {background-color: #DC2626!important;}.new-msg-holder > .new-msg {color: #FFFFFF!important;}/* =========================================================
   NEXT2ME LIVE HELPER CHAT
   Safe mobile form styling
   Does not enlarge internal menu or toolbar icons
   ========================================================= */


/* -------------------------
   FORM LABELS
   ------------------------- */

label{
    display:block !important;
    margin:0 0 7px !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    color:#1f2937 !important;
}


/* -------------------------
   FORM FIELDS
   ------------------------- */

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
select,
textarea{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;

    padding:13px 14px !important;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;

    color:#111827 !important;
    background:#ffffff !important;

    border:1px solid #d1d5db !important;
    border-radius:12px !important;

    outline:none !important;
    box-shadow:0 1px 2px rgba(0,0,0,.03) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}


input::placeholder,
textarea::placeholder{
    color:#9ca3af !important;
    opacity:1 !important;
}


input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):focus,
select:focus,
textarea:focus{
    border-color:#111827 !important;
    background:#ffffff !important;
    box-shadow:0 0 0 3px rgba(17,24,39,.08) !important;
}


textarea{
    min-height:100px !important;
    resize:vertical !important;
}


/* -------------------------
   PRIMARY FORM BUTTON ONLY
   ------------------------- */

.btn-primary,
input[type="submit"],
button[type="submit"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:48px !important;
    box-sizing:border-box !important;

    margin:16px 0 0 !important;
    padding:13px 18px !important;

    border:1px solid #111827 !important;
    border-radius:12px !important;

    background:#111827 !important;
    color:#ffffff !important;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.4 !important;

    cursor:pointer !important;
    box-shadow:0 5px 12px rgba(17,24,39,.12) !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .12s ease !important;
}


.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
    background:#1f2937 !important;
    border-color:#1f2937 !important;
    box-shadow:0 7px 16px rgba(17,24,39,.16) !important;
}


.btn-primary:active,
input[type="submit"]:active,
button[type="submit"]:active{
    transform:translateY(1px) !important;
}


/* =========================================================
   REPAIR INTERNAL CHAT BUTTONS
   Menu, close, settings, emoji, attachment, sound and send
   ========================================================= */

button:not([type="submit"]):not(.btn-primary){
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:6px !important;

    border:0 !important;
    border-radius:8px !important;

    background:transparent !important;
    color:inherit !important;

    box-shadow:none !important;
    transform:none !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    line-height:1 !important;
}


button:not([type="submit"]):not(.btn-primary):hover{
    background:rgba(127,127,127,.12) !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
}


/* -------------------------
   REPAIR ICON SIZES
   ------------------------- */

button:not([type="submit"]):not(.btn-primary) svg{
    width:20px !important;
    height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
}


button:not([type="submit"]):not(.btn-primary) img{
    width:20px !important;
    height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    object-fit:contain !important;
}


button:not([type="submit"]):not(.btn-primary) .material-icons,
button:not([type="submit"]):not(.btn-primary) .material-icons-outlined,
button:not([type="submit"]):not(.btn-primary) .material-icons-round,
button:not([type="submit"]):not(.btn-primary) .material-icons-sharp{
    width:22px !important;
    height:22px !important;

    font-size:22px !important;
    line-height:22px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:inherit !important;
    overflow:hidden !important;
}


/* Prevent inherited large icon font sizing */

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp{
    font-size:22px !important;
    line-height:1 !important;
}


/* -------------------------
   CHECKBOXES AND RADIO
   ------------------------- */

input[type="checkbox"],
input[type="radio"]{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;

    margin:0 8px 0 0 !important;
    padding:0 !important;

    accent-color:#111827 !important;
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width:640px){

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
    select,
    textarea{
        padding:14px !important;
        font-size:16px !important;
        border-radius:12px !important;
    }

    textarea{
        min-height:96px !important;
    }

    .btn-primary,
    input[type="submit"],
    button[type="submit"]{
        min-height:50px !important;
        padding:14px 16px !important;
        font-size:16px !important;
    }

    button:not([type="submit"]):not(.btn-primary){
        padding:7px !important;
        border-radius:9px !important;
    }

    button:not([type="submit"]):not(.btn-primary) svg,
    button:not([type="submit"]):not(.btn-primary) img{
        width:21px !important;
        height:21px !important;
        max-width:21px !important;
        max-height:21px !important;
    }
}


/* -------------------------
   ACCESSIBILITY
   ------------------------- */

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:2px solid currentColor !important;
    outline-offset:2px !important;
}


@media (prefers-reduced-motion:reduce){

    input,
    select,
    textarea,
    button{
        transition:none !important;
    }
}