/* ==========================================================================
   1. Importações de Fontes e Variáveis Globais (:root & .theme-dark)
   ========================================================================== */


        @import url("https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
        @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
        /*@import url("https://fonts.googleapis.com/css2?family=Orbitron:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");*/
        @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap");
        @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");


        :root {
            --navbar-width: 18.5rem !important;
            /* Cores Base - Tema Claro */
            --background: 0 0% 96%;
            --foreground: 0 0% 20%;
            --border: 0 0% 90%;
            --heading-foreground: 0 0% 15%;

            /* Cores Primárias, Secundárias e de Destaque - Tema Claro */
            --primary: 351 98% 63%;
            --primary-foreground: 0 0% 100%;
            --secondary: 351 98% 63%;
            --secondary-foreground: 0 0% 100%;
            --accent: 351 90% 70%; 
            --accent-foreground: 0 0% 100%;
            
            /* Gradientes - Tema Claro */
            --gradient-from: 351 98% 63%;
            --gradient-via: 351 85% 70%;
            --gradient-to: 351 70% 80%;
            
            /* Navbar - Tema Claro */
            --navbar-background: 0 0% 100%;
            --navbar-foreground: 0 0% 30%;
            --navbar-background-hover: 0 0% 95%;
            --navbar-foreground-hover: 351 98% 63%;
            --navbar-background-active: 351 98% 63%;
            --navbar-foreground-active: 0 0% 100%;
            --navbar-link-rounded: 3px;

            /* Tipografia */
            --font-heading: 'Montserrat', sans-serif;
            --font-body: 'Nunito Sans', sans-serif;

            /* Outros Elementos UI - Tema Claro */
            --button-border: 0 0% 85%;
            
            --card-rounded: 3px;
            --card-shadow: 0 5px 15px hsl(0 0% 0% / 10%);
            --card-background: 0 0% 100%;
            --card-border: 0 0% 92%;
            
            --input-rounded-multiplier: 0.4;
            --input-foreground: 0 0% 25%;
            --input-background: 0 0% 96%;
        }

        .theme-dark {
            /* Valores padrão para tema escuro */
            --foreground: 0 0% 95%;
            --background: 0 0% 10%;
            --border: 0 0% 25%;
            --heading-foreground: 0 0% 95%;
            --primary: 351 98% 63%;
            --primary-foreground: 0 0% 100%;
            --secondary: 351 70% 45%;
            --secondary-foreground: 0 0% 100%;
            --accent: 351 80% 75%; 
            --accent-foreground: 0 0% 100%;
            --gradient-from: 351 98% 63%;
            --gradient-via: 351 80% 50%;
            --gradient-to: 0 0% 10%;
            --navbar-background: 0 0% 7%;
            --navbar-foreground: 0 0% 95%;
            --navbar-background-hover: 0 0% 20%;
            --navbar-foreground-hover: 351 98% 63%;
            --navbar-background-active: 351 98% 63%;
            --navbar-foreground-active: 0 0% 100%;
            --button-border: 0 0% 40%;
            --card-background: 0 0% 18%;
            --card-border: 0 0% 25%;
            --input-foreground: 0 0% 95%;
            --input-background: 0 0% 12%;
            --tblr-btn-bg: hsl(var(--primary));
            --card-shadow: 0 5px 15px hsl(0 0% 0% / 20%); 
        }

/* ==========================================================================
   2. Estilos Globais e Resets
   ========================================================================== */

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: rgb(185 175 164 / 30%) !important;
}

h1 {
    background: linear-gradient(321deg, #ff0028 42.63%, #e27272 83.27%, #ff0028 112.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4 {
    color: #fd4360 !important;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.2px;
    font-weight: 600 !important;
    text-shadow: rgba(2, 2, 2, 0.3) -2px 1px 5px;
    filter: contrast(1.3);
}

.font-medium {
    font-weight: 100 !important;
}

.text-lg {
    font-size: 1.3rem !important;
    line-height: 1.5rem !important;
    color: #fd4060 !important;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.2px;
    font-weight: 600 !important;
    text-shadow: rgba(2, 2, 2, 0.3) -2px 1px 5px;
    filter: contrast(1.3);
}

.text-2xs {
    font-size: 0.75rem;
    color: #fff;
    font-weight: 600;
}

.text-foreground {
    color: #dadada;
}

.whitespace-nowrap {
    white-space: inherit !important;
}

td.whitespace-nowrap {
    white-space: nowrap !important;
}

.rounded-md {
    border-radius: 0.175rem !important;
}

.rounded-xl {
    border-radius: 0.1rem !important;
}

.p-FieldLabel {
    color: #c5c5c5 !important;
}

.shadow-xs {
    --tw-shadow: 0 2px 8px rgb(4 5 4/25%) !important;
    --tw-shadow-colored: 5 2px 2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.bottom-20 {
    bottom: 66px !important;
}

.grow.basis-full.md\:basis-0.lg\:ms-auto {
    color: #25252500;
}

code[class*="language-"],
pre[class*="language-"] {
    color: rgb(253, 67, 96) !important;
    text-shadow: 0 0.1px #000;
}

/* ==========================================================================
   3. Estrutura Principal e Layout
   ========================================================================== */

header.lqd-header {
    background-image: url("https://app3.nerdgpt.com.br/assets/img/platforms/bg-nerdgpt-dashboard.webp");
    background-size: 1920px 122px;
    background-repeat: no-repeat;
    background-position: 0 25%;
    box-shadow: rgba(0, 0, 0, 0.85) 0 3px 5px;
}

.theme-dark .lqd-page-content-wrap.flex.grow.flex-col.overflow-hidden {
    background-color: #252525 !important;
    box-shadow: inset rgba(0, 0, 0, 0.65) 0px 0px 10px 1px !important;
}

.theme-dark .min-h-full .max-lg\:overflow-y-auto {
    background-color: #141414 !important;
    background-image: linear-gradient(277deg, #000000, #363636), linear-gradient(84deg, #fd4460 17.86%, #e22861 77.88%, #763cd4 107.47%) !important;
}

.min-h-full .max-lg\:overflow-y-auto {
    max-width: 300px;
}

.lqd-page-settings .lg\:w-5\/12 {
    width: 70% !important;
}

/* ==========================================================================
   4. Componentes (Cards, Botões, Inputs, etc.)
   ========================================================================== */

/* --- Cards --- */

.lqd-card {
    --border: 240 1% 19%;
    --card-border: 240 1% 19%;
    border-radius: 1px !important;
    border-width: 1px;
    padding: 10px 0.65rem 40px !important;
}

.theme-dark .lqd-card {
    background-color: #3a3a39 !important;
}

.border-card-border {
    border-color: rgb(114 114 114/28%) !important;
}

/* --- Botões --- */

.lqd-btn {
    border-radius: 0.1rem;
    font-size: 0.9rem;
    line-height: 1em !important;
}

a.lqd-btn.group.inline-flex.items-center.justify-center.gap-1\.5.text-xs.font-medium.rounded-full.transition-all.hover\:-translate-y-0\.5.hover\:shadow-xl.\[\&\[disabled\]\]\:bg-foreground.\[\&\[disabled\]\]\:opacity-30.\[\&\[disabled\]\]\:pointer-events-none.lqd-btn-primary.bg-primary.text-primary-foreground.hover\:bg-primary\/90.hover\:shadow-primary\/10.focus-visible\:bg-primary\/90.focus-visible\:shadow-primary\/10.lqd-btn-lg.px-5.py-3.lqd-btn-hover-none.w-full {
    background-color: #080808 !important;
}

:is(.theme-dark .lqd-btn.lqd-btn-ghost-shadow) {
    background-color: rgba(238, 58, 58, 0.37) !important;
}

.theme-dark .lqd-card .lqd-btn.lqd-btn-ghost-shadow {
    background-color: rgb(253 67 96 / 12%) !important;
}

/* --- Inputs e Formulários --- */

#top_search_word {
    border-radius: 35px;
    border-width: 2px;
}

.max-lg\:bg-white input[type="search"]::placeholder {
    color: rgba(218, 218, 218, 0.7);
    font-weight: 300;
    filter: contrast(1.2);
    font-size: 0.8em !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0px;
    opacity: 0.8;
    -webkit-mask-image: linear-gradient(to left, transparent 10%, black 30%);
    text-shadow: 2px 2px 5px #00000045;
}

.theme-dark .lqd-input {
    background-color: hsl(var(--input-background)) !important;
}

.theme-dark .form-check-input:not(:checked),
.theme-dark .form-control:not([type=search]),
.theme-dark .form-file-text,
.theme-dark .form-select,
.theme-dark .form-selectgroup-check {
    border-color: #fd4360 !important;
}

.outline-input-border {
    outline-color: rgba(238, 58, 58, 0.37) !important;
}

/* --- Dropdowns e Modais --- */

.theme-dark .lqd-dropdown-dropdown-content {
    background-color: #090909 !important;
}

#promptModal>div {
    transition: transform 0.3s ease-out;
    transform: none;
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    height: calc(100% - 1rem);
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
    font-family: Poppins, sans-serif;
    box-sizing: border-box;
}

/* --- Outros Componentes --- */

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: var(--tblr-green) !important;
}

.theme-dark .border-foreground\/10 {
    border-color: #fd4360 !important;
}

.theme-dark .text-green-600 {
    color: #9e9e9e !important;
}

.theme-dark .from-\[\#9C76F9\],
.theme-dark .from-\[\#82E2F4\],
.theme-dark .from-blue-400\/30 {
    --tw-gradient-from: #fd4360 var(--tw-gradient-from-position) !important;
}

.theme-dark .to-#BBDAFF,
.theme-dark .to-#8A8AED {
    --tw-gradient-stops: #fd4360, #fd4360;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

.lqd-chatbot-trigger img {
    border-radius: 10px !important;
}

.button #chatbot-trigger {
    padding: 5px;
}

.theme-dark .bg-\[\#9A34CD\],
.theme-dark .\[\&_\.lqd-chat-user-bubble_\.chat-content-container\]\:bg-\[\#9A34CD\] .lqd-chat-user-bubble .chat-content-container {
    background-color: #ff002852;
}

.theme-dark .lqd-generator-v2 {
    --background: 300 2% 13% !important;
}

.bg-\[\#7A8193\] {
    --tw-bg-opacity: 0.5;
    background-image: repeating-linear-gradient(311deg, #fd4460bf 34%, #8b0419 35%, #fd4460 44%) !important;
}

/* ==========================================================================
   5. Estilos Específicos de Seções
   ========================================================================== */

/* --- Lista de Chats (Agentes) --- */

.lqd-chats-list {
    gap: 0.7rem;
}

.lqd-chats-list.grid:grid-cols-2.lg {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lqd-chats-list .lqd-chat-item:nth-child(1) {
    position: relative;
    background-color: #1f1f1f50 !important;
    border-color: rgba(185, 175, 164, 0.5) !important;
    border-width: 1.5px !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 2px !important;
}

.lqd-chats-list .lqd-chat-item:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(https://app3.nerdgpt.com.br/images/logo/icone-nerdgptpro.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top;
    opacity: 0.1;
    filter: blur(1.9px);
    z-index: 0;
}

.lqd-chats-list .lqd-chat-item:nth-child(n + 1)>* {
    position: relative;
    background-position: 50% 0%;
    background-size: 47.5% !important;
    background-repeat: no-repeat;
    filter: contrast(1.2) !important;
    min-height: 252px !important;
    max-height: 255px !important;
    margin-top: 1px !important;
    z-index: 0;
}

.lqd-chats-list .lqd-chat-item:nth-child(1) p {
    position: relative;
    backdrop-filter: blur(11px) !important;
    padding: 20px;
    border-radius: 1px;
    text-shadow: -2px -2px 9px #00000050 !important;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.6px;
    transition: transform 1.5s;
}

.lqd-chats-list .lqd-chat-item:nth-child(n+1):hover {
    background: rgba(152, 75, 75, 0.3) !important;
    background-blend-mode: overlay !important;
    transition: background 0.8s, transform 1s;
    transform: scale(0.98);
}

.lqd-chats-list .lqd-chat-item p {
    font-size: 0.9rem !important;
    font-weight: 100 !important;
    color: #aeaeae !important;
    font-family: "Roboto", sans-serif;
    -webkit-mask-image: linear-gradient(to top, transparent 10%, black 80%);
    mask-image: linear-gradient(to top, #00000000 10%, black 80%);
}

.border-bot {
    width: 130px;
    position: absolute;
}

/* --- Cabeçalho do Chat --- */

.lqd-chat-head .items-center>.flex {
    transform: translatex(0px) translatey(0px);
}

.lqd-chat-head .size-6 path:nth-child(1) {
    color: rgb(253, 68, 96);
}

#show_export_btns .max-md\:justify-center .size-6 {
    min-width: 35px;
    min-height: 35px;
    margin-bottom: 4px;
}

.lqd-chat-head .\[\&\[disabled\]\]\:pointer-events-none path {
    visibility: visible;
}

.lqd-chat-head .\[\&\[disabled\]\]\:pointer-events-none:nth-child(4) path:nth-child(2),
.lqd-chat-head .\[\&\[disabled\]\]\:pointer-events-none:nth-child(4) path:nth-child(3) {
    color: rgb(253, 67, 96);
}

.peer-checked\:text-primary-foreground .size-5 path {
    color: rgb(253, 67, 96);
}

.lqd-chat-head .items-center .flex .lqd-chat-mobile-sidebar-trigger .place-items-center {
    color: rgb(253, 67, 96);
}

.lqd-chat-head .place-items-center>.row-start-1 {
    transform: scale(1.1);
    color: #ffffff;
}

.max-md\:\[\&_\.lqd-input-label-txt\]\:hidden .lqd-input-label .size-5 {
    background-color: rgba(34, 32, 34, 0.79);
}

.lqd-chat-head .flex .lqd-input-label {
    padding: 2px;
}

.overflow-x-hidden .lqd-chat-ai-bubble .chat-content-container {
    background-color: #232323;
    border-radius: 15px;
    box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.55);
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.38) !important;
    border-top-style: none;
    border-left-style: none;
}

#chat_form #voice_record_button path:nth-child(4),
#chat_form #voice_record_button path:nth-child(3),
#chat_form #voice_record_button path:nth-child(2) {
    color: rgb(253, 67, 96);
}

#voice_record_button .size-6 {
    min-width: 29px;
    min-height: 30px;
}

#chat_form .items-center .size-4 {
    color: rgb(253, 67, 96);
    transform: scale(1.43);
}

#chat_form .items-center .origin-center {
    padding: 0;
    margin: 0;
}

.place-items-center .w-full:nth-child(1) .text-inherit svg path:nth-child(1),
.place-items-center .w-full:nth-child(1) .text-inherit svg path:nth-child(2) {
    color: rgb(253, 67, 96);
}

.lqd-bottom-menu .w-full:nth-child(2) path:nth-child(3),
.lqd-bottom-menu svg path:nth-child(4) {
    color: rgb(253, 67, 96);
}

.lqd-bottom-menu .place-items-center .w-full .text-inherit>svg {
    height: 25px;
    width: 28% !important;
}

div:nth-child(3) li:nth-child(n + 2)>a {
    background: linear-gradient(321deg, rgb(255, 0, 40) 42.63%, rgb(226, 114, 114) 83.27%, rgb(255, 0, 40) 112.63%) text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
    line-height: 1.4285em !important;
    padding: 0.425rem;
    font-weight: 600 !important;
    border-radius: 999.25rem !important;
}

/* --- Dropdown Agentes --- */

.backdrop-blur-lg {
    backdrop-filter: blur(16px);
}

#user_chat_area .group\/dropdown.lqd-is-active .group-\[\&\.lqd-is-active\]\/dropdown\:visible {
    visibility: visible;
    width: 700px;
}

#user_chat_area .lqd-card-body div .lqd-is-active {
    background-color: transparent !important;
}

#user_chat_area .group-\[\&\.lqd-is-active\]\/dropdown\:visible {
    margin: -1px 0 0 -17px !important;
}

div #user_chat_area {
    display: grid !important;
}

.theme-dark .chats-wrap .lqd-chat-head,
.theme-dark .chats-wrap .lqd-chat-form {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* --- Gerador de Conteúdo --- */

.lqd-generator-sidebar-backdrop .cursor-pointer h4 {
    /*font-family: orbitron, sans-serif;*/
    text-transform: math-auto;
    line-height: 1.4em;
    font-weight: 600;
    font-size: 28px;
    width: 400px;
}

.lqd-generator-sidebar-backdrop .cursor-pointer p {
    font-size: 17px;
    line-height: 1.43em;
}

.grow-1 .h-full .lqd-generator-sidebar-backdrop {
    transform: translatex(0px) translatey(0px);
}

.group\/generator .lqd-generator-sidebar-backdrop .cursor-pointer {
    transform: scale(1.4);
}

.theme-dark .group[data-view-mode=grid] .group-\[\&\[data-view-mode\=grid\]\]\:bg-card-background {
    background-color: #3a3a39 !important;
}

.lqd-generator-item-info h4 {
    margin-bottom: 0.375rem !important;
}

.theme-dark .lqd-generator-item-info h4 {
    color: #fd4360 !important;
}

.lqd-generator-item-info p {
    font-weight: 300 !important;
    color: #8d8d8f !important;
}

.lqd-generator-item-info {
    padding: 0 1rem !important;
}

#lqd-generators-filter-list {
    font-family: "Roboto", sans-serif !important;
    gap: 0.3rem;
    justify-content: center;
    padding: 4px 0 5px;
}

.highlight {
    background-color: #ff0;
    color: #fff;
}

/* --- Cloud Drive --- */

.theme-dark .bg-table-background {
    background-color: #222222 !important;
    border-color: #363636 !important;
    border-width: 2px;
    border-style: solid;
}

.lqd-docs-item:nth-child(even) {
    background-color: rgba(32, 32, 25);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px 0px !important;
}

.lqd-docs-item:nth-child(odd) {
    background-color: rgba(42, 42, 39);
    box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 5px 0px !important;
}

.lqd-docs-list .lqd-docs-item .justify-self-start {
    color: #eaeaea;
    mix-blend-mode: difference !important;
}

#recent .lqd-docs-list .lqd-docs-item {
    background-color: #222222 !important;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.43);
    padding-left: 10px;
}

/* --- Gráficos (ApexCharts) --- */

.theme-dark .apexcharts-tooltip-series-group.apexcharts-active {
    background-color: #222 !important;
}

.theme-dark .apexcharts-series[seriesName="Restante"] path {
    fill: #fd4360 !important;
}

.theme-dark .apexcharts-series[seriesName="Usado"] path {
    fill: #fd436060 !important;
}

.theme-dark .apexcharts-legend-marker[rel="1"] {
    background: #fd4360 !important;
}

.theme-dark .apexcharts-legend-marker[rel="2"] {
    background: #fd436060 !important;
}

.theme-dark path.apexcharts-area {
    stroke: #fd4360 !important;
}

.theme-dark .apexcharts-tooltip-marker {
    background-color: #fd4360 !important;
}

.apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    overflow: hidden;
}

span.apexcharts-legend-marker {
    display: none;
}

.apexcharts-legend-text[rel="1"]:before {
    content: "•";
    font-size: 40px;
    font-family: "Golos Text", sans-serif !important;
    color: #fd4360 !important;
    position: relative;
    top: 8px;
}

.apexcharts-legend-text[rel="2"]:before {
    content: "•";
    font-size: 40px;
    font-family: "Golos Text", sans-serif !important;
    color: #702c3b !important;
    position: relative;
    top: 8px;
}

/* --- Editor de Texto (TinyMCE) --- */

.theme-dark .\[\&_\.tox-edit-area__iframe\]\:\!bg-transparent .tox-edit-area iframe {
    background-color: #242425 !important;
}

.theme-dark .tox-collection__item-icon svg,
.theme-dark .tox-collection__item-icon svg path {
    stroke: #fd4360 !important;
}

div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select {
    justify-content: space-between;
    width: 170px;
    height: 40px;
    padding: 0 16px;
    border: 0px solid;
    border-radius: 0.75rem !important;
}

.theme-dark div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select {
    background: #242425 !important;
}

.tox-silver-sink div .tox-collection--list {
    background-color: #363636 !important;
}

/* --- Página de Login --- */

.min-h-full .items-stretch .md\:flex {
   background-size: contain;
}

.grow-1.overflow-hidden .container-fluid .items-stretch.md\:justify-center.w-full.text-muted a {
    color: #fd4060 !important;
}

.md\:justify-center .text-muted a {
    font-weight: 600 !important;
    padding-left: 3px;
    font-size: 13px;
}

.items-stretch .md\:justify-center>.w-full {
    padding: 0 8px;
}

.md\:justify-center .w-full .focus-visible\:outline-secondary:nth-child(1):link,
.md\:justify-center .w-full .focus-visible\:outline-secondary:nth-child(2):link {
    background-color: rgba(84, 84, 84, 0.45) !important;
    border-color: rgba(94, 94, 94, 0.2) !important;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px;
    border-radius: 0.41rem !important;
    border-width: 0px !important;
    outline-style: solid !important;
    outline-offset: 0.1px !important;
    outline-color: #4f4f4f !important;
}

.md\:justify-center .w-full .focus-visible\:outline-secondary:nth-child(1),
.md\:justify-center .w-full .focus-visible\:outline-secondary:nth-child(2),
div:nth-child(2)>div>div>div:nth-child(2)>a:nth-child(1) {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    width: 170px;
    max-width: 175px;
    font-size: 13.5px !important;
    padding: 0.75rem 0.5px;
    font-weight: 300 !important;
    letter-spacing: 0.1px;
    display: inline-flex;
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    line-height: 1.285em !important;
}

html>body:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
    color: rgb(218, 218, 218) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(185, 175, 164, 0.3) !important;
    box-shadow: rgb(0, 0, 0) 0 0 0 !important;
    background-size: cover;
    background-image: linear-gradient(90deg, rgb(28, 28, 28) 28%, rgb(15, 15, 29) 100%);
}

.grow-1 .overflow-hidden .container-fluid .items-stretch .md\:justify-center .w-full .justify-between .focus-visible\:outline-secondary {
    color: rgba(219, 219, 219, 0.81) !important;
}

.lqd-show-password>.w-5 {
    color: #b0aaaa;
}

.md\:justify-center .text-end a {
    color: rgba(219, 219, 219, 0.41);
    font-weight: 500;
}

.md\:justify-center .flex-col .text-foreground\/70,
.md\:justify-center .mt-20 {
    font-weight: 400;
}

.md\:justify-center .mt-20 .font-medium {
    color: #fd4060;
}

.min-h-full .items-stretch .bg-center {
    filter: brightness(0.88) contrast(1.1) saturate(1.5);
    opacity: 0.6;
}

/* ... (demais seções específicas) ... */

/* ==========================================================================
   6. Media Queries (Responsividade)
   ========================================================================== */

@media (max-width: 1335px) {
    .altumcode-top_left .altumcode-informational-wrapper {
        position: fixed !important;
    }
}

@media (max-width: 1199.98px) { /* not all and (min-width: 1200px) */
    #chats-list-container>div>div:nth-child(1) {
        height: 5rem;
        padding: 0.5rem;
        padding-bottom: 12px !important;
        padding-left: 5px;
        border-bottom-width: 1px;
    }
    #load_chat_area_container {
        border: 1px solid rgba(211, 21, 25, 1);
        background-color: rgb(58, 58, 57) !important;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 5px !important;
        margin-left: 22px;
        padding: 18px 1rem 20px !important;
    }
    #chat_550>div>span,
    #chats-list-container>div {
        transform: translatex(0px) translatey(0px);
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 991.98px) { /* not all and (min-width: 992px) */
    .max-sm\:gap-3 {
        gap: 0.4rem;
    }
    .sm\:text-2xs {
        font-size: .8125rem;
        letter-spacing: 0.2px;
    }
    #load_chat_area_container {
        margin-left: 0px !important;
    }
    #chat_form .lqd-chat-form-inputs-container {
        display: block;
    }
    .lg\:\!hidden .relative img {
        height: 23px;
    }
    .lg\:\!hidden .relative .justify-center {
        border-radius: 0;
    }
    /* ... (demais regras para este breakpoint) ... */
}

@media (max-width: 768px) {
    .lqd-chats-list .lqd-chat-item .lqd-card-body {
        padding-top: 25px;
    }
    .min-h-full div .lqd-chat-item {
        max-width: 300px;
    }
    .lqd-chats-list .lqd-chat-item:nth-child(n + 1)>* {
        min-height: 170px !important;
        background-size: 57.5% !important;
    }
    /* CORREÇÃO: Força duas colunas para a lista de agentes em mobile */
    .lqd-chats-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    /* ... (demais regras para este breakpoint) ... */
}

@media (max-width: 575.98px) { /* not all and (min-width: 576px) */
    .lqd-announcement-card div .\[\&\[disabled\]\\:pointer-events-none:nth-child(1) {
        padding-right: 16px;
    }
    .theme-dark .lqd-generator-item-info h4,
    .text-lg {
        font-size: 0.8rem !important;
        letter-spacing: 0.01px;
    }
    .lqd-chats-list .lqd-chat-item p,
    .lqd-generator-item-info p {
        display: none;
    }
    /* ... (demais regras para este breakpoint) ... */
}

@media (min-width: 1025px) {
    #chats-list-container>div>div:nth-child(1) {
        border-bottom-width: 1px;
        height: 5rem;
        padding: 0.625rem;
        padding-bottom: 12px;
        padding-left: 5px;
    }
    #lqd-titlebar>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>span:nth-child(1)>div:nth-child(2)>input:nth-child(1) {
        background-color: rgba(185, 175, 164, 0.2) !important;
        border-radius: 999px;
        padding-right: 140px;
        padding-top: 22px;
        padding-bottom: 24px
    }
    #lqd-titlebar>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>span:nth-child(1) input {
        border-color: rgba(0, 0, 0, 0.4) !important;
        box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 4px 2px !important;
        border-style: solid;
        border-width: 1px;
    }
    .lqd-chats-list .lqd-chat-item .lqd-card-body {
        padding-top: 15px;
    }
    #all>div:nth-child(1)>div:nth-child(1)>form:nth-child(2) {
        filter: brightness(80%);
        padding-top: 9px;
        padding-left: 50px;
        padding-right: 100px;
        z-index: 1;
    }
    div:nth-child(2)>ul:nth-child(1)>li:nth-child(n + 1) img {
        border-radius: 5px !important;
        padding-right: 12px;
    }
    li:nth-child(n+1) span>span>span {
        display: none;
    }
    #load_chat_area_container {
        background-color: rgb(58, 58, 57) !important;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 5px !important;
        margin-left: 22px;
        padding: 18px 1rem 20px !important;
    }
    #chat_550>div>span {
        transform: translateX(0px) translateY(0px);
        padding-left: 12px;
        padding-right: 12px;
    }
    #chats-list-container>div {
        transform: translateX(0px) translateY(0px);
        padding-left: 14px;
        padding-right: 14px;
    }
    #chart-daily-usages foreignobject>div {
        display: contents !important;
    }
    #lqd-generators-list .lqd-card-body .overflow-hidden {
        top: 2px;
        bottom: auto !important;
        left: 1px;
        right: auto !important;
    }
    #lqd-generators-list .lqd-card-body .lqd-generator-item-icon {
        width: 60px !important;
        height: 50px !important;
        background-size: 80px 62px !important;
        background-blend-mode: luminosity !important;
    }
    #lqd-generators-list .lqd-generator-item-icon .inline-block {
        height: 6px;
        width: 6px;
    }
    #lqd-generators-list .lqd-card-body img {
        height: 39px;
        width: 39px !important;
        max-width: 110%;
        filter: contrast(1.4);
    }
    .lqd-chats-list .lqd-chat-item .lqd-fav-btn {
        left: 1px;
        top: 1px;
        min-height: 1px;
        padding-right: 1px !important;
    }
    .min-h-full div .lqd-chat-item {
        max-width: 300px;
    }
    .min-h-full div .lqd-chats-list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    #all .lqd-card-body h3.items-center {
        justify-content: center;
        padding-top: 0.125rem;
        padding-bottom: 0.825rem;
        font-size: 2.2rem;
        font-weight: 900 !important;
        letter-spacing: 2px;
        /*font-family: orbitron, sans-serif;*/
        text-transform: math-auto;
        background: linear-gradient(321deg, rgb(255, 0, 40) 42.63%, rgb(226, 114, 114) 83.27%, rgb(255, 0, 40) 112.63%) text;
        -webkit-text-fill-color: transparent;
        margin-top: 1.125rem;
        margin-bottom: 0.75rem;
    }
    #all>.transition-all {
        background-color: transparent !important;
        border-width: 0px;
        border-radius: 2px !important;
        background-position-y: 35%;
        background-position-x: 50%;
    }
    #all div input[type=search] {
        border-radius: 999.25rem !important;
        border-color: rgba(0, 0, 0, 0.1) !important;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 2px !important;
        border-width: 0.5px;
        border-style: solid;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        filter: contrast(1.2);
    }
    div#search:nth-child(1)>div>div>input {
        border-radius: 999.25rem !important;
        border-color: rgba(0, 0, 0, 0.1) !important;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 2px !important;
        border-width: 0.5px;
        border-style: solid;
        border-top-width: 25px;
        border-bottom-width: 25px;
        border-left-width: 20px;
        border-right-width: 20px;
    }
    form>div>div>div:nth-child(1) {
        background-color: transparent;
    }
    #all>div:nth-child(1)>div:nth-child(1) {
        text-align: center;
        line-height: 1.4285em !important;
        padding: 0.125rem 0.425rem 2.125rem;
    }
    #all>div:nth-child(1)>div:nth-child(1)>a:nth-child(3) {
        text-align: justify;
        font-size: 0.9rem !important;
        font-weight: 400 !important;
        opacity: 0.6;
        padding-top: 0.1rem;
        margin-top: 5px;
    }
    #all>div:nth-child(1)>div:nth-child(1)>a:nth-child(3)>span:nth-child(1) {
        filter: brightness(0.95) contrast(2.1);
    }
    form:nth-child(2) #search_results>h3 {
        text-align: left;
        text-shadow: 2px 2px 9px #000045 !important;
        text-overflow: revert !important;
        text-emphasis-color: revert-layer !important;
        text-decoration-style: dashed !important;
        color: #fd4060;
        margin: 20px;
        border-bottom-width: 1px;
        padding: 0.75rem 0.75rem 0.95rem;
        font-size: 1.3rem;
        line-height: 0.1em;
        font-weight: 900 !important;
        margin-bottom: 0.5rem;
        font-family: var(--h3-font-family, var(--headings-font-family));
        font-style: var(--h3-font-style, var(--headings-font-style));
        text-transform: var(--h3-text-transform, var(--headings-text-transform));
        letter-spacing: var(--h3-letter-spacing, var(--headings-letter-spacing));
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        border-color: rgba(185, 175, 164, 0.3) !important;
    }
    #all>div:nth-child(1)>div:nth-child(1)>h3:nth-child(1)>svg:nth-child(1) {
        background-image: url("https://app3.nerdgpt.com.br/themes/default/assets/img/nerd-success.gif") !important;
        background-size: 26px 26px !important;
        padding: 17px 8px 8px 18px;
        opacity: 0.8;
        background-repeat: no-repeat !important;
        display: block;
        vertical-align: center;
        height: 25px;
        max-height: 25px;
    }
    #all>div .overflow-hidden {
        border-radius: 999rem !important;
    }
    .font-medium:nth-child(1) .transition-colors:nth-child(1)>.items-center:nth-child(1) {
        font-weight: 600;
        background: linear-gradient(321deg, rgb(255, 0, 40) 42.63%, rgb(226, 114, 114) 83.27%, rgb(255, 0, 40) 112.63%) text;
        -webkit-text-fill-color: transparent;
        font-size: 1rem;
        line-height: 1.4285em;
    }
    #load_chat_area_container {
        padding: 0px !important;
    }
    .before\:content-none .justify-center span {
        color: #fd4060;
        font-weight: 700;
        font-size: 14.5px;
    }
    #chat_area_to_hide .items-start .before\:content-none .overflow-ellipsis {
        border-radius: 0px;
        width: 78px!important;
        height: 78px!important;
        margin: -12px 0 !important;
        filter: contrast(0.75);
        transition: width 2.7s;
    }
    #chat_area_to_hide .lqd-chat-head {
        padding-left: 0px;
    }
    span.lqd-input-label-txt {
        color: #fd4060;
        font-weight: 600;
        transition: color 0.8s
    }
    span.lqd-input-label-txt:hover {
        color: rgb(153 153 153);
        font-weight: 700
    }
    #chat_area_to_hide > div > div:nth-child(2) > div {
        gap: 1.5rem;
    }
    div#share-modal {
        padding: 7px 6px 1px 9px;
        margin-right: 16px;
        border-color: hsl(357.14deg 35.59% 23.14%) !important;
        outline-offset: 1px !important;
        border-radius: 0.2rem !important;
        background-color: #fd4460;
    }
    #share-modal>a:nth-child(1) {
        padding: 4px 10px 0 6px !important;
        text-align: justify !important;
    }
    .active :text-navbar-foreground-active.active {
        color: #f44336;
    }
    div.tox .tox-editor-header .tox-toolbar__group:first-child .tox-tbtn--select {
        justify-content: current !important;
        width: 160px !important;
        height: 40px !important;
        padding: 0px 16px !important;
        margin: 5px !important;
        border: 0px solid !important;
        border-radius: 0.075rem !important;
    }
}

@media (orientation: portrait) {
    #top_search_word {
        width: 435px;
        max-width: 435px;
        height: 55px;
        margin-top: 80px !important;
    }
    div#search_results {
        position: relative !important;
        z-index: 999999 !important;
        margin-top: 12px !important;
        box-shadow: -6px -9px 10px rgb(0 0 0 / 40%);
    }
}

@media (orientation: landscape) {
    #top_search_word {
        width: 235px;
        max-width: 235px;
        height: 55px;
        margin-top: 10px;
    }
    .container {
        max-width: 1420px !important;
    }
}























/*#1 INPUT*/
input.lqd-input.block.peer.w-full.px-4.py-2.border.border-input-border.text-base.ring-offset-0.lqd-input-lg.transition-colors.header-search-input.bg-background.border-none.h-12.text-heading-foreground {
    border-radius: 999px;
    padding: 40px 40px 40px 40px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 15px 10px -5px, rgba(0, 0, 0, 0.5) 0px 4px 6px -4px;
    display: inline-block;
}

/*#2 FORM*/
form.header-search.relative.group.transition-all.mb-5.w-full.header-search-in-content {
    margin-bottom: 15px;
    padding: 0px 0px 7px 0px;
    background-color:transparent;
  box-shadow:none;
  }

#1 DIV
div.lqd-input-container.relative.peer {
    width: 90%;

  margin-bottom: 15px;
  padding: 10px 10px 10px 10px;
  background-color: transparent;
  min-height: 4rem;
  border-radius: 999px;

}


@media (min-width: 1025px) {
#all > .transition-all div.lqd-input-container.relative.peer > form:nth-child {
    filter: none;
    padding-top: 9px;
    padding-left: 100px;
    padding-right: 100px;
    z-index: 1;
  }
}

.transition-all .search-results-container {
width : 1140px;
max-width : 1140px;
padding-left : 0px;
margin-left : 80px;
margin-right : 80px;
line-height : 22px;
z-index : 5;
color : rgb(242, 242, 242);
background-color : rgb(0, 0, 0);
border-top-color : rgba(0, 0, 0, 0.3);
border-right-color : rgba(0, 0, 0, 0.3);
border-bottom-color : rgba(0, 0, 0, 0.3);
border-left-color : rgba(0, 0, 0, 0.3);
box-shadow : rgba(0, 0, 0, 0.5) 0px 15px 10px;
}







#all > .transition-all div:nth-child(1) > div > div > input {
  border-radius: 25rem;
  height: 4rem;
  background-color: hsl(var(--input-background)) !important;
  width: 100%;
  border-width: 1px;
  border-style: none;
  border-color: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.4285em;
  color: hsl(var(--heading-foreground));
  --tw-shadow:0 4px 8px rgba(0,0,0,.05);
  --tw-shadow-colored:;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);

}
#all > .transition-all  div:nth-child(1) > div > div > input:focus {
    border-color: hsl(var(--primary));
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-color:rgb(59 130 246 / .5);
    outline-width: 2px;
  }
#all > .transition-all div:nth-child(1) > form:nth-child(2) {
  background-color: rgb(31, 31, 31);
  padding: 12px;
  min-height: 3rem;
  width: 100%;
  flex-wrap: wrap;
  border-radius: 9999px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.5) 0px 4px 6px -4px;
  border-color: rgba(185, 175, 164, 0.3) !important;
  position: relative;
  margin-bottom: 1.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


@media (max-width: 991.98px) {
  div:nth-child(1) > div > div > input {
    font-size: 0.9rem;
    letter-spacing: 0.3px;
  }
}
@media (min-width: 576px) {
  div:nth-child(1) > div > div > input {
    font-size: 0.99rem;
  }
}
@media (min-width: 1025px) {
  div:nth-child(1) > form:nth-child(2) {
    filter: brightness(90%);
    padding-top: 9px;
    padding-left: 50px;
    padding-right: 100px;
    z-index: 1;
  }
}