.field-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.custom-text-input{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);box-sizing:border-box;display:flex;gap:8px;height:44px;padding:0 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.custom-text-input:focus-within{border-color:var(--primary-color)}.custom-text-input.error{border-color:var(--danger-color,#ef4444)}.custom-text-input.disabled{opacity:.6;pointer-events:none}.custom-text-input .input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:14px;outline:none}.custom-text-input .input::-moz-placeholder{color:var(--text-primary);opacity:.4}.custom-text-input .input::placeholder{color:var(--text-primary);opacity:.4}.custom-text-input .prefix-icon,.custom-text-input .suffix-icon{color:var(--text-primary);flex-shrink:0;opacity:.6}.custom-text-input .icon-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;opacity:.6;padding:0}.custom-text-input .icon-btn:hover{opacity:1}.custom-text-input .icon-btn svg{color:var(--text-primary)}.error-text{color:var(--danger-color,#ef4444);font-size:12px;line-height:1.4;margin:6px 0 0}.counter-text{bottom:-20px;color:var(--text-primary);font-size:10px;font-weight:300;line-height:1.4;margin:0;opacity:.8;padding:0;position:absolute;right:1px;text-align:end}.input[type=date]{color-scheme:var(--input-date)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}