/* _content/SuporteIA.Web/Components/Pages/Chat.razor.rz.scp.css */
/* CSS isolado - Chat.razor */

/* Container do input */
.input-container[b-77w1x44e5v] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

/* Wrapper do MudTextField */
.modern-input-wrapper[b-77w1x44e5v] {
    flex: 1 1 auto;
    display: flex;
    width: 100%;
    min-width: 0; /* evita corte por min-width:auto do flex item */
    --mud-default-borderradius: 32px;
}

/* O elemento com a classe passada ao MudTextField deve ocupar 100% */
[b-77w1x44e5v] .modern-input {
    width: 100% !important;
    display: block !important;
}

/* Forçar largura total em elementos internos chave do MudTextField */
[b-77w1x44e5v] .modern-input .mud-input-root,
[b-77w1x44e5v] .modern-input .mud-input-root-outlined,
[b-77w1x44e5v] .modern-input .mud-input-control,
[b-77w1x44e5v] .modern-input .mud-input-slot,
[b-77w1x44e5v] .modern-input .mud-input,
[b-77w1x44e5v] .modern-input .mud-input-outlined {
    width: 100% !important;
}

/* Border-radius aplicado em níveis chave */
[b-77w1x44e5v] .modern-input .mud-input-root,
[b-77w1x44e5v] .modern-input .mud-input-root-outlined,
[b-77w1x44e5v] .modern-input .mud-input-control,
[b-77w1x44e5v] .modern-input .mud-input-slot,
[b-77w1x44e5v] .modern-input .mud-input-outlined fieldset,
[b-77w1x44e5v] .modern-input fieldset {
    border-radius: 32px !important;
}

/* Background */
[b-77w1x44e5v] .modern-input .mud-input-root-outlined {
    background: #f9fafb !important;
    min-height: 48px !important;
}

/* Fieldset - borda principal */
[b-77w1x44e5v] .modern-input .mud-input-outlined fieldset,
[b-77w1x44e5v] .modern-input fieldset {
    border: 1px solid #d1d5db !important;
    transition: border-color 0.2s ease !important;
}

/* Hover */
[b-77w1x44e5v] .modern-input:hover .mud-input-outlined fieldset,
[b-77w1x44e5v] .modern-input .mud-input-root-outlined:hover fieldset {
    border-color: #4A7FBD !important;
}

/* Focus */
[b-77w1x44e5v] .modern-input .mud-input-focused fieldset,
[b-77w1x44e5v] .modern-input .mud-input-root-outlined.mud-input-focused fieldset {
    border-color: #2B5FA6 !important;
    box-shadow: 0 0 0 3px rgba(43, 95, 166, 0.1) !important;
}

/* Espaço interno do campo */
[b-77w1x44e5v] .modern-input .mud-input-slot {
    padding: 0 20px !important; /* padding horizontal dentro do fieldset */
}

/* Padding no input real do MudTextField */
[b-77w1x44e5v] .modern-input .mud-input-input {
    padding: 10px 0 !important; /* só vertical, horizontal já vem do slot */
    font-size: 15px !important;
    line-height: 1.5 !important;
    min-height: 48px !important;
}