/* Text Input Field Component - Auto-resize with smooth animations */
.text-inpu-fiel-wrap{display:flex;align-items:flex-end;gap:0.5rem;padding:0 .45rem .45rem 1rem;background:var(--bg-seco);border-radius:var(--bo-ra-larg);border:1px solid var(--bg-thir);transition:var(--transition)}
.text-inpu-fiel-wrap:hover{border-color:var(--bg-four)} .text-inpu-fiel-focu{border-color:var(--bg-four)!important} 
.text-inpu-fiel-cont{flex:1;display:flex;flex-direction:column;gap:0.5rem}
.text-inpu-fiel-area{width:100%;min-height:2.5rem;max-height:12rem;padding:0.75rem 0;border:none;outline:none;resize:none;font-family:inherit;font-size:1rem;line-height:1.5;background:transparent;color:var(--text-firs);transition:var(--transition);overflow-y:auto;scrollbar-width:thin}
.text-inpu-fiel-area::-webkit-scrollbar{width:4px}
.text-inpu-fiel-area::-webkit-scrollbar-track{background:transparent}
.text-inpu-fiel-area::-webkit-scrollbar-thumb{background:var(--bg-thir);border-radius:2px}
.text-inpu-fiel-area::placeholder{color:var(--text-thir);transition:opacity 0.3s ease}
.text-inpu-fiel-focu .text-inpu-fiel-area::placeholder{opacity:0.7}
.text-inpu-fiel-info{display:flex;justify-content:space-between;align-items:center}
.char-coun-disp{font-size:0.75rem;color:var(--text-thir);font-weight:500;transition:var(--transition)}
.char-coun-warn{color:#ff9800} .char-coun-erro{color:#f44336} 
.inpu-stat-indi{width:8px;height:8px;border-radius:var(--bo-ra-roun);background:var(--bg-thir);transition:var(--transition)}
.inpu-stat-acti{background:var(--bran-firs)}
.text-inpu-send-butt{width:2.5rem;height:2.5rem;border:none;border-radius:var(--bo-ra-roun);background:var(--bran-seco);color:var(--cfff);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.5rem;opacity:0.5}
.text-inpu-send-butt svg{transform:rotate(-45deg);width:1.3rem;height:1.3rem;margin:-.15rem -.2rem 0 0;}
.text-inpu-send-butt:disabled{cursor:not-allowed;opacity:0.5}
.text-inpu-send-acti{background:var(--bran-firs);color:var(--cfff);opacity:1}
.text-inpu-send-acti:hover{box-shadow:0 2px 8px var(--bran-seco);opacity:1}
.text-inpu-send-butt:hover:not(:disabled){background:var(--bran-seco);opacity:1}
@media (max-width:768px){.text-inpu-fiel-area{font-size:0.9rem}.text-inpu-send-butt{width:2.25rem;height:2.25rem}}
@keyframes puls{0%,100%{opacity:1}50%{opacity:0.5}}
.char-coun-erro{animation:puls 1.5s infinite}
@media (prefers-reduced-motion:reduce){.text-inpu-fiel-wrap,.text-inpu-fiel-area,.char-coun-disp,.inpu-stat-indi,.text-inpu-send-butt{transition:none}.char-coun-erro{animation:none}}